Start from a website you like

Create a modern, elegant, and fully functional e-commerce website for a beauty and skincare brand called Glow & Grace. 1. Brand Identity and Design The website should have a premium, feminine, clean, and luxurious appearance. Use a beautiful color palette consisting of white, soft blush pink, beige, and subtle rose gold accents. Use elegant typography, high-quality beauty product images, rounded product cards, soft shadows, smooth animations, and plenty of white space. The website must be fully responsive and look excellent on mobile phones, tablets, and desktop computers. 2. Homepage Create an attractive homepage containing: • A promotional announcement bar at the top, such as "Your Glow Starts Here — Free Shipping on Orders Over $50." • A professional navigation bar with the logo, Home, Shop, Skincare, Makeup, About Us, Contact, search, and shopping cart icons. Do not include signup, login, or customer account features. • A large hero section featuring beautiful skincare products, a model with glowing skin, and the headline "Reveal Your Natural Glow." • A short description: "Discover carefully selected beauty and skincare essentials designed to nourish your skin and elevate your everyday routine." • Two prominent buttons: "Shop Skincare" and "Explore Beauty." • A featured categories section with image cards for Facial Cleansers, Moisturizers, Serums, Sunscreens, Face Masks, Makeup, and Lip Care. • A bestsellers section showcasing popular products. • A promotional banner highlighting seasonal offers and exclusive beauty bundles. • A "Why Choose Us?" section featuring quality ingredients, cruelty-free options, and reliable delivery. • Customer testimonials with names, profile images, and star ratings. • A newsletter subscription section offering a discount on the first order. • A professional footer with contact information, social media links, customer support, shipping and return policies, and frequently asked questions. 3. Product Catalog and Shopping Build a complete product catalog with realistic sample beauty and skincare products. Each product must include: • Product name and high-quality image. • Price and optional discounted price. • Product category and brand. • A short description and detailed product information. • Ingredients and key benefits when relevant. • Skin type suitability, such as oily, dry, combination, sensitive, or normal. • Product size or volume. • Customer ratings and reviews. • An "Add to Cart" button and a "View Details" option. Include search functionality, category filters, price filtering, sorting by price and popularity, and filtering by skin type and product concerns. 4. Product Details Pages Every product should have its own detailed page with multiple product images, price, description, ingredients, directions for use, available sizes, customer reviews, related products, quantity selection, and an add-to-cart button. Display clear information about product benefits without making unsupported medical claims. 5. Shopping Cart and Checkout Implement a functional shopping cart that allows customers to: • Add and remove products. • Change product quantities. • View product subtotals and the total order amount. • Apply discount codes. • See shipping costs and the final order total. • Continue shopping or proceed to checkout. Create a checkout page with customer name, phone number, email, delivery address, city, and order notes. Customers must be able to place orders without creating an account or logging in. 6. Customer Ordering and Contact Make the ordering process simple and convenient for customers. Include a WhatsApp ordering option so customers can send their selected products, quantities, and order total through WhatsApp. Keep the WhatsApp phone number configurable by the store administrator. Validate the order details before generating the WhatsApp message. Include a contact page with a contact form, business email, phone number, social media links, and a FAQ section. 7. About Us Page Create a dedicated About Us page that tells the story of Glow & Grace, explains the brand's passion for beauty and skincare, highlights its commitment to quality products, and helps customers feel confident shopping with the brand. Use attractive imagery and an authentic, friendly tone. 8. Admin Dashboard Create a secure admin dashboard where the store owner can: • Add, edit, and delete products. • Upload and manage product images. • Manage product categories, brands, prices, and stock. • Create and manage discounts and promotional banners. • View and manage customer orders. • Update order statuses, including Pending, Confirmed, Processing, Shipped, and Delivered. • Manage customer reviews. • Configure the WhatsApp number, shipping fees, and store details. • View basic sales, revenue, inventory, and order statistics. Use persistent database storage for products, customers, and orders. Do not rely on static frontend data for actual store operations.

Create a modern, elegant, and fully functional website for an Italian restaurant called Punch, including a secure owner-only admin dashboard. 1. Brand Identity and Design The website should feel warm, premium, and authentically Italian. Use a color palette of dark green, cream, and gold accents. Use elegant serif headings, clean body text, rich food photography, generous white space, and subtle animations. The website must be fully responsive and look excellent on mobile phones, tablets, and desktop computers. 2. Business Information • Restaurant name: Punch • Phone: +961 81 123 456 • WhatsApp: +961 81 123 456 • Email: info@punch.com • Address: Beirut, Lebanon • Opening hours: • Monday–Friday: 10:00 AM–11:00 PM • Saturday–Sunday: 12:00 PM–12:00 AM Display the phone number and WhatsApp contact clearly, with click-to-call and WhatsApp buttons. 3. Homepage Create an attractive homepage containing: • A navigation bar with the Punch logo, Home, Menu, About Us, Opening Hours, and Contact. • A large hero section with a beautiful Italian dining photo and the headline "Authentic Italian Flavors in the Heart of Beirut." • A short description: "Handmade pasta, wood-fired pizza, and seasonal Italian dishes prepared with care and served with warm hospitality." • Two buttons: "View Menu" and "Get Directions." • A menu section organized by category, with dish photos, descriptions, and prices. • An About Us section telling the story of Punch and its passion for Italian cooking. • Customer testimonials with names and star ratings. • An opening hours section. • A contact and location section with the address, phone number, WhatsApp button, and a Google Maps directions link. • A professional footer with contact details, opening hours, social media links, and a WhatsApp contact button. 4. Menu Create these menu categories: • Appetizers • Pasta • Pizza • Main Courses • Desserts • Drinks Each menu item should include: • Name and high-quality image. • Short description. • Price. • Category. Let visitors filter the menu by category. Load menu items from the database so the owner can update them at any time. 5. Admin Dashboard Create a secure admin dashboard where the restaurant owner can: • Add, edit, and delete menu items. • Update prices and descriptions. • Change item categories. • Upload or replace dish images. • Manage menu categories. Protect the admin dashboard with secure owner authentication at /admin/login. Redirect unauthenticated visitors to the login page, keep the owner signed in after a refresh, and include a logout button. Add an "Owner Login" link in the footer only. 6. Technical Requirements • Use persistent database storage for menu items and categories, scoped to this site. • Store uploaded images in cloud storage and save only their URLs in the database. • Include loading, empty, and error states. • Use accessible components and SEO-friendly page metadata. • Do not implement online payments, a shopping cart, or customer accounts.

