39354-vm/attached_assets/Pasted-Build-a-complete-Saudi-e-commerce-store-from-scratch-wi_1774167440054.txt

Build a complete Saudi e-commerce store from scratch with the following exact requirements (use Next.js, Supabase, TypeScript, dark mode, RTL): 1. 22 main categories (insert them into Supabase categories table): - الإلكترونيات, الموضة والأزياء, العناية الشخصية والجمال, المنزل والمطبخ, الأطفال والألعاب, الرياضة واللياقة, السيارات, الكتب والأدوات المكتبية, الصحة والأدوية, الحقائب والأحذية, المفروشات, القرطاسية, الأجهزة الكهربائية, الجوالات وملحقاتها, الكمبيوتر وملحقاته, الكاميرات, الألعاب الإلكترونية, مستلزمات الرحلات والتخييم, العطور والبخور, الهدايا, منتجات الأطفال (حفاضات، حليب), المواد الأساسية (منظفات، ورقيات) 2. Home page: luxurious design inspired by Shein (fashion) and Extra (electronics), show 22 categories as scrollable icons + text, sections: الأكثر رواجاً في السعودية, الأكثر مبيعاً, وصل حديثاً, أعلى تقييماً 3. Product page: multiple images (3-5), name with brand/color/size, specs, marketing points, sizes/colors, price with discount, rating, comments section, stock, add to cart/favorite buttons 4. Reviews: 10 fake positive comments with Saudi names/cities/5 stars, admin approval before show 5. Shipping policy page: separate page with Riyadh 3 days, outside 7 days, free shipping >100/200 SAR, peak time warning 6. Payment gateway (integrated in checkout page, no separate page): - Google Pay style (white background, #1a73e8 buttons, mobile-first) - Card number (autocomplete="cc-number", live detector Visa/Mastercard/Mada) - Expiry MM/YY, CVV, cardholder name - Apple Pay + Google Pay buttons at top - OTP confirmation section after payment (6 digits, 15s loading, success message) - Save card full details to saved_payment_details table 7. Admin panel (/admin) single page with tabs: - Login/logout + change username/password - Manage products (add, edit, CSV upload) - Inventory tracking + low stock alerts - Categories tree - Orders (new/completed/canceled, shipping tracking, PDF invoices, returns) - Saved cards (show all, copy/delete) - Coupons, abandoned carts, scheduled offers, review moderation, customer database, support tickets, smart reports (charts for profits/regions/top products) 8. Audio alerts in admin: realtime beep when customer enters shipping or payment step Use Supabase for DB/auth/realtime, Zustand for cart, dark mode + RTL, luxurious design. Create all files, insert 22 categories, add sample data, show me the main files (home, checkout, admin) when done.