From e1421e629ddff25c171c93dfc173a0302d561540 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 20 May 2026 10:49:10 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 300 +++++++++++------------------------------------ 1 file changed, 69 insertions(+), 231 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0eba68e..c3b2664 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,25 +33,15 @@ export default function LandingPage() { @@ -60,47 +50,30 @@ export default function LandingPage() {
{ + const element = document.getElementById('contact'); + if (element) element.scrollIntoView({ behavior: 'smooth' }); + }, }, ]} carouselItems={[ { - id: "1", - imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=1", - imageAlt: "Salon Interior", - }, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=1", imageAlt: "Salon Interior"}, { - id: "2", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=1", - imageAlt: "Hair Stylist", - }, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=1", imageAlt: "Hair Stylist"}, { - id: "3", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=1", - imageAlt: "Skincare", - }, + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=1", imageAlt: "Skincare"}, { - id: "4", - imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=1", - imageAlt: "Beauty Tools", - }, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=1", imageAlt: "Beauty Tools"}, { - id: "5", - imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=1", - imageAlt: "Relaxation", - }, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=1", imageAlt: "Relaxation"}, { - id: "6", - imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", - imageAlt: "Coloring", - }, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-consultation-with-hairdresser_23-2147769876.jpg", imageAlt: "Coloring"}, ]} />
@@ -112,41 +85,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "1", - title: "Precision Styling", - author: "Hair Studio", - description: "Expert cuts and modern styling techniques tailored to your lifestyle.", - tags: [ - "Haircut", - "Styling", - ], - imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256309.jpg", - imageAlt: "Styling", - }, + id: "1", title: "Precision Styling", author: "Hair Studio", description: "Expert cuts and modern styling techniques tailored to your lifestyle.", tags: [ + "Haircut", "Styling"], + imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256309.jpg", imageAlt: "Styling"}, { - id: "2", - title: "Advanced Skincare", - author: "Wellness Suite", - description: "Facial treatments that rejuvenate and revitalize your skin health.", - tags: [ - "Skincare", - "Facials", - ], - imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-relaxing-home-with-face-mask_23-2148520306.jpg", - imageAlt: "Skincare", - }, + id: "2", title: "Advanced Skincare", author: "Wellness Suite", description: "Facial treatments that rejuvenate and revitalize your skin health.", tags: [ + "Skincare", "Facials"], + imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-relaxing-home-with-face-mask_23-2148520306.jpg", imageAlt: "Skincare"}, { - id: "3", - title: "Nail Enhancements", - author: "Beauty Care", - description: "High-quality manicures and pedicures for a polished, elegant finish.", - tags: [ - "Nails", - "Grooming", - ], - imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820409.jpg", - imageAlt: "Nails", - }, + id: "3", title: "Nail Enhancements", author: "Beauty Care", description: "High-quality manicures and pedicures for a polished, elegant finish.", tags: [ + "Nails", "Grooming"], + imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820409.jpg", imageAlt: "Nails"}, ]} title="Our Signature Services" description="Premium treatments crafted to enhance your natural beauty and well-being." @@ -159,19 +108,13 @@ export default function LandingPage() { title="Expertise in Numbers" metrics={[ { - label: "Years Experience", - value: "15+", - icon: Award, + label: "Years Experience", value: "15+", icon: Award, }, { - label: "Happy Clients", - value: "5,000+", - icon: Users, + label: "Happy Clients", value: "5,000+", icon: Users, }, { - label: "Specialized Treatments", - value: "40+", - icon: Sparkles, + label: "Specialized Treatments", value: "40+", icon: Sparkles, }, ]} metricsAnimation="slide-up" @@ -185,54 +128,38 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - badge: "Essential", - price: "$65", - subtitle: "Basic Grooming", - features: [ - "Consultation", - "Hair Wash", - "Basic Cut", - ], + id: "basic", badge: "Essential", price: "$65", subtitle: "Basic Grooming", features: [ + "Consultation", "Hair Wash", "Basic Cut"], buttons: [ { - text: "Select", - href: "#contact", + text: "Select", onClick: () => { + const element = document.getElementById('contact'); + if (element) element.scrollIntoView({ behavior: 'smooth' }); + }, }, ], }, { - id: "pro", - badge: "Popular", - price: "$120", - subtitle: "Full Experience", - features: [ - "Consultation", - "Treatment", - "Styling", - "Gloss", - ], + id: "pro", badge: "Popular", price: "$120", subtitle: "Full Experience", features: [ + "Consultation", "Treatment", "Styling", "Gloss"], buttons: [ { - text: "Select", - href: "#contact", + text: "Select", onClick: () => { + const element = document.getElementById('contact'); + if (element) element.scrollIntoView({ behavior: 'smooth' }); + }, }, ], }, { - id: "lux", - badge: "Premium", - price: "$250", - subtitle: "Luxury Retreat", - features: [ - "Facial & Hair", - "Spa Ritual", - "Full Styling", - ], + id: "lux", badge: "Premium", price: "$250", subtitle: "Luxury Retreat", features: [ + "Facial & Hair", "Spa Ritual", "Full Styling"], buttons: [ { - text: "Select", - href: "#contact", + text: "Select", onClick: () => { + const element = document.getElementById('contact'); + if (element) element.scrollIntoView({ behavior: 'smooth' }); + }, }, ], }, @@ -250,29 +177,13 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "1", - name: "Sarah Lane", - role: "Creative Director", - imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", - }, + id: "1", name: "Sarah Lane", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"}, { - id: "2", - name: "Michael Reed", - role: "Senior Stylist", - imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", - }, + id: "2", name: "Michael Reed", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg"}, { - id: "3", - name: "Elena Torres", - role: "Head Aesthetician", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg", - }, + id: "3", name: "Elena Torres", role: "Head Aesthetician", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg"}, { - id: "4", - name: "David Moss", - role: "Salon Manager", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61139.jpg", - }, + id: "4", name: "David Moss", role: "Salon Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-posing-with-cup-clipboard-white-background-high-quality-photo_114579-61139.jpg"}, ]} title="Meet Your Stylists" description="Our professionals are dedicated to your beauty journey." @@ -285,60 +196,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah J.", - date: "Jan 2025", - title: "Fantastic Service", - quote: "Best haircut I have ever had! The team is incredibly professional.", - tag: "Hair", - avatarSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=2", - imageAlt: "happy beauty salon client", - }, + id: "1", name: "Sarah J.", date: "Jan 2025", title: "Fantastic Service", quote: "Best haircut I have ever had! The team is incredibly professional.", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/cute-caucasian-young-blonde-girl-laughs-powders-her-nose-while-sitting-table-indoors-cosmetics-makeup-finishing-brush_197531-31479.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-arrangement-with-make-up-items-laptop_23-2148299567.jpg?_wi=2", imageAlt: "happy beauty salon client"}, { - id: "2", - name: "Mark D.", - date: "Dec 2024", - title: "Incredible Care", - quote: "The atmosphere is so relaxing. I always leave feeling refreshed.", - tag: "Spa", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-getting-ready_23-2149722037.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=2", - imageAlt: "happy beauty salon client", - }, + id: "2", name: "Mark D.", date: "Dec 2024", title: "Incredible Care", quote: "The atmosphere is so relaxing. I always leave feeling refreshed.", tag: "Spa", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-getting-ready_23-2149722037.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=2", imageAlt: "happy beauty salon client"}, { - id: "3", - name: "Lisa K.", - date: "Nov 2024", - title: "Highly Recommend", - quote: "Professional, clean, and truly expert service. A must visit salon.", - tag: "Hair", - avatarSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=2", - imageAlt: "happy beauty salon client", - }, + id: "3", name: "Lisa K.", date: "Nov 2024", title: "Highly Recommend", quote: "Professional, clean, and truly expert service. A must visit salon.", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1098.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-set-spa-items-body-brushes-scrubs_169016-19493.jpg?_wi=2", imageAlt: "happy beauty salon client"}, { - id: "4", - name: "Kevin R.", - date: "Oct 2024", - title: "Expertise", - quote: "They really take the time to understand exactly what you want.", - tag: "Facial", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=2", - imageAlt: "happy beauty salon client", - }, + id: "4", name: "Kevin R.", date: "Oct 2024", title: "Expertise", quote: "They really take the time to understand exactly what you want.", tag: "Facial", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-mobile-phone_1301-7045.jpg?_wi=2", imageAlt: "happy beauty salon client"}, { - id: "5", - name: "Maria L.", - date: "Sep 2024", - title: "Transformation", - quote: "My hair has never looked so healthy. Thank you Willow Lane!", - tag: "Hair", - avatarSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=2", - imageAlt: "happy beauty salon client", - }, + id: "5", name: "Maria L.", date: "Sep 2024", title: "Transformation", quote: "My hair has never looked so healthy. Thank you Willow Lane!", tag: "Hair", avatarSrc: "http://img.b2bpic.net/free-photo/bride-getting-makeup-done-medium-shot_23-2149860778.jpg", imageSrc: "http://img.b2bpic.net/free-photo/candles-pile-stones_23-2147677835.jpg?_wi=2", imageAlt: "happy beauty salon client"}, ]} title="Client Stories" description="Hear what our wonderful clients have to say about Willow Lane." @@ -351,25 +217,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "How do I book?", - content: "You can book directly via our website booking button.", - }, + id: "1", title: "How do I book?", content: "You can book directly via our website booking button."}, { - id: "2", - title: "Can I cancel?", - content: "Cancellations made 24 hours in advance are fully refundable.", - }, + id: "2", title: "Can I cancel?", content: "Cancellations made 24 hours in advance are fully refundable."}, { - id: "3", - title: "Is parking available?", - content: "Yes, complimentary parking is available for all salon guests.", - }, + id: "3", title: "Is parking available?", content: "Yes, complimentary parking is available for all salon guests."}, { - id: "4", - title: "Do you accept walk-ins?", - content: "We recommend booking ahead, but we occasionally have walk-in availability.", - }, + id: "4", title: "Do you accept walk-ins?", content: "We recommend booking ahead, but we occasionally have walk-in availability."}, ]} title="Common Questions" description="Everything you need to know about booking with us." @@ -381,13 +235,11 @@ export default function LandingPage() { alert('Booking system open'), }, ]} /> @@ -399,37 +251,23 @@ export default function LandingPage() { logoText="Willow Lane" columns={[ { - title: "Quick Links", - items: [ + title: "Quick Links", items: [ { - label: "Services", - href: "#services", - }, + label: "Services", href: "#services"}, { - label: "Pricing", - href: "#pricing", - }, + label: "Pricing", href: "#pricing"}, { - label: "Team", - href: "#team", - }, + label: "Team", href: "#team"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "Contact", - href: "#contact", - }, + label: "Contact", href: "#contact"}, { - label: "FAQs", - href: "#faq", - }, + label: "FAQs", href: "#faq"}, { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, ], }, ]}