Brand Bucket — Clothing E-Commerce Website Create a modern, stylish, fully functional e-commerce website for Brand Bucket, a clothing brand. Use standard web development, database operations, and WhatsApp integration only. Do not add AI features, online payment processing, or unrequested third-party services. 1. Brand Identity and Design • Use black, white, beige, and soft gray. • Include elegant typography, premium fashion photography, stylish product cards, clean layouts, and lightweight animations. • Make the website responsive on mobile, tablet, and desktop. • Maintain a professional, premium fashion-shopping experience. 2. Store Information • Brand: Brand Bucket • Phone: 81020427 • WhatsApp: +961 81 020 427 (verify before use). • Email: hello@brandbucket.com (placeholder; verify before presenting as a real contact). Use Brand Bucket consistently across the logo, pages, navigation, footer, and order messages. Make phone and WhatsApp buttons clickable. Allow the administrator to edit contact details, social links, and store settings. Never invent addresses or unverified business information. 3. Homepage Include: • Promotional announcement bar. • Navigation: Home, Shop, Men, Women, New Arrivals, Collections, Sale, About Us, Contact. • Search and shopping cart icons. • Fashion hero banner featuring clothing and models. • Headline: “Brand Bucket — Your Style, Your Identity.” • Description: “Discover fashion that brings your personality to life with modern essentials, timeless classics, and statement pieces for every occasion.” • Shop Men and Shop Women buttons. • New Arrivals, Bestsellers, Shop by Category, promotions, and discounted products. • Clearly labeled sample testimonials until genuine reviews are provided. • Fashion gallery using available images without falsely claiming an Instagram connection. • Footer with contact details, WhatsApp, shipping information, and return policies. All links and buttons must work. Do not include dead links or fake functionality. 4. Clothing Categories Create these categories: Men's Clothing, Women's Clothing, Unisex Clothing, T-Shirts and Polos, Shirts and Blouses, Hoodies and Sweatshirts, Jackets and Coats, Jeans and Trousers, Dresses and Skirts, Sportswear, Shorts, Shoes, Bags and Accessories, New Arrivals, Bestsellers, and Sale Items. Administrators must be able to create, edit, reorder, and delete categories. 5. Product Catalog Add realistic sample products with suitable fashion images. Clearly label sample products and prices as demonstrations until the owner confirms the real inventory. Each product supports: • Name, description, images, category, and optional subcategory. • Regular and discounted prices. • Sizes, colors, visual color swatches, and fabric/fit details. • Size guides and measurements. • Stock availability for each size and color. • Ratings and reviews. • Add to Cart, View Details, and Wishlist. Allow administrators to manage all product information. Use normal application logic for inventory, filtering, wishlists, and product selection. Do not use AI to generate product content or recommendations. 6. Search, Filters, and Sorting Implement functional search and filters by category, size, color, price, material, fit, availability, rating, and discount. Allow sorting by newest, popularity, ratings, and price. Include Clear All Filters. Use standard database queries without AI or external search services. 7. Product Details Each product needs its own page with an image gallery, description, price, discounts, sizes, colors, material, fit, care instructions, size guide, availability, reviews, and related products. Include Add to Cart and WhatsApp Inquiry buttons. Prevent selection of unavailable variants. Select related products using matching categories or attributes, not AI. 8. Shopping Cart and Guest Checkout The cart must support: • Adding and removing products. • Selecting sizes and colors. • Changing quantities. • Applying discount codes. • Calculating subtotal, shipping fees, and final order total. Create a guest checkout form collecting customer name, phone, email, delivery address, city, and optional order notes. Customer access restrictions are mandatory: • No customer signup, registration, login, accounts, or profile pages. • No customer login buttons or authentication redirects. • Customers can browse, use the cart, and submit orders without accounts. • Keep administrator authentication completely separate. 9. WhatsApp Ordering Use the verified Brand Bucket WhatsApp number for product inquiries and orders. Provide WhatsApp ordering on product pages and in the cart. Generate a prefilled message containing product names, sizes, colors, quantities, individual prices, subtotal, shipping fees, total, and customer delivery details when provided. Customers must review and send the message themselves. Opening WhatsApp does not automatically complete an order; the store must confirm it. If website order submissions are stored in the database, distinguish submitted orders from confirmed orders. Never claim an order is confirmed before the store confirms it. 10. About Us and Contact Create an About Us page with editable sample content about Brand Bucket's fashion identity. Create a Contact page with configurable phone, click-to-call and WhatsApp buttons, a contact form, social links, address, opening hours, and FAQs about sizing, delivery, exchanges, and returns. Treat hello@brandbucket.com as an unverified placeholder. Use existing backend/database functionality for contact submissions. If email delivery is not configured, store submissions in the database and clearly confirm receipt without claiming an email was sent. Do not invent verified addresses, opening hours, delivery promises, or return policies. 11. Admin Dashboard Create a secure administrator dashboard to manage: • Products, images, categories, prices, discounts, sizes, colors, and inventory. • Orders, order items, customer delivery details, and reviews. • Promotional banners, shipping fees, contact details, and store settings. Order statuses: Pending, Confirmed, Processing, Shipped, Delivered, and Cancelled. Include database-based order statistics and low-stock alerts. Persist all product, inventory, and order data across page refreshes and application restarts. Only authorized administrators can access management functions. Customer access must never require administrator authentication. 12. Database and Security Use the project's existing framework, database, and infrastructure wherever possible. Support persistent storage for products, categories, images, sizes, colors, inventory, orders, order items, discount codes, reviews, store settings, contact submissions, and administrator accounts. Validate inputs on the server, protect administrator routes and APIs, apply proper database access controls, protect private credentials and customer information, and prevent invalid quantities or unavailable variants from being ordered. Recalculate order totals on the server instead of trusting client-provided prices.

