Lovableprofessionbeginner

Hair Salon Website — Complete Founding Prompt

Build a stylish hair salon website in Lovable with service pricing, stylist profiles, and appointment booking.

What you'll get

A chic hair salon website with service pricing, stylist profiles, gallery, and appointment booking.

The Prompt

Build a stylish hair salon website for [SALON_NAME], a [SALON_TYPE] salon in [CITY_STATE] specializing in [SPECIALTIES].

ABOUT:
- [SALON_NAME] is a [SALON_TYPE] hair salon in [CITY_STATE]
- Specializes in [SPECIALTIES]
- Focused on personalized client experiences

PAGES:
1. Home — Glamorous hero with salon interior or styling photo, salon name, tagline about the experience, quick service highlights (Cut, Color, Styling, Treatments), Instagram-style gallery preview, and "Book Appointment" CTA.
2. Services & Pricing — Categorized price list: Cuts (women's, men's, children's), Color (full, highlights, balayage, gloss), Styling (blowout, updo, bridal), Treatments (keratin, deep conditioning). Each with description and price range.
3. Gallery — Masonry grid of hair transformation photos organized by service type. Before/after sliders for color transformations.
4. Team — Stylist profiles with photo, specialties, years of experience, favorite techniques, and individual booking links.
5. Contact — Appointment booking form (name, email, phone, preferred stylist, service type, preferred date/time, hair concerns) saving to Supabase "appointments" table. Salon address, hours, and parking info.

DESIGN:
- Primary: Mauve #B5838D, Accent: Blush #FFD6E0, Background: #FFF5F7
- Typography: Stylish sans-serif (Montserrat for headings, Raleway for body)
- Chic and feminine with soft pink tones
- Smooth hover effects on gallery images

TECHNICAL:
- Appointment form saves to Supabase "appointments" table: id, name, email, phone, preferred_stylist, service_type, preferred_datetime, hair_concerns, created_at
- HairSalon structured data (JSON-LD) with services and price ranges
- SEO targeting "hair salon [CITY_STATE]" and "[SPECIALTIES] [CITY_STATE]"
- Mobile-responsive with one-tap calling
- Social media integration (Instagram feed embed)

Replace these variables

VariableReplace with
[SALON_NAME]Name of the hair salon
[SALON_TYPE]Salon type (e.g., Boutique, Full-Service, Color Specialist)
[CITY_STATE]City and state location
[SPECIALTIES]Key specialties (e.g., balayage, curly hair, bridal styling)

Tips for best results

Showcase real client transformations — they're more compelling than stock photos.

List prices upfront to reduce phone inquiries and build trust.

Follow-up prompts

Add loyalty program

Add a loyalty rewards system where clients earn points per visit. Show points balance on their profile page. Store in a Supabase "loyalty_points" table.

Add product shop

Add a Shop page for recommended hair care products with photos, descriptions, prices, and Stripe checkout.

Related prompts