قالب صفحه اول فروشگاه

سلام من قالب صفحه اول فروشگاهی میخواهم با اطلاعات زیر : پروژه: طراحی صفحه اول (خانه) یک فروشگاه محصولات دیجیتال/مد (مشتری مشخص خواهد کرد) مهارت‌های مورد نیاز: HTML5 (ساختار معنایی) Tailwind CSS (طراحی کاملاً بر پایه Tailwind، بدون CSS اضافی دستی) JavaScript خالص (ES6+) برای تعاملات سمت کاربر کاملاً ریسپانسیو (موبایل، تبلت، دسکتاپ) رعایت اصول عملکرد و سرعت بارگذاری امکاناتی که صفحه اصلی باید داشته باشد: هدر (Header): لوگو (قابل تعویض با تصویر) منوی اصلی (خانه، محصولات، وبلاگ، تماس با ما) آیکون سبد خرید با نشانگر تعداد (مقدار نمونه و static در JS) آیکون جستجو (بدون منطق بک‌اند، فقط با یک alert نمونه) منوی همبرگری برای موبایل (با باز و بسته شدن توسط JS) بنر اصلی (Hero Section): تصویر زمینه یا اسلایدر ساده با ۲ اسلاید (قابل تغییر با دکمه‌های قبلی/بعدی) متن عنوان و زیرنویس + دکوه CTA (مشاهده محصولات) بخش دسته‌بندی محصولات: ۴ کارت دسته‌بندی با آیکون/تصویر و نام دسته (مثلاً گوشی، لپ‌تاپ، لوازم جانبی، هدفون) هر کارت افکت هاور نرم (تغییر سایه یا بزرگ‌شدن) محصولات ویژه (Featured Products): نمایش ۳ تا ۴ محصول در قالب کارت (تصویر، نام، قیمت، دکمه “افزودن به سبد خرید”) دکمه افزودن به سبد خرید با پیام “به سبد اضافه شد” (از طریق alert یا تغییر متن موقت روی دکمه) تعداد سبد خرید در هدر با کلیک روی هر دکمه افزایش یابد (ذخیره در متغیر JS) بخش تبلیغاتی ویژه (مثلاً تخفیف بزرگ یا بنر وسط صفحه) فوتر (Footer): لینک‌های سریع، اطلاعات تماس (نمایشی)، شبکه‌های اجتماعی (آیکون‌ها بدون لینک واقعی) سال جاری به صورت خودکار توسط JS دیگر جزئیات فنی: استفاده از Tailwind از طریق CDN (یا در صورت نیاز بصورت نصب شده با PostCSS، ترجیحاً CDN برای سادگی تحویل) کدنویسی تمیز و کامنت‌گذاری شده تحویل یک فایل ZIP شامل: index.html و پوشه assets (تصاویر نمونه یا placeholder) و هر فایل JS اضافی در صورت امکان استفاده از Font Awesome یا Heroicons برای آیکون‌ها (مجاز) کاملاً استاتیک و بدون نیاز به سرور