Maison Lila — Women's Clothing Store Create a modern, elegant online clothing store for Maison Lila, a women's fashion boutique. 1. Brand and Design • Colors: warm ivory background, soft blush pink accents, and black text. • Elegant serif headings with a clean, minimal layout and a premium boutique feel. • Editorial photography of women's fashion: dresses, blouses, modest wear and evening looks. • Fully responsive on mobile, tablet and desktop. 2. Homepage • Announcement bar: "Free delivery on orders over $75". • Navigation: Home, Shop, New Arrivals, Dresses, Sale, About, Contact. • Hero with the headline "Effortless elegance for every day." and a "Shop the collection" button. • New Arrivals, Bestsellers, Shop by Category and a Sale section. • Footer with contact details, WhatsApp, delivery and returns information. 3. Categories Dresses, Tops & Blouses, Skirts, Pants & Jeans, Abayas & Modest Wear, Evening Wear, Knitwear, Accessories. 4. Products • Sizes XS to XL, colors with swatches, regular and sale prices, and fabric details. • Stock for each size. • Add realistic sample products, clearly labeled as samples until I add my real ones. 5. Shopping • Search and filters by category, size, color and price. • Wishlist and shopping cart saved in the visitor's browser. • Checkout sends the order to WhatsApp: +961 81 020 427. • No online card payments. • No customer accounts, sign-up or login: visitors shop as guests. 6. Admin Dashboard (owner only) • Only the store owner logs in, to manage products, categories, prices, stock, orders and store settings.

Create a modern, cozy, and fully functional website for a coffee shop called Cedar Brew, including a secure owner-only admin dashboard. 1. Brand Identity and Design The website should feel warm, inviting, and handcrafted. Use a color palette of espresso brown, cream, sage green, and soft white. Use friendly, readable typography, image-led sections with rich coffee and pastry photography, rounded cards, soft shadows, and subtle animations. The website must be fully responsive and look excellent on mobile phones, tablets, and desktop computers. 2. Business Information • Coffee shop name: Cedar Brew • WhatsApp: +961 81 020427 • Email: hello@cedarbrew.com • Address: Beirut, Lebanon • Opening hours: • Monday–Friday: 7:00 AM–9:00 PM • Saturday–Sunday: 8:00 AM–10:00 PM Display the WhatsApp contact clearly, with a WhatsApp button for questions and table reservations. 3. Homepage Create an attractive homepage containing: • A navigation bar with the Cedar Brew logo, Home, Menu, About Us, Opening Hours, and Contact. • A large hero section with a beautiful latte-art photo and the headline "Freshly Brewed, Made with Love." • A short description: "Specialty coffee, fresh pastries, and a cozy corner in Beirut to slow down, catch up, or get work done." • Two buttons: "View Menu" and "Visit Us." • A featured drinks section highlighting the house favorites. • A menu section organized by category, with photos, descriptions, and prices. • A seasonal specials highlight. • An About Us section telling the story of Cedar Brew, its carefully sourced beans, and its love for good coffee. • An opening hours section. • A contact and location section with the address, WhatsApp button, and a Google Maps directions link. • A professional footer with contact details, opening hours, social media links, and a WhatsApp contact button. 4. Menu Create these menu categories: • Espresso • Iced Coffee • Tea • Pastries • Sandwiches • Seasonal Specials Each menu item should include: • Name and high-quality image. • Short description. • Price. • Category. • An option to mark the item as featured. Let visitors filter the menu by category. Load menu items from the database so the owner can update them at any time. 5. Admin Dashboard Create a secure admin dashboard where the coffee shop owner can: • Add, edit, and delete menu items. • Update prices and descriptions. • Manage menu categories. • Mark featured items. • Upload or replace menu images. Protect the admin dashboard with secure owner authentication at /admin/login. Redirect unauthenticated visitors to the login page, keep the owner signed in after a refresh, and include a logout button. Add an "Owner Login" link in the footer only. 6. Technical Requirements • Use persistent database storage for menu items and categories, scoped to this site. • Store uploaded images in cloud storage and save only their URLs in the database. • Include loading, empty, and error states. • Use accessible components and SEO-friendly page metadata. • Do not implement online payments, a shopping cart, or customer accounts.

