آهن فروشی پارسیان

<h2>آهن‌فروشی پارسیان </h2> <p> آهن‌فروشی پارسیان یک تمپلیت حرفه‌ای برای کسب‌وکارهای آهن‌فروشی و عرضه‌کنندگان مقاطع فولادی است. این تمپلیت با Next.js 15، Drizzle ORM و Tailwind CSS ساخته شده و شامل صفحه فرود تک‌صفحه‌ای با فرم استعلام قیمت، گرید محصولات فولادی، بخش نظرات مشتریان و پنل تماس کامل است. مناسب برای هر کسب‌وکاری که در حوزه آهن و فولاد فعالیت می‌کند. </p> <h3>بخش‌های سایت</h3> <p> <strong>Header:</strong> ناوبار ثابت با لوگو، لینک‌های ناوبری، دکمه تماس سریع و منوی موبایل. شفافیت ناوبار هنگام اسکرول تغییر می‌کند. </p> <p> <strong>Hero:</strong> عنوان بزرگ با افکت گرادیانت، تصویر صنعتی با پوشش گرادیانتی، دکمه‌های CTA (استعلام قیمت + تماس فوری)، نشان‌های اعتماد (ضمانت اصالت، ارسال سراسری، تحویل سریع) و کارت شناور آمار پروژه‌ها. </p> <p> <strong>محصولات:</strong> گرید ۶ محصول فولادی (میلگرد، تیرآهن، ورق فولادی، پروفیل، لوله و نبشی/ناودانی) با تصاویر، توضیحات، سایز و دکمه استعلام قیمت. افکت hover شامل بالا آمدن کارت و زوم تصویر. </p> <p> <strong>مزایا:</strong> ۶ کارت ویژگی شامل قیمت رقابتی، ضمانت اصالت کالا، ارسال سریع سراسری، مشاوره رایگان، کیفیت تضمینی و گزارش روزانه بازار. هر کارت دارای آیکون Lucide و افکت hover. </p> <p> <strong>درباره ما:</strong> لایه‌بندی دو ستونه شامل تصویر صنعتی، ۴ کارت آمار (۲۰+ سال تجربه، ۵۰۰۰+ پروژه، ۱۲۰۰+ مشتری، ۵۰۰۰۰+ تن فروش سالانه)، متن معرفی شرکت و چک‌لیست مزایا. </p> <p> <strong>نظرات مشتریان:</strong> ۳ کارت نظر با ستاره‌های امتیاز، نام و سمت مشتری و متن نظر. </p> <p> <strong>فرم استعلام قیمت:</strong> فرم با فیلدهای نام، شماره تماس، انتخاب محصول (Select dropdown) و توضیحات. کنار فرم اطلاعات تماس (تلفن، ایمیل، آدرس، ساعات کاری) نمایش داده می‌شود. ارسال به API و نمایش پیام موفقیت یا خطا. </p> <p> <strong>Footer:</strong> نوار CTA بالا با دکمه تماس و استعلام قیمت، چهار ستون (برند، لینک‌های سریع، محصولات، اطلاعات تماس) و نوار کپی‌رایت پایین. </p> <h3>تکنولوژی‌ها</h3> <p> Next.js 15 (App Router)، React 19، TypeScript، Tailwind CSS، shadcn/ui، Drizzle ORM، libSQL، Lucide Icons، Sonner (Toast)، React Query </p> <h3>پایگاه داده</h3> <p> جدول <code>contacts</code> شامل فیلدهای: id (INTEGER PRIMARY KEY)، name (TEXT NOT NULL)، phone (TEXT NOT NULL)، product (TEXT NOT NULL)، message (TEXT)، status (TEXT DEFAULT "new")، created_at (TIMESTAMP AUTO) </p> <h3>API</h3> <p> <code>POST /api/contact</code> - ثبت درخواست استعلام قیمت جدید. بدنه: name, phone, product, message </p> <p> <code>GET /api/contact</code> - دریافت لیست تمام پیام‌های تماس </p> <h3>شخصی‌سازی</h3> <p> تغییر نام برند: جستجوی «آهن‌فروشی پارسیان» در تمام فایل‌ها و جایگزینی. تغییر رنگ‌بندی: متغیرهای CSS در globals.css. تغییر محصولات: آرایه products در src/components/products.tsx. تغییر اطلاعات تماس: فایل‌های header.tsx، contact.tsx و footer.tsx. تغییر تصاویر: آپلود تصاویر جدید در Storage و جایگزینی URLها. </p>