Prompt library

Start from a website you like

Browse by business type, edit any prompt directly, copy it, or send it to the builder.

Ecommerce categories

Cosmetics

Vellure Beauty cosmetics store

Bold makeup and cosmetics ecommerce site with shade selection, cart, Supabase products, categories, and owner admin.

Create a modern, bold, and fully responsive e-commerce website for a makeup and cosmetics store called Vellure Beauty, including a secure owner-only admin dashboard.

## Business Information

- Store name: Vellure Beauty
- WhatsApp: +961 81 123 456
- Email: hello@vellurebeauty.com
- Address: Beirut, Lebanon
- Opening hours:
  - Monday-Friday: 10:00 AM-8:00 PM
  - Saturday-Sunday: 11:00 AM-9:00 PM

## Design

- Bold, editorial, makeup artist aesthetic: confident and glamorous, not soft or clinical.
- Colors: Matte Black, Cream, and rotating jewel-tone accents such as Berry, Terracotta, and Rose Gold used sparingly for highlights and CTAs.
- Typography: high-contrast pairing with a striking bold display font for headlines and a clean sans-serif for body text.
- Product photography: close-up beauty and texture shots such as swatches and lip color close-ups, alongside clean product-on-white shots.
- Fully responsive for desktop, tablet, and mobile.

## Public Website

Include:

- Header & Navigation
- Hero Section with a bold confident tone, for example "Your Shade. Your Statement."
- New Arrivals
- On Sale
- Shop by Category
- Product Search
- Category Filters
- Shade Finder / Find Your Match section pointing users to browse by shade family
- About Us
- Customer Testimonials
- Contact & Location
- Footer

Include call-to-action buttons for:

- Shop Products
- WhatsApp contact inside the homepage footer only
- Contact Us
- Staff Login

## Product Catalog

Create these categories:

- Lips
- Face
- Eyes
- Cheeks
- Brushes & Tools
- New Arrivals
- Sale

Each product stored in Supabase should include:

- name
- description
- price
- category
- brand
- shades as an array of shade objects with name and hex color, such as Rose #C97064, Pink #E8A0BB, and Nude #C68B67
- on_sale
- image_url
- site_id

## Shade Selection

Any product with shade variants must require the customer to select a shade before adding to cart:

- Display available shades as small circular color swatches on both the product card quick preview and product detail page full selector.
- Show the shade name as text when a swatch is hovered or tapped, for example Rose, Pink, or Nude.
- The Add to Cart button must be disabled until a shade is selected if the product has shade options.
- If a product has no shade variants, such as brushes or tools, skip the shade selector entirely and do not show an empty or broken selector.
- The selected shade name and its color swatch must be visible in the cart line item, not just the product name.
- The WhatsApp checkout message must include the selected shade name for every applicable item, for example Velvet Matte Lipstick - Shade: Rose - Qty: 2.

Load products from Supabase and support:

- Category filtering
- Shade filtering by shade family, for example show all Rose-toned products
- Product search
- New arrivals
- Sale products

Homepage product sections must be limited to exactly two sections: New Arrivals and On Sale. New Arrivals should show only products intentionally 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 products on mobile, and no homepage section should fill itself with every product just because it has no matching items.

## 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

The owner should be able to:

- Add products
- Edit products
- Delete products
- Update prices
- Manage product categories
- Manage brands
- Manage shades per product: add, edit, and remove shade name plus color swatch hex value for each product.
- Mark products as New Drops
- Mark products as On Sale
- Upload selected product photos to Supabase Storage before saving

## Technical Requirements

- Use Supabase with owner-only Row Level Security (RLS).
- Filter every database query using the provided site_id.
- Maintain user authentication after refresh.
- Redirect unauthorized users to /admin/login.
- Include loading, empty, and error states.
- Use accessible UI components. Shade swatches must have proper aria-labels naming the shade, not just a color, for screen-reader users.
- Include SEO-friendly metadata.
- Build clean, reusable React components.
- Include a professional persistent shopping cart with quantity controls, showing selected shade per line item.
- Checkout must create a complete encoded WhatsApp order message with items, selected shade, 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.