Create a premium, modern, and fully responsive e-commerce website for a beauty and skincare brand called GlowAura. Business Information • Store name: GlowAura • WhatsApp: +961 81 123 456 • Email: hello@glowaura.com • Address: Beirut, Lebanon • Opening Hours: • Monday-Friday: 10:00 AM - 8:00 PM • Saturday-Sunday: 11:00 AM - 7:00 PM Design • Luxury beauty brand aesthetic • Clean and elegant interface • Soft feminine design • Colors: White, Rose Gold, Beige, Soft Pink, and Charcoal • Premium product photography • Glassmorphism accents • Rounded corners • Soft shadows • Smooth animations • Fully responsive Homepage Include: • Sticky Header • Hero Section with a luxury skincare banner • Featured Collections • Best Sellers • New Arrivals • Shop by Category • Featured Products • Why Choose GlowAura • Customer Testimonials • Beauty Tips Section • Newsletter Subscription • Contact Section • Footer Include call-to-action buttons: • Shop Now • Explore Collection • Best Sellers • Contact Us Shop Include: • Product Grid • Product Search • Filters: • Category • Brand • Skin Type • Price • Collection • Sorting: • Newest • Best Selling • Price Low to High • Price High to Low Product Page Each product page should include: • Large image gallery • Image zoom • Product title • Brand • Rating • Customer reviews • Price • Sale badge • Quantity selector • Add to Cart • Buy Now • Product description • Ingredients • Benefits • How to Use • Specifications • Related Products Cart Include: • Product list • Quantity update • Remove products • Coupon code • Shipping estimate • Order summary • Checkout button Checkout Include: • Shipping information • Delivery options • Payment: Cash on Delivery • Order summary • Place Order button About Us Include: • Brand Story • Mission • Our Promise • Quality Commitment • Sustainability • Team Section Contact Include: • Contact Form • Google Maps placeholder • Email • Phone • Address • Business Hours Additional Features • Sticky navigation • Shopping cart icon with item count • Dark mode toggle • Product ratings • Customer reviews • Smooth page transitions • Loading animations • Toast notifications • Back-to-top button • Elegant hover animations Product Categories Create the following categories: • Skincare • Makeup • Hair Care • Body Care • Fragrances • Beauty Tools • Gift Sets Sample Products Generate at least 24 realistic beauty products distributed across all categories. Each product should include: • Product Name • Brand • Price • Rating • Short Description • Full Description • Key Benefits • Ingredients • Available Sizes • Product Image Images Use premium lifestyle and product photography that matches a luxury cosmetics brand. Each category should display its own relevant image: • Skincare • Makeup • Hair Care • Body Care • Fragrances • Beauty Tools • Gift Sets Style Inspiration The overall design should feel similar to premium beauty brands such as Sephora, Charlotte Tilbury, Dior Beauty, or Rare Beauty while maintaining its own unique identity. Technical Requirements • Use clean, reusable React components. • Include loading, empty, and error states. • Use accessible UI components and SEO-friendly metadata. • Make product images large, relevant, and premium. • Keep the layout polished on desktop, tablet, and mobile.

Create a luxury, fully responsive e-commerce website for a jewelry boutique called Yakut, including a secure owner-only admin dashboard. Business Information • Store name: Yakut • WhatsApp: +961 81 123 456 • Email: hello@lumagems.com • Address: Beirut, Lebanon • Opening hours: • Monday-Friday: 10:00 AM-8:00 PM • Saturday-Sunday: 11:00 AM-9:00 PM Design • Elegant luxury jewelry style • Colors: Ivory, Charcoal, Champagne Gold, and Emerald accents • Premium editorial product photography feel • Fully responsive for desktop, tablet, and mobile Public Website Include: • Header & Navigation • Hero Section • Featured Collections • New Arrivals • On Sale • Shop by Category • Product Search • Category & Material Filters • About the Boutique • Testimonials • Contact & Location • Footer Include call-to-action buttons for: • Shop Jewelry • WhatsApp contact inside the homepage footer only • Contact Us • Owner Login in the footer only Product Catalog Create these categories: • Rings • Necklaces • Bracelets • Earrings • Watches • Engagement • Gifts Each product stored in Supabase should include: • name • description • price • category • material, such as Gold, Silver, Diamond, or Platinum, representing the primary material or finish of the piece • variants: optional array for products offered in more than one material or finish. Each variant should include a material label and any price difference • size • stock • on_sale • image_url • site_id Material & Variant Selection For any product offered in more than one material or finish, such as a bracelet available in Gold and Silver or a ring available in plain metal and Diamond-accented versions: • Display the available material options as small selectable swatches or labeled buttons, such as Gold, Silver, and Diamond, on both the product card for quick preview and the product detail page for full selection. • Disable the Add to Cart button until a material or variant is selected when the product has more than one option. • If a product has only one material or finish, skip the selector entirely. Do not show an empty or broken selector. • Display the selected material in the cart line item, not only the product name. • If a variant has a price difference, update the displayed price based on the selected variant. • Include the selected material in the WhatsApp checkout message for every applicable item. Example: "Solitaire Ring - Material: Diamond - Size: 6 - Qty: 1" Load products from Supabase and support: • Category filtering • Material filtering, such as showing all Gold, Silver, or Diamond pieces • Product search • Featured products • New arrivals • Sale products Authentication Create /admin/login using Supabase Authentication. Requirements: • Only the store owner can access admin pages. • Redirect unauthenticated users to /admin/login. • Maintain authentication after page refresh. • Include a secure logout button. Admin Dashboard Create a modern, responsive owner dashboard with: • Dashboard Overview • Product Management • Category Management • Inventory Overview The owner should be able to: • Add products • Edit products • Delete products • Update prices • Manage stock quantities • Manage categories • Manage materials, including Gold, Silver, Diamond, Platinum, or custom materials • Manage sizes • Add, edit, or remove material variants for each product • Configure per-variant price differences • Mark products as On Sale • Upload or replace product images Technical Requirements • Use Supabase with owner-only Row Level Security (RLS). • Filter every database query using the provided site_id. • Store uploaded images in Supabase Storage and save only image_url values in database rows. • Include loading, empty, and error states. • Build a professional persistent cart with the selected material or variant, size, and quantity controls. • Checkout must create a complete URL-encoded WhatsApp order message containing the items, selected materials, quantities, prices, line totals, and subtotal. • Revalidate current product prices from Supabase before WhatsApp checkout. • Do not implement online payments or collect payment-card information.

