diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 7df96b2..777b4d3 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider"; export default function Layout() { const navItems = [ { - "name": "About", - "href": "#about" + "name": "About", "href": "#about" }, { - "name": "Services", - "href": "#services" + "name": "Services", "href": "#services" }, { - "name": "Pricing", - "href": "#pricing" + "name": "Pricing", "href": "#pricing" }, { - "name": "Team", - "href": "#team" + "name": "Team", "href": "#team" }, { - "name": "Contact", - "href": "#contact" + "name": "Contact", "href": "#contact" }, { - "name": "Hero", - "href": "#hero" + "name": "Hero", "href": "#hero" }, { - "name": "Testimonials", - "href": "#testimonials" + "name": "Testimonials", "href": "#testimonials" } ]; @@ -43,10 +36,9 @@ export default function Layout() {
@@ -56,50 +48,31 @@ export default function Layout() { @@ -48,40 +47,19 @@ export default function HomePage() { description="Indulge in our curated selection of high-end salon services." items={[ { - title: "Hair Cut & Styling", - description: "Precision cuts and modern styling.", - imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", - }, + title: "Hair Cut & Styling", description: "Precision cuts and modern styling.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg"}, { - title: "Hair Coloring", - description: "Professional color and highlights.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-working-with-client_23-2147769765.jpg", - }, + title: "Hair Coloring", description: "Professional color and highlights.", imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-working-with-client_23-2147769765.jpg"}, { - title: "Facial Treatments", - description: "Rejuvenating skincare and facials.", - imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16776.jpg", - }, + title: "Facial Treatments", description: "Rejuvenating skincare and facials.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16776.jpg"}, { - title: "Manicure & Pedicure", - description: "Professional nail grooming services.", - imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg", - }, + title: "Manicure & Pedicure", description: "Professional nail grooming services.", imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg"}, { - title: "Bridal Makeup", - description: "Expert makeup for special events.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-eyebrow-makeup_23-2147783906.jpg", - }, + title: "Bridal Makeup", description: "Expert makeup for special events.", imageSrc: "http://img.b2bpic.net/free-photo/woman-applying-eyebrow-makeup_23-2147783906.jpg"}, { - title: "Massage Therapy", - description: "Relieve stress with professional massage.", - imageSrc: "http://img.b2bpic.net/free-photo/spa-items-with-orchid_169016-3490.jpg", - }, + title: "Massage Therapy", description: "Relieve stress with professional massage.", imageSrc: "http://img.b2bpic.net/free-photo/spa-items-with-orchid_169016-3490.jpg"}, { - title: "Eyelash Extensions", - description: "Long-lasting, natural-looking lashes.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-eye-patches-high-angle_23-2149628042.jpg", - }, + title: "Eyelash Extensions", description: "Long-lasting, natural-looking lashes.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-eye-patches-high-angle_23-2149628042.jpg"}, ]} /> @@ -95,20 +73,11 @@ export default function HomePage() { description="Meet our dedicated team of beauty professionals committed to your satisfaction." members={[ { - name: "Sarah Miller", - role: "Senior Stylist", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg", - }, + name: "Sarah Miller", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-dressed-white-t-shirt-waistcoat-grey-background_613910-9333.jpg"}, { - name: "James Chen", - role: "Creative Director", - imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg", - }, + name: "James Chen", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg"}, { - name: "Elena Rossi", - role: "Lead Esthetician", - imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206225.jpg", - }, + name: "Elena Rossi", role: "Lead Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206225.jpg"}, ]} /> @@ -122,47 +91,22 @@ export default function HomePage() { description="Quality services at exceptional value. Choose the package that suits your style." plans={[ { - tag: "Essentials", - price: "$65", - description: "Essential grooming and styling package.", - features: [ - "Haircut", - "Basic blow-dry", - "Styling consultation", - ], + tag: "Essentials", price: "$65", description: "Essential grooming and styling package.", features: [ + "Haircut", "Basic blow-dry", "Styling consultation"], primaryButton: { - text: "Choose Plan", - href: "#contact", - }, + text: "Choose Plan", href: "#contact"}, }, { - tag: "Popular", - price: "$120", - description: "Complete care for your look.", - features: [ - "Precision cut", - "Full coloring", - "Deep condition", - ], + tag: "Popular", price: "$120", description: "Complete care for your look.", features: [ + "Precision cut", "Full coloring", "Deep condition"], primaryButton: { - text: "Choose Plan", - href: "#contact", - }, - highlight: "Best Value", - }, + text: "Choose Plan", href: "#contact"}, + highlight: "Best Value"}, { - tag: "Luxury", - price: "$250", - description: "The ultimate salon experience.", - features: [ - "Cut & color", - "Facial treatment", - "Complimentary drink", - ], + tag: "Luxury", price: "$250", description: "The ultimate salon experience.", features: [ + "Cut & color", "Facial treatment", "Complimentary drink"], primaryButton: { - text: "Choose Plan", - href: "#contact", - }, + text: "Choose Plan", href: "#contact"}, }, ]} /> @@ -177,35 +121,15 @@ export default function HomePage() { description="See why we are the top-rated salon in the city." testimonials={[ { - name: "Alice T.", - role: "Client", - quote: "The best haircut I have ever had! Highly recommend.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg", - }, + name: "Alice T.", role: "Client", quote: "The best haircut I have ever had! Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg"}, { - name: "Mark R.", - role: "Client", - quote: "Fantastic atmosphere and professional staff. Will return.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-taking-photo-together_23-2149239043.jpg", - }, + name: "Mark R.", role: "Client", quote: "Fantastic atmosphere and professional staff. Will return.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-taking-photo-together_23-2149239043.jpg"}, { - name: "Jane D.", - role: "Client", - quote: "Very relaxing and high-quality service.", - imageSrc: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg", - }, + name: "Jane D.", role: "Client", quote: "Very relaxing and high-quality service.", imageSrc: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg"}, { - name: "Lucy K.", - role: "Client", - quote: "Exceeded all expectations. Truly amazing.", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", - }, + name: "Lucy K.", role: "Client", quote: "Exceeded all expectations. Truly amazing.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg"}, { - name: "David P.", - role: "Client", - quote: "Professional, clean, and friendly. Perfect experience.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg", - }, + name: "David P.", role: "Client", quote: "Professional, clean, and friendly. Perfect experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg"}, ]} /> @@ -219,21 +143,13 @@ export default function HomePage() { description="Find answers to frequently asked questions about our services." items={[ { - question: "Do I need to book in advance?", - answer: "Yes, we highly recommend booking ahead for all appointments.", - }, + question: "Do I need to book in advance?", answer: "Yes, we highly recommend booking ahead for all appointments."}, { - question: "What payment methods do you accept?", - answer: "We accept all major credit cards and digital wallets.", - }, + question: "What payment methods do you accept?", answer: "We accept all major credit cards and digital wallets."}, { - question: "Do you offer consultations?", - answer: "Yes, our stylists provide complimentary initial consultations.", - }, + question: "Do you offer consultations?", answer: "Yes, our stylists provide complimentary initial consultations."}, { - question: "Can I cancel my appointment?", - answer: "Cancellations must be made at least 24 hours in advance.", - }, + question: "Can I cancel my appointment?", answer: "Cancellations must be made at least 24 hours in advance."}, ]} /> @@ -245,13 +161,9 @@ export default function HomePage() { tag="Get in touch" text="Ready for a refreshing change? Book your appointment today and walk out feeling your best." primaryButton={{ - text: "Book Now", - href: "tel:555-0199", - }} + text: "Book Now", href: "tel:555-0199"}} secondaryButton={{ - text: "Email Us", - href: "mailto:booking@salonelegance.com", - }} + text: "Email Us", href: "mailto:booking@salonelegance.com"}} />