طراحی UI شبیه سایت مورد نظر

به یک طراح حرفه‌ای و باتجربه نیاز داریم که بتواند دقیقا مشابه قالب یک وب‌سایت مورد نظر هم نسخه دسکتاپ و هم نسخه موبایل را پیاده‌سازی کند. این پروژه تنها شامل طراحی ظاهر سایت است و به بخش‌های دیگر نیازی ندارد. قالب باید به صورت کاملاً واکنش‌گرا طراحی شود و با استانداردهای مدرن سازگار باشد. در کنار این، استفاده از کتابخانه‌های مشخص‌شده الزامی است تا هماهنگی کامل با ساختار پروژه داشته باشد. موارد ضروری برای طراحی: - استفاده از زبان TypeScript - طراحی قالب باید واکنش‌گرا باشد و روی تمامی دستگاه‌ها (کامپیوتر، موبایل، و تبلت) به درستی اجرا شود. - برای بخش‌های مختلف سایت باید کامپوننت‌بندی اصولی رعایت شود تا امکان استفاده مجدد از کد وجود داشته باشد و از کدنویسی تکراری پرهیز شود. - باید از ساختار مسیر‌دهی module-alias و علامت‌ @ در Next.js استفاده شود تا مدیریت فایل‌ها ساده‌تر و بهینه‌تر شود. - قالب باید از کتابخانه‌های زیر استفاده کند: - tailwindcss version 4.0.0-beta.6 - @tailwindcss/aspect-ratio - @tailwindcss/forms - @tailwindcss/typography - tailwind-merge - نسخه مورد استفاده از Next.js باید نسخه 15 باشد. - قالب طراحی‌شده باید از قابلیت‌های Next.js مثل lazy loading برای تصاویر و منابع بهره‌مند باشد تا سرعت و عملکرد بالایی داشته باشد. - رعایت اصول SEO در طراحی قالب ضروری است. - کدنویسی باید منظم، خوانا، و کاملاً بهینه باشد و از ابزارهایی مثل ESLint و Prettier برای تضمین کیفیت استفاده شود.