Create a premium, fully responsive online electronics store called Volt Market, with a secure owner-only admin dashboard. The store sells phones, laptops, tablets, gaming gear, audio, smart home devices, and accessories. It should feel like a confident, modern tech retailer: clean, fast, product-first, and easy to shop on a phone. Business Information • Store name: Volt Market • WhatsApp: +961 81 123 456 • Phone: +961 81 123 456 • Email: sales@voltmarket.com • Address: Beirut, Lebanon • Opening hours: • Monday-Friday: 9:00 AM-8:00 PM • Saturday-Sunday: 10:00 AM-7:00 PM Visual Direction • Light theme: white (#FFFFFF) page background, with cool light gray (#F3F5F9) behind product photos and alternating sections • Primary color: deep navy (#0B1220) for dark panels, the footer, and primary buttons • Accent color: electric blue (#2563EB) for links, badges, prices, and highlights • Modern sans-serif typography with bold, tight headings; no script or serif fonts • Clean product cards with a light gray image area, rounded corners, and a soft shadow on hover • Generous spacing, a clear visual hierarchy, and subtle hover animations • The same look on every page, fully responsive from phones to wide screens Header A sticky, single-row tech-store header: • The store logo and name on the left, then an "All categories" dropdown listing every product category, then Home, Shop, About, and Contact • On the right: the store phone number (on wide screens), and wishlist and cart icons with small count badges • On phones: a navigation icon, the logo, and the wishlist and cart icons; the navigation icon opens the page links and the categories • No search bar in the header: product search is in the Shop page filters • Do not add a Deals link or a separate "Shop Now" button in the header Homepage In this order: • Hero: a bold headline about the latest tech at honest prices, a short supporting line, "Shop Now" and "Contact Us" buttons, a large product photo, and three small highlights (genuine products, local delivery, real support) • Trust strip: genuine products, local delivery, secure checkout, real support • Shop by Category • New Arrivals • On Sale • Featured Brands • Why Choose Us • Warranty Information • About Us • Contact and Location, with the opening hours • Footer with the categories, the page links, the contact details, a WhatsApp button, and an Owner Login link Homepage product sections: • New Arrivals shows only products marked for New Arrivals: at most 4 on desktop and 3 on phones • On Sale shows only products marked as on sale: at most 4 on desktop and 3 on phones • A new product appears in the Shop, and in New Arrivals or On Sale only when the owner turns those on • When a section has no matching products, hide it gracefully instead of filling it with every product Shop • Product search • Category and brand filters • Featured and sale products Each product card shows the image, name, brand, rating, current price, old price when on sale, stock status, a sale badge, a wishlist button, and Add to Cart. Product Details • Image gallery • Description, brand, and model • Technical specifications • Warranty • Stock status • Quantity selector • Related products Cart and Checkout • Persistent cart with quantity controls, automatic totals, and remove buttons • Checkout checks the current prices from Supabase, then sends the full order (products, quantities, prices, and subtotal) on WhatsApp • No online payments • The wishlist is saved on the shopper's device; there are no customer accounts Product Catalog Categories: • Smartphones • Laptops • Tablets • Gaming • Audio • Smart Home • Accessories Each product stored in Supabase includes: name, description, price, category, brand, model, specs, warranty, stock, on_sale, image_url, and site_id. Owner Login Create /admin/login with Supabase Authentication: owner-only access, redirect anyone not signed in, keep the owner signed in, and a secure logout. Admin Dashboard • Dashboard overview • Products: add, edit, and delete products; update prices and stock; edit specifications and warranty; mark products as On Sale or New Arrival • Categories and brands management • Inventory overview • Browse/select product photos from the owner's device when adding or editing products • Upload selected product photos to Supabase Storage before saving and store only the returned image_url Technical Requirements • Supabase with owner-only RLS, and every query filtered by site_id • Images stored in Supabase Storage • Loading, empty, and error states • SEO-friendly metadata • Accessible, fast, reusable components The finished store should look like a professionally designed commercial theme, not a generic AI-generated website.

Create a premium, modern, and fully responsive e-commerce website for a luxury watch store called Classy Watches, including a secure owner-only admin dashboard. Business Information Store name: Classy Watches WhatsApp: +961 81 123 456 Email: care@classywatches.com Address: Beirut, Lebanon Opening hours: Monday-Saturday: 10:00 AM-8:00 PM Sunday: By appointment Design Refined luxury watch boutique style, not a generic electronics store. Colors: warm white, charcoal black, brushed steel, champagne gold, and deep burgundy accents. Typography: elegant editorial headings with clean readable body text. Product photography should highlight watch faces, straps, materials, wrist shots, and premium packaging. Fully responsive for desktop, tablet, and mobile. Public Website Include: Sticky header with Home, Shop, Categories, About, Contact, Wishlist, and Cart. Large hero section with a strong watch-focused headline. Shop by Category. New Arrivals. On Sale. Featured Collections. About Us. Service and warranty section. Contact and location. Footer with Owner Login only in the footer. Homepage product sections must use exactly two curated product sections: New Arrivals and On Sale. New Arrivals should show only products marked for New Arrivals. On Sale should show only products where on_sale or show_sale is true. Each section should show at most 4 products on desktop and at most 3 on mobile. Do not fill empty homepage sections with every product. Product Catalog Create these categories: Automatic Watches Chronographs Dress Watches Sport Watches Limited Editions Watch Straps Accessories Each product stored in Supabase should include: name description price category brand stock_quantity on_sale show_new_arrival show_sale image_url site_id watch_specs with fields such as movement, case_size, case_material, water_resistance, glass, strap_material, and warranty variants as an array for material, strap, or finish options, such as Steel Bracelet, Leather Strap, Rose Gold, or Black Dial Product Cards Every product card must show: Product image Product name Brand Current price Sale badge when on sale New Arrival badge when marked Stock status Wishlist button Quick Add button A short spec highlight line pulled from watch_specs (e.g. movement type and case size, such as "Automatic · 40mm") so the stored specs are visible on the card, not only on the product detail page A visible variant selector (e.g. strap/material/dial swatches or a dropdown) when the product has variants, showing the selected variant's label directly on the card before the shopper adds to cart If a watch has strap, material, dial, size, or variant options, the shopper must choose the option before adding to cart. The selected option must be stored in the cart item and included in the WhatsApp checkout message. If a variant carries a price difference, the card and cart must reflect the adjusted price for the selected variant, not just the base price. Product Details Include: Image gallery Product description Brand Movement Case size Materials Strap or bracelet options Warranty Related watches Admin Dashboard Create: Dashboard Overview Product Management Category Management Inventory Overview The owner should be able to: Add products Edit products Delete products Manage categories Manage brand, price, stock, and sale state Mark products for New Arrivals Mark products for On Sale Manage watch specs Manage strap/material/dial variants with optional price differences Upload product images from the owner's device to Supabase Storage and save only image_url Technical Requirements Use Supabase with owner-only Row Level Security. Filter all queries using site_id. Store uploaded images in Supabase Storage. Create a persistent cart with quantity controls. Checkout must generate a complete URL-encoded WhatsApp order message with selected options, quantities, prices, line totals, and subtotal. Do not implement online payments or collect payment-card information.

Create a premium, modern, and fully responsive e-commerce website for a fragrance store called Bayt Al Attar, including a secure owner-only admin dashboard. Business Information Store name: Bayt Al Attar WhatsApp: +961 81 020 427 Email: hello@baytalattar.com Address: Beirut, Lebanon Opening hours: Monday-Saturday: 10:00 AM-8:00 PM Sunday: 12:00 PM-6:00 PM Design Refined, sensory fragrance boutique style, not a generic cosmetics store. Colors: warm ivory, deep charcoal, rose gold, blush, and amber accents. Typography: elegant editorial headings with clean readable body text. Product photography should highlight bottle design, packaging, texture, and lifestyle mood shots. Fully responsive for desktop, tablet, and mobile. Public Website Include: Sticky header with Home, Shop, Categories, About, Contact, Wishlist, and Cart. Large hero section with a strong scent-focused headline. Shop by Category. New Arrivals. On Sale. Featured Collections. About Us. Ingredients and craftsmanship section. Contact and location. Footer with Owner Login only in the footer. Homepage product sections must use exactly two curated product sections: New Arrivals and On Sale. New Arrivals should show only products marked for New Arrivals. On Sale should show only products where on_sale or show_sale is true. Each section should show at most 4 products on desktop and at most 3 on mobile. Do not fill empty homepage sections with every product. Product Catalog Create these categories: Eau de Parfum Eau de Toilette Niche Fragrances Gift Sets Home Fragrance Body Mist Accessories Each product stored in Supabase should include: name description price category brand stock_quantity on_sale show_new_arrival show_sale image_url site_id fragrance_specs with fields such as scent_family (e.g. floral, woody, oriental, fresh), top_notes, heart_notes, base_notes, concentration, longevity, audience, and season sizes as an array for bottle size options, such as 30ml, 50ml, 100ml Product Cards Every product card must show: Product image Product name Brand Current price Sale badge when on sale New Arrival badge when marked Stock status Wishlist button Quick Add button A short scent highlight line pulled from fragrance_specs (e.g. fragrance family and a signature note, such as "Woody · Sandalwood & Amber") so the stored notes are visible on the card, not only on the product detail page A visible size selector (e.g. 30ml/50ml/100ml) when the product has size options, showing the selected size directly on the card before the shopper adds to cart If a fragrance has size options, the shopper must choose a size before adding to cart. The selected size must be stored in the cart item and included in the WhatsApp checkout message. Product Details Include: Image gallery Product description Brand Fragrance family Top, heart, and base notes Longevity and sillage Bottle size options Related fragrances Admin Dashboard Create: Dashboard Overview Product Management Category Management Inventory Overview The owner should be able to: Add products Edit products Delete products Manage categories Manage brand, price, stock, and sale state Mark products for New Arrivals Mark products for On Sale Manage fragrance notes and family Manage bottle size options Upload product images from the owner's device to Supabase Storage and save only image_url Technical Requirements Use Supabase with owner-only Row Level Security. Filter all queries using site_id. Store uploaded images in Supabase Storage. Create a persistent cart with quantity controls. Checkout must generate a complete URL-encoded WhatsApp order message with selected options, quantities, prices, line totals, and subtotal. Do not implement online payments or collect payment-card information.

Create a premium, modern, and fully responsive website for a car dealership called AutoElite Motors, including a secure owner-only admin dashboard. The website should have the visual quality of a premium automotive dealer site such as a luxury brand showroom (e.g., Mercedes-Benz or Audi regional dealer sites). Focus on exceptional UI/UX with polished spacing, typography, animations, and responsive design. Business Information Dealership name: AutoElite Motors WhatsApp: +961 70 456 789 Email: contact@autoelitemotors.com Address: Jounieh, Lebanon Opening hours: Monday-Friday: 8:30 AM-7:00 PM Saturday: 9:00 AM-5:00 PM Sunday: Closed Design Clean, luxury, automotive-showroom style Warm Ivory/Off-White background Midnight Black, Metallic Gold, Champagne Silver, and Burgundy accents Premium cards with rounded corners and soft shadows Smooth hover effects and subtle animations (e.g., image crossfades on car cards) Fully responsive Consistent modern design across every page Public Website Create: Sticky Header with: Logo Navigation: Home, Inventory, Contact Body Type dropdown (Sedan, SUV, Coupe, Truck, etc.) Compare (vehicles) Favorites/Saved cars Large Hero Banner with a featured vehicle or promotion Browse by Body Type New Arrivals Featured / Certified Pre-Owned Featured Brands (makes) Why Choose Us Warranty Information Contact & Location (with embedded map) Premium Footer Homepage inventory sections must be separated clearly: New Arrivals should show only vehicles intentionally marked for New Arrivals, limited to at most 4 vehicles on desktop and 3 on mobile. Featured/On Sale should show only vehicles where featured or on_sale is true, limited to at most 4 vehicles on desktop and 3 on mobile. When the owner adds a new vehicle, it should appear in the Inventory page, and only appear in New Arrivals or Featured when those admin toggles are enabled. If a section has no matching vehicles, show a premium empty state or hide that grid gracefully instead of filling it with every vehicle. Include call-to-action buttons for: Browse Inventory Contact Us WhatsApp contact inside the homepage footer only Owner Login in the footer only Inventory (Shop) Support: Vehicle search page Body type filtering (Sedan, SUV, Coupe, Truck, etc.) Brand/make filtering Price range filtering Year filtering Featured vehicles Sold/available status Each vehicle card should include: Vehicle image Make & model Year Rating/condition (New/Used/Certified) Current price Old price when discounted Mileage Availability status Sale badge Save/Favorite View Details Vehicle Details Include: Image gallery Full description Make, model, year, trim Technical specifications (engine, transmission, fuel type, mileage, color) Warranty information Availability status Related vehicles Inquiry / "Cart" Equivalent Instead of a shopping cart, create a persistent Compare List or Saved Vehicles feature with: Add/remove vehicles Side-by-side comparison of specs Inquiry should: Validate current vehicle info from Supabase Generate a complete WhatsApp inquiry containing vehicle details and contact info Do not implement online payments or deposits Vehicle Catalog Create these categories (body types): Sedan SUV Coupe Truck Hatchback Convertible Electric/Hybrid Each vehicle stored in Supabase should include: make model year description price body_type brand trim specs (engine, transmission, fuel type, mileage, color) warranty availability_status on_sale featured image_url site_id Authentication Create /admin/login using Supabase Authentication. Requirements: Owner-only access Redirect unauthenticated users Persistent login Secure logout Admin Dashboard Create: Dashboard Overview Vehicle Management Category/Body Type Management Inventory Overview The owner should be able to: Add vehicles Edit vehicles Delete vehicles Update prices Manage availability status Manage body types Manage brands/makes Edit specifications and warranty Mark vehicles as Featured/On Sale Mark vehicles for New Arrivals Browse/select vehicle photos from the owner's device when adding or editing vehicles Upload selected vehicle photos to Supabase Storage before saving and store only the returned image_url Technical Requirements Supabase with owner-only RLS Filter all queries using site_id Store images in Supabase Storage Loading, empty, and error states SEO-friendly metadata Accessible UI Reusable components Fast and optimized performance Before generating any code, first design the complete visual experience. Prioritize premium UI/UX over adding unnecessary features. The final website should look like a professionally designed commercial dealership site, not a typical AI-generated website.

Create a premium, modern, and fully responsive website for a real estate agency called Lebanon Real Estate, including a secure owner-only admin dashboard. Business Information • Agency name: Lebanon Real Estate • WhatsApp: +961 81 020 427 • Email: info@lebanonrealestate.com • Address: Beirut, Lebanon • Opening hours: • Monday-Friday: 9:00 AM-7:00 PM • Saturday: 10:00 AM-5:00 PM • Sunday: Closed Design • Clean, elegant, high-trust real estate style • White/off-white background with charcoal, deep navy, warm gold, and soft beige accents • Large property photos • Premium rounded listing cards with soft shadows • Polished spacing, typography, subtle hover effects, and smooth responsive layout • Consistent modern design across every public and admin page Public Website Include: • Sticky header with logo, Home, Properties, About, Contact, property type dropdown, Saved/Favorites, and Book Viewing action • Large hero banner with search for location, property type, and price range • Featured Properties section: show only featured=true, limited to at most 4 properties on desktop and 3 on mobile • New Listings section: show only is_new/show_new_arrival=true, limited to at most 4 properties on desktop and 3 on mobile • Homes for Sale section or filter view • Homes for Rent section or filter view • Browse by Property Type section using Apartment, Villa, Office, Land, Commercial, Chalet, and Studio cards • Browse by Location/Area section using premium district/location cards • Why Choose Us • About the Agency • Agent/Team section • Contact & Location • Premium Footer When the owner adds a property, it should appear on the Properties page. It should only appear in Featured Properties or New Listings when those admin toggles are enabled. If a section has no matching properties, hide it gracefully or show a premium empty state instead of filling it with every property. Include call-to-action buttons for: • Browse Properties • Schedule a Viewing • Contact Us • WhatsApp contact inside the homepage footer only • Owner Login in the footer only Properties Page Create the Properties page as the real-estate catalog page, similar to an ecommerce shop page but with property-specific filters and no cart/payment behavior. Support these filters: • Search by location, title, and keyword • Property type filtering: Apartment, Villa, Office, Land, Commercial, Chalet, Studio • Location filtering • Min/max price filtering • Bedrooms and bathrooms filtering • Sale or rent filtering • Sorting by newest, lowest price, highest price, and featured • Featured properties The homepage Browse by Property Type cards must deep-link into this page using query parameters like /shop?type=Apartment. The homepage Browse by Location/Area cards must deep-link using query parameters like /shop?location=Achrafieh. The Properties page must initialize its filters from those query parameters. Each property card should include: • Property image • For Sale or For Rent pill • Featured gold pill when featured=true • Floating save/favorite button • Property title • Location • Gold price • Bedrooms • Bathrooms • Area in sqm • View Details link Property Data Each property stored in Supabase should include: • title • description • price • property_type • listing_type • location • bedrooms • bathrooms • area_sqm • specs • amenities • payment_terms • availability_status • featured • is_new or show_new_arrival • image_url • site_id Property Details Each property detail page should include: • Image gallery • Price • Sale or rent label • Location • Property type, bedrooms, bathrooms, and area • Technical specifications such as year built, floor, parking, and amenities • Description • Price and payment terms • Availability status • Schedule viewing action • Related properties Fetch each property by its id the same reliable way product detail pages are fetched in an ecommerce catalog: a single Supabase query using the exact column names defined in Property Data, with the loading state always cleared in a finally step whether the fetch succeeds or fails, so the page never stays stuck showing "Loading property..." indefinitely. Saved Properties and Inquiry Create a persistent Saved Properties feature instead of a shopping cart. Support: • Add/remove saved properties • Quick comparison of saved properties • Inquiry form with requested viewing date/time and visitor contact info • Validate current listing info from Supabase before generating the inquiry • Generate a complete WhatsApp inquiry containing property details, requested viewing date/time, and contact info • Do not implement online payments, deposits, or ecommerce checkout Authentication Create /admin/login using Supabase Authentication. Requirements: • Only the agency owner can access admin pages. • Redirect unauthenticated users to /admin/login. • Maintain login sessions after refresh. • Include a secure logout button. Admin Dashboard Create: • Dashboard Overview • Property Management • Category/Property Type Management • Listings Overview The owner should be able to: • Add properties • Edit properties • Delete properties • Update prices • Manage availability status • Manage property types • Manage locations/areas • Edit specifications and amenities • Mark properties as Featured • Mark properties for New Listings • Browse/select property photos from the owner's device when adding or editing properties • Upload selected property photos to Supabase Storage before saving and store only the returned image_url Technical Requirements • Use Supabase with owner-only RLS. • Filter every query using site_id. • Store images in Supabase Storage and save only image_url values. • Include loading, empty, and error states. • Use SEO-friendly metadata and semantic HTML. • Build reusable components and an optimized responsive experience. • Use accessible controls and responsive layouts. • Prioritize a clean premium real estate experience over unnecessary extra features. • Do not implement online payments.

Create a premium, dark editorial one-page portfolio website for a photographer named Aria Chen, under the studio name "Lumière Photography", including a secure owner-only admin dashboard. Business Information • Photographer / studio name: Lumière Photography • Email: hello@lumierephotography.com • Location: Los Angeles, CA • Instagram, Behance, and LinkedIn links in the footer and contact section Design • Dark, moody, editorial aesthetic: near-black background (#0a0a0a), warm off-white text, a single warm amber accent color (around #e0a458) used sparingly for eyebrows, links, and CTAs. • Typography: a large serif display font (Playfair Display / Fraunces style) for headlines, paired with a tracked-out uppercase sans-serif (Inter style) for navigation, labels, and eyebrows. • No rounded cards, no drop shadows, no generic Bootstrap/SaaS look, no default system fonts. This should look like something a working photographer paid a designer for. • Generous vertical rhythm (100-160px between sections), subtle fade/slide-up reveal on scroll, and full responsiveness (single-column hero/about on mobile, single-column gallery, horizontally scrollable filter tabs). Public Website (single page, sticky nav) • Header: sticky, near-black, photographer name top-left, WORK / ABOUT / SERVICES / CONTACT top-right, collapsing to a mobile menu. • Hero: full-bleed background photo that slowly crossfades between a few images, amber eyebrow line, huge serif headline with the photographer's name, italic tagline, and two calls to action — "View The Work" (underlined) and "Enquire About A Session" (plain). • Work / Collections: eyebrow "Selected Work", heading "Collections", filter tabs (All plus a few categories such as Weddings, Portraits, Editorial, Travel) with the active tab in amber, an asymmetric masonry gallery mixing tall, wide, and square photos (not a uniform grid), each photo showing its category and index on hover, opening into a full-screen lightbox with previous/next arrows, keyboard (Escape and arrow key) navigation, and swipe support on touch devices. • About: two-column layout with a portrait photo and text, amber eyebrow, a pull-quote style headline, two short paragraphs, and a three-column stat row (for example Based In, Working Since, Recent Work). • Services: eyebrow "Services", heading "Ways to Work Together", three pricing columns separated by vertical dividers instead of card backgrounds, serif package names, serif prices with a small-caps unit, em-dash bullet points, an underlined "Enquire" link that scrolls to the contact section, and an amber-bordered "Most Booked" badge on the middle package. • Contact: eyebrow "Contact", heading, short paragraph, email and location as plain text, a row of small-caps social links (Instagram, Behance, LinkedIn), and a real working contact form (name, email, message) with underline-only inputs (no boxes) and an amber "Send Enquiry" button that actually submits. • Footer: copyright and the same social links, repeated. Admin Dashboard Create /admin/login using Supabase Authentication, owner-only, no public sign-up. After login, include: • Site Content: edit the hero eyebrow, headline, and tagline; the about heading, body text, and stats; the contact email, location, and social links. • Work: manage photos/projects — upload via drag-and-drop or a file picker to Supabase Storage, assign an existing category or create a new one, drag to reorder, edit alt text, delete, and toggle "featured on homepage". • Services: add, edit, delete, and reorder pricing packages (title, price, unit, bullet features, optional badge). • Enquiries: a read-only list of contact form submissions (name, email, message, date) with delete. Technical Requirements • Use Supabase Auth and Storage with secure, site-scoped Row Level Security policies. • Filter every query using site_id. • The public contact form must genuinely write to Supabase (an insert-only policy for anonymous visitors, no public read access to submissions). • Keyboard-accessible and swipe-accessible gallery lightbox; respect prefers-reduced-motion for the crossfading hero and scroll reveals. • Include loading, empty, and error states. • Use SEO-friendly metadata and semantic HTML. • Fully responsive across desktop, tablet, and mobile.