From 25c6cb222d141b9ca3692b39b275c51431772a53 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 23 Apr 2026 22:48:55 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 259 +++++++++++------------------------------------ 1 file changed, 59 insertions(+), 200 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 340dd71..dc9270d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -56,62 +48,39 @@ export default function LandingPage() {
@@ -123,19 +92,13 @@ export default function LandingPage() { metrics={[ { icon: Star, - label: "Client Happiness", - value: "99%", - }, + label: "Client Happiness", value: "99%"}, { icon: Award, - label: "Experience", - value: "15+ Years", - }, + label: "Experience", value: "15+ Years"}, { icon: Sparkles, - label: "Services", - value: "50+", - }, + label: "Services", value: "50+"}, ]} metricsAnimation="slide-up" /> @@ -148,40 +111,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Precision Styling", - description: "Expert cuts designed to enhance your facial features and suit your lifestyle.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg", - }, + title: "Precision Styling", description: "Expert cuts designed to enhance your facial features and suit your lifestyle.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167394.jpg"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg", - }, - imageSrc: "http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg?_wi=2", - imageAlt: "hair styling transformation modern cut", + imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg"}, }, { - title: "Custom Coloring", - description: "Personalized color palettes designed to illuminate and rejuvenate your look.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229742.jpg", - }, + title: "Custom Coloring", description: "Personalized color palettes designed to illuminate and rejuvenate your look.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229742.jpg"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg", - }, - imageSrc: "http://img.b2bpic.net/free-vector/beauty-background-design_1300-175.jpg", - imageAlt: "hair styling transformation modern cut", + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-photo-tape-red-background-high-quality-photo_114579-60927.jpg"}, }, { - title: "Hydrating Rituals", - description: "Deeply nourishing treatments for healthy, lustrous hair that feels alive.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-home_23-2148817210.jpg", - }, + title: "Hydrating Rituals", description: "Deeply nourishing treatments for healthy, lustrous hair that feels alive.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-home_23-2148817210.jpg"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-color-palette_23-2150538684.jpg", - }, - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-with-motorcycle-gear_23-2147771898.jpg", - imageAlt: "hair styling transformation modern cut", + imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-color-palette_23-2150538684.jpg"}, }, ]} showStepNumbers={true} @@ -198,41 +143,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Hydrate Shampoo", - price: "$32", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg", - }, + id: "p1", name: "Hydrate Shampoo", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg"}, { - id: "p2", - name: "Smooth Conditioner", - price: "$32", - imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669156.jpg", - }, + id: "p2", name: "Smooth Conditioner", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669156.jpg"}, { - id: "p3", - name: "Glossy Serum", - price: "$45", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-taking-care-her-hair_23-2148108879.jpg", - }, + id: "p3", name: "Glossy Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-taking-care-her-hair_23-2148108879.jpg"}, { - id: "p4", - name: "Thermal Shield", - price: "$28", - imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-barber-uniform-holding-spray-bottle-isolated-orange-wall_141793-86259.jpg", - }, + id: "p4", name: "Thermal Shield", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-barber-uniform-holding-spray-bottle-isolated-orange-wall_141793-86259.jpg"}, { - id: "p5", - name: "Recovery Mask", - price: "$52", - imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg", - }, + id: "p5", name: "Recovery Mask", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg"}, { - id: "p6", - name: "Finish Texturizer", - price: "$26", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg", - }, + id: "p6", name: "Finish Texturizer", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg"}, ]} title="Professional Hair Care" description="Bring the salon experience home with our collection of high-performance products." @@ -247,26 +168,11 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "m1", - name: "Elena Ross", - role: "Creative Director", - description: "15+ years of mastery in bespoke cuts.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-while-painting-pictures_329181-17266.jpg", - }, + id: "m1", name: "Elena Ross", role: "Creative Director", description: "15+ years of mastery in bespoke cuts.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-while-painting-pictures_329181-17266.jpg"}, { - id: "m2", - name: "Marcus Chen", - role: "Colorist Expert", - description: "Precision colorist specializing in balayage.", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg", - }, + id: "m2", name: "Marcus Chen", role: "Colorist Expert", description: "Precision colorist specializing in balayage.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg"}, { - id: "m3", - name: "Sarah Miller", - role: "Senior Stylist", - description: "Expert in styling and healthy hair therapy.", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-black-clothes-doing-make-up-procedure-special-salon_231208-3545.jpg", - }, + id: "m3", name: "Sarah Miller", role: "Senior Stylist", description: "Expert in styling and healthy hair therapy.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-model-black-clothes-doing-make-up-procedure-special-salon_231208-3545.jpg"}, ]} title="Meet Our Stylists" description="Our expert team of creative professionals is dedicated to your transformation." @@ -281,45 +187,20 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - name: "Claire B.", - role: "Client", - company: "Local Patron", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", - }, + id: "t1", name: "Claire B.", role: "Client", company: "Local Patron", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"}, { - id: "t2", - name: "James L.", - role: "Client", - company: "Regular Guest", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg", - }, + id: "t2", name: "James L.", role: "Client", company: "Regular Guest", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-bathroom-with-toiletries_23-2148602994.jpg"}, { - id: "t3", - name: "Sophia P.", - role: "Client", - company: "First-time Visitor", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg", - }, + id: "t3", name: "Sophia P.", role: "Client", company: "First-time Visitor", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575477.jpg"}, { - id: "t4", - name: "David W.", - role: "Client", - company: "Long-term Patron", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg", - }, + id: "t4", name: "David W.", role: "Client", company: "Long-term Patron", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg"}, { - id: "t5", - name: "Anna S.", - role: "Client", - company: "Wedding Guest", - rating: 5, - 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", - }, + id: "t5", name: "Anna S.", role: "Client", company: "Wedding Guest", rating: 5, + 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"}, ]} title="Our Guests Love Us" description="Don't just take our word for it—read about the experiences of our valued clients." @@ -331,20 +212,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Do you offer consultations?", - content: "Yes, we highly recommend booking a consultation for color services.", - }, + id: "q1", title: "Do you offer consultations?", content: "Yes, we highly recommend booking a consultation for color services."}, { - id: "q2", - title: "How early should I book?", - content: "We recommend booking at least 2 weeks in advance.", - }, + id: "q2", title: "How early should I book?", content: "We recommend booking at least 2 weeks in advance."}, { - id: "q3", - title: "Is parking available?", - content: "We have dedicated visitor parking spaces directly behind our salon.", - }, + id: "q3", title: "Is parking available?", content: "We have dedicated visitor parking spaces directly behind our salon."}, ]} sideTitle="Common Questions" faqsAnimation="slide-up" @@ -355,8 +227,7 @@ export default function LandingPage() {