Live demo

Restaurants

Italian restaurant menu and admin

Premium Italian restaurant website with a menu and secure owner dashboard.

Create a modern, premium, and fully responsive website for an Italian restaurant called Punch, including a secure owner-only admin dashboard.

## 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

## Design

- Colors: Dark Green, Cream, Gold
- Elegant, modern Italian restaurant style
- Fully responsive

## Public Website

Include:

- Header & Navigation
- Hero
- About Us
- Restaurant Menu
- Testimonials
- Opening Hours
- Contact & Location
- Footer

Include call-to-action buttons for:

- View Menu
- WhatsApp contact inside the homepage footer only
- Get Directions
- Staff Login

## Menu

Create these categories:

- Appetizers
- Pasta
- Pizza
- Main Courses
- Desserts
- Drinks

Each menu item should include:

- name
- description
- price
- category
- image_url
- site_id

Load menu items from Supabase and support category filtering.

## Authentication

Create /admin/login using Supabase Authentication.

Requirements:

- Only the restaurant owner can access admin pages.
- Redirect unauthenticated users to /admin/login.
- Maintain login sessions after refresh.
- Include a working logout button.

## Admin Dashboard

Create a clean, responsive owner dashboard with:

- Dashboard overview
- Menu management page

The owner should be able to:

- Add menu items
- Edit menu items
- Delete menu items
- Update prices
- Change categories
- Upload or replace menu images

Live demo

Clothing

Fashion store for clothing and accessories

Create a luxury online fashion shop that sells women, men, kids, shoes, bags, and accessories with product filters, cart, admin inventory, and WhatsApp orders.

Create a premium, modern, and fully responsive e-commerce website for a fashion store called P-Side, including a secure owner-only admin dashboard.

The website should have the quality of a luxury Shopify fashion theme with elegant UI/UX, beautiful typography, smooth animations, premium spacing, and excellent mobile responsiveness.

## Business Information

- Store name: P-Side
- WhatsApp: +961 81 123 456
- Email: sales@pside.com
- Address: Beirut, Lebanon

## Design

- Luxury, minimalist fashion style
- White, black, beige, and gold color palette
- Large lifestyle images
- Premium product cards
- Smooth hover animations
- Fully responsive

## Public Website

Create:

- Sticky Header (Logo, Navigation, Categories, Wishlist, Shopping Cart)
- New Collection
- Shop by Category
- New Arrivals
- On Sale
- About Us
- Contact & Location
- Premium Footer

Include CTA buttons for:

- Shop Now
- View Collection
- Contact Us
- WhatsApp (footer only)
- Owner Login (footer only)

## Shop

Support:

- Product search
- Category, Brand, Size, Color, and Price filters
- Product sorting

Each product should include:

- Images
- Name
- Brand
- Price
- Old price when on sale
- Available sizes
- Available colors
- Wishlist
- Add to Cart

## Product Details

Include:

- Image gallery
- Description
- Size selector
- Color selector
- Material
- Stock status
- Quantity selector

## Shopping Cart

Create a persistent shopping cart with quantity controls and automatic totals.

Checkout should validate prices from Supabase and generate a complete WhatsApp order. Do not implement online payments.

## Product Categories

- Women
- Men
- Shoes

Each product stored in Supabase should include:

- name
- description
- price
- category
- brand
- sizes
- colors
- stock
- on_sale
- featured
- image_url
- site_id

## Authentication

Create /admin/login using Supabase Authentication with secure owner-only access.

## Admin Dashboard

Create:

- Dashboard
- Product Management
- Category Management

The owner should be able to:

- Add, edit, and delete products
- Manage categories, brands, sizes, colors, and stock
- Mark products as Featured or On Sale
- Upload product images to Supabase Storage

## Technical Requirements

- Supabase with owner-only RLS
- Filter every query using site_id
- Store images in Supabase Storage
- Loading, empty, and error states
- SEO-friendly metadata
- Reusable components
- Fast, optimized performance

