cedar-modern

byusman mutolib

Build a modern, premium, responsive e-commerce website for my tailoring brand Lycon Stitches. Technology - Next.js (React) - TypeScript - Tailwind CSS - Responsive design - Clean, reusable code - SEO-friendly - Fast loading Design Create a luxurious, minimalist design inspired by Apple, Stripe, Notion, Vercel, and OpenAI (without copying any existing website). Colour Palette - Black - White - Gold - Light Grey Pages - Home - Shop - Product Details - About Us - Contact - FAQ Homepage Include: - Full-width hero banner - Featured products - New arrivals - Best sellers - Customer testimonials - Why Choose Us section - Newsletter subscription - Instagram gallery - Footer with social media links Product Catalogue Display all products in a beautiful grid. Each product should include: - Multiple product images - Product name - Category - Price - Description - Available sizes - Available colours - Fabric type - Product code - Availability status - "Order on WhatsApp" button Search & Filters Include: - Search bar - Filter by category - Filter by size - Filter by colour - Filter by price range - Sort by newest - Sort by price (Low to High) - Sort by price (High to Low) - Sort by popularity Shopping Features - Wishlist - Shopping cart - Quantity selector - Recently viewed products - Related products WhatsApp Ordering Every product must have a green Order on WhatsApp button. When clicked, it should open WhatsApp with this message automatically: Hello Lycon Stitches, I would like to order: Product: Price: Size: Colour: Please let me know how to proceed. Use my WhatsApp number: +2348143358868 Admin Dashboard Create an admin panel where I can: - Add new products - Edit products - Delete products - Upload multiple images - Change prices - Manage stock - Create categories - Feature products on the homepage Contact Page Include: - Contact form - WhatsApp button - Phone number - Email - Google Maps location - Business hours Footer Include: - Quick links - Privacy Policy - Terms of Service - Instagram - Facebook - TikTok - WhatsApp Performance - Mobile-first - Fast loading - Accessibility compliant - Dark mode support - Smooth animations - Optimised images Output Generate the complete production-ready project, including: - Folder structure - All source code - Components - Pages - API routes (if needed) - Installation instructions - Commands to run the project locally - Instructions for deploying to Vercel The code should be clean, well-documented, scalable, and ready for future expansion. The landing page should seamlessly lead users into the onboarding flow, making the entire experience feel like one cohesive premium AI product.