Before generating code, first design a premium fashion experience. The final website should look like a professionally designed commercial Shopify clothing store, not a typical AI-generated website.

Live demo

Clothing

Yomee modern menswear streetwear store

Yomee-style men streetwear shop with full-bleed lifestyle hero, compact shop filters, cart, wishlist, admin inventory, and WhatsApp orders.

Create a modern, fully responsive e-commerce website for a menswear streetwear clothing store called Yomee, including a secure owner-only admin dashboard.

Use these intent keywords for this template: streetwear store, menswear store, modern menswear, urban clothing, oversized t-shirts, graphic tees, hoodies, sneakers, caps, jackets, limited drops, new drops, clean street style.

The website should match a bold Yomee-style men fashion direction, not the existing luxury P-Side boutique style. It should feel editorial, clean, direct, and mobile-first.

## Business Information

- Store name: Yomee
- WhatsApp: +961 81 123 456
- Email: sales@yomee.com
- Address: Beirut, Lebanon
- Opening hours:
  - Monday–Friday: 10:00 AM–8:00 PM
  - Saturday–Sunday: 11:00 AM–9:00 PM

## Design

- Minimal men streetwear aesthetic
- Full-bleed lifestyle photography of male models wearing oversized tees, sunglasses, hoodies, and clean urban fits
- Hero and shop imagery must be specifically menswear: male models, men's oversized t-shirts, hoodies, sunglasses, streetwear poses, and urban/editorial styling. Do not use women, dresses, floral dresses, feminine boutique imagery, or generic fashion photos.
- Muted gray glass header over imagery
- White, charcoal, olive, warm brown, and burnt orange accents
- Contact and footer sections must use warm charcoal, smoky gray, olive, warm brown, cream, and burnt orange. Do not use dark navy, dark blue, blue-slate, or generic slate-blue backgrounds for Yomee.
- Thin typography, generous image space, and compact controls
- Smooth hover states, polished mobile layout, and no generic AI-looking card-heavy homepage

## Homepage Design

Create a first-screen homepage like the supplied reference:

- A transparent or smoky glass sticky header overlaying the hero image
- Brand/logo on the left, desktop navigation on the right: Home, Shop, About Us, Contact Us
- Header navigation hrefs must be exact: Home -> /, Shop -> /shop, About Us -> /#about, Contact Us -> /#contact. Do not create /about-us, /contact-us, /about, or /contact pages for these links.
- Account, wishlist, and cart icons on the right with a visible cart badge
- On mobile, keep the brand visible in the header and place menu/account/cart actions on the right without overlap
- A full-viewport hero image with two male models, one wearing a neutral oversized tee and one wearing a bright orange tee. The image search intent should be: male models menswear streetwear oversized t shirt sunglasses orange tee urban editorial.
- Hero headline near the lower left: "Redefining modern menswear."
- Short supporting copy near the lower right on desktop and below the title on mobile: "Built for men who move with intention. Clean lines, bold presence, refined edge."
- Hero text style must match the reference: clean white sans-serif, medium weight, compact two-line headline, no oversized serif display font, no italic words, no giant left column taking half the page.
- On desktop, keep the headline in the lower-left over the model image and place the supporting copy as a separate small bold block at the lower-right. On mobile, stack the supporting copy below the headline.
- CTA buttons: Visit Store and Make Inquiries
- WhatsApp contact belongs inside the homepage footer only
- Owner Login belongs inside the footer only
- Do not put the hero text inside a card
- Do not use decorative gradients or floating blobs

## Homepage Category Section

Below the hero, include a compact "Shop by Category" section with image-led category tiles for:

- Oversized Tees
- Graphic Tees
- Hoodies
- Jackets
- Pants
- Caps
- Sneakers
- New Drops
- Sale

Each category tile must link to /shop?category=<encoded category>. Keep the section clean and editorial, using streetwear product/lifestyle imagery, not generic cards.

Also include homepage sections with anchors that match the header navigation:

- About Us section with id="about"
- Contact section with id="contact"

## Shop Page Design

Create /shop as a separate store page like the supplied reference:

- Header remains compact over a dark muted shop hero
- Shop hero title centered: "Our Store"
- Use a cropped lifestyle/product model image behind the title
- Add a clean white catalog area below the hero
- Desktop filters appear as a compact top row: search input, Filter Category select, currency select, and sort/filter controls
- Mobile /shop must include a visible filter on/off toggle button with aria-expanded that shows and hides the filter controls
- Product grid uses clean white cards with rounded corners, product image, name, price, sale state, wishlist action, and Add to Cart
- Keep product cards inspectable and not overly dark or cropped

## Product Catalog

Create these categories:

- Oversized Tees
- Graphic Tees
- Hoodies
- Jackets
- Pants
- Caps
- Sneakers
- New Drops
- Sale

Each product stored in Supabase should include:

- name
- description
- price
- old_price
- category
- brand
- sizes
- colors
- stock
- on_sale
- show_new_arrival
- show_sale
- image_url
- site_id

Load products from Supabase and support:

- Category filtering
- Product search
- Size filtering
- Color filtering
- Price filtering
- Product sorting
- New drops
- 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 available sizes
- Manage available colors
- 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.
- Maintain user authentication after refresh.
- Redirect unauthorized users to /admin/login.
- Include loading, empty, and error states.
- Use accessible UI components and SEO-friendly metadata.
- Build clean, reusable React components.
- Include wishlist and cart actions on product cards.
- Include a professional persistent shopping cart with quantity controls, selected size/color, line totals, subtotal, and clear-cart confirmation.
- Checkout must create a complete encoded WhatsApp order message with items, selected options, 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.

Live demo

Coffee-Shop

Coffee shop menu and owner dashboard

Warm cafe website with editable menu items, menu images, hours, and contact actions.

Create a modern, cozy, and fully responsive website for a coffee shop called Cedar Brew, including a secure owner-only admin dashboard.

## 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

## Design

- Warm, inviting, modern cafe style
- Colors: Espresso Brown, Cream, Sage Green, and Soft White
- Comfortable typography and image-led sections
- Fully responsive for desktop, tablet, and mobile

## Public Website

Include:

- Header & Navigation
- Hero Section
- Featured Drinks
- Menu Categories
- Seasonal Specials
- About the Cafe
- Opening Hours
- Contact & Location
- Footer

Include call-to-action buttons for:

- View Menu
- WhatsApp contact inside the homepage footer only
- Owner Login in the footer only

## Menu

Create these categories:

- Espresso
- Iced Coffee
- Tea
- Pastries
- Sandwiches
- Seasonal Specials

Each menu item stored in Supabase should include:

- name
- description
- price
- category
- image_url
- is_featured
- site_id

Load menu items from Supabase and support category filtering.

## Authentication

Create /admin/login using Supabase Authentication.

Requirements:

- Only the coffee shop 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 clean, responsive owner dashboard with:

- Dashboard overview
- Menu management page

The owner should be able to:

- Add menu items
- Edit menu items
- Delete menu items
- Update prices
- manage categories
- Mark featured items
- Upload or replace menu images

## Technical Requirements

Live demo

Cosmetics

GlowAura luxury beauty store

Luxury skincare and beauty ecommerce website with collections, filters, product pages, cart, checkout, and polished responsive UI.

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 methods:
  - Credit Card
  - PayPal
  - 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.

Live demo

Jewelry

Jewelry boutique catalog and cart

Luxury jewelry storefront with collections, product images, inventory, and WhatsApp checkout.

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.

Live demo

Electronics

Electronics store for phones and laptops

Create an online electronics shop that sells phones, laptops, tablets, accessories, and tech products with product categories, stock management, and WhatsApp orders.

Create a premium, modern, and fully responsive e-commerce website for an electronics store called Volt Market, including a secure owner-only admin dashboard.

The website should have the visual quality of a premium electronics store such as Best Buy or the XTRA Gadgets demo. Focus on exceptional UI/UX with polished spacing, typography, animations, and responsive design.

## Business Information

- Store name: Volt Market
- WhatsApp: +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

## Design

- Clean, luxury, high-tech style
- White background
- Graphite, Dark Blue, Electric Blue, and Lime accents
- Premium cards with rounded corners and soft shadows
- Smooth hover effects and subtle animations
- Fully responsive
- Consistent modern design across every page

## Public Website

Create:

- Sticky Header with:
  - Logo
  - Navigation
  - Categories dropdown
  - Wishlist
  - Shopping Cart
  - Do not include Deals in the header navigation. Use Home, Shop, Categories, About, and Contact instead.

- Large Hero Banner
- Shop by Category
- New Arrivals
- On Sale
- Featured Brands
- Why Choose Us
- About Us
- Warranty Information
- Contact & Location
- Premium Footer

Homepage product sections must be separated clearly:

- New Arrivals should show only products intentionally marked for New Arrivals, limited to at most 4 products on desktop and 3 on mobile.
- On Sale should show only products where on_sale or show_sale is true, limited to at most 4 products on desktop and 3 on mobile.
- When the owner adds a new product, it should appear in the Shop, and only appear in New Arrivals or On Sale when those admin toggles are enabled.
- If a section has no matching products, show a premium empty state or hide that product grid gracefully instead of filling it with every product.

Include call-to-action buttons for:

- Shop Deals
- Contact Us
- WhatsApp contact inside the homepage footer only
- Owner Login in the footer only

## Shop

Support:

- Product search page
- Category filtering
- Brand filtering
- Featured products
- Sale products

Each product card should include:

- Product image
- Product name
- Brand
- Rating
- Current price
- Old price when on sale
- Stock status
- Sale badge
- Wishlist
- Add to Cart

## Product Details

Include:

- Image gallery
- Product description
- Brand
- Model
- Technical specifications
- Warranty
- Stock status
- Quantity selector
- Related products

## Shopping Cart

Create a persistent shopping cart with:

- Quantity controls
- Automatic totals
- Remove items

Checkout should:

- Validate current prices from Supabase
- Generate a complete WhatsApp order containing products, quantities, prices, and subtotal.
- Do not implement online payments.

## Product Catalog

Create these categories:

- Smartphones
- Laptops
- Tablets
- Gaming
- Audio
- Smart Home
- Accessories

Each product stored in Supabase should include:

- name
- description
- price
- category
- brand
- model
- specs
- warranty
- stock
- on_sale
- 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
- Product Management
- Category Management
- Inventory Overview

The owner should be able to:

- Add products
- Edit products
- Delete products
- Update prices
- Manage stock
- Manage categories
- Manage brands
- Edit specifications and warranty
- Mark products as On Sale
- Mark products for New Arrivals
- 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
- 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 Shopify theme, not a typical AI-generated website.

Live demo

Watches

Luxury watch ecommerce store

Premium ecommerce website for watches with product categories, material or strap variants, wishlist, cart, WhatsApp checkout, and owner admin.

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.

Live demo

Perfumes

Perfume and fragrance ecommerce store

Elegant fragrance ecommerce website with scent categories, bottle-size selection, wishlist, cart, WhatsApp checkout, and owner admin.

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.

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.

Live demo

Car Dealer

Car dealership website

Modern car sales website with vehicle listings, filters, detail pages, WhatsApp inquiries, and owner inventory management.

Create a premium, modern, and fully responsive website for a car dealership called Car Lab, 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: Car Lab
WhatsApp: +961 81 020 427
Email: sales@carlab.com
Address: Beirut, Lebanon
Opening hours:
Monday-Friday: 9:00 AM-7:00 PM
Saturday: 10:00 AM-6:00 PM
Sunday: Closed

Design
Clean, luxury, automotive-showroom style
White/graphite background
Charcoal, Deep Navy, Chrome Silver, and Crimson Red 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

Live demo

Real Estate

Real estate agency listings

Real estate website for homes for sale and rent with property filters, listing pages, inquiries, and owner listing management.

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.

Live demo

Portfolio

Lumière Photography portfolio

Dark editorial one-page photographer portfolio with a crossfading hero, masonry gallery, lightbox, and a real contact form.

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.

Live demo