From ac3a0e61596508c1e818c8625fb7352121305bad Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 3 Apr 2026 14:34:48 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 213 ++++++++++++----------------------------------- 1 file changed, 53 insertions(+), 160 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 41474fb..c9c68e5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,27 +30,17 @@ export default function LandingPage() { @@ -60,39 +50,23 @@ export default function LandingPage() { description="Precision styling for the modern man. Experience the tradition of German quality at our professional barbershop." buttons={[ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, { - text: "View Services", - href: "#services", - }, + text: "View Services", href: "#services"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1", - imageAlt: "Barber chair", - }, + imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", imageAlt: "Barber chair"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg?_wi=1", - imageAlt: "Barber tools", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg", imageAlt: "Barber tools"}, { - imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg?_wi=1", - imageAlt: "Barber styling", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg", imageAlt: "Barber styling"}, { - imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122057.jpg", - imageAlt: "Barbershop interior", - }, + imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122057.jpg", imageAlt: "Barbershop interior"}, { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg", - imageAlt: "Barber precision", - }, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg", imageAlt: "Barber precision"}, { - imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", - imageAlt: "Barbershop equipment", - }, + imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", imageAlt: "Barbershop equipment"}, ]} /> @@ -104,17 +78,11 @@ export default function LandingPage() { description="At German Cut, we believe that a haircut is more than just maintenance; it's a mark of identity. Founded on the principles of precision, efficiency, and timeless style, our barbers are dedicated to bringing out the best in you." metrics={[ { - value: "15+", - title: "Years Experience", - }, + value: "15+", title: "Years Experience"}, { - value: "5k+", - title: "Happy Clients", - }, + value: "5k+", title: "Happy Clients"}, { - value: "100%", - title: "Satisfaction", - }, + value: "100%", title: "Satisfaction"}, ]} imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506294.jpg" imageAlt="Our Barbershop" @@ -130,70 +98,43 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - id: "1", - title: "Precision Haircut", - description: "Sharp lines and balanced fades tailored to your face shape.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122055.jpg", - imageAlt: "Haircut", - }, + id: "1", title: "Precision Haircut", description: "Sharp lines and balanced fades tailored to your face shape.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122055.jpg", imageAlt: "Haircut"}, items: [ { icon: Scissors, - text: "Professional Shear Cuts", - }, + text: "Professional Shear Cuts"}, { - icon: Razor, - text: "Precision Fades", - }, + icon: Scissors, + text: "Precision Fades"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2", - imageAlt: "modern barbershop interior professional", + reverse: false }, { - id: "2", - title: "Signature Beard Trim", - description: "Get that perfectly sculpted look with hot towel finishing.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg", - imageAlt: "Beard trim", - }, + id: "2", title: "Signature Beard Trim", description: "Get that perfectly sculpted look with hot towel finishing.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg", imageAlt: "Beard trim"}, items: [ { icon: Star, - text: "Hot Towel Treatment", - }, + text: "Hot Towel Treatment"}, { icon: Sparkles, - text: "Conditioning Oil", - }, + text: "Conditioning Oil"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg?_wi=2", - imageAlt: "barber tools on table professional", + reverse: true }, { - id: "3", - title: "Premium Grooming Products", - description: "We use only high-end products to maintain your look at home.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", - imageAlt: "Products", - }, + id: "3", title: "Premium Grooming Products", description: "We use only high-end products to maintain your look at home.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", imageAlt: "Products"}, items: [ { icon: Shield, - text: "Premium Pomades", - }, + text: "Premium Pomades"}, { icon: Award, - text: "Luxury Aftershaves", - }, + text: "Luxury Aftershaves"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg?_wi=2", - imageAlt: "barber working on haircut side view", + reverse: false }, ]} title="Premium Services" @@ -208,45 +149,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Markus S.", - handle: "@markus.s", - testimonial: "The best fade I've ever had. Truly German precision.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-14741.jpg", - }, + id: "1", name: "Markus S.", handle: "@markus.s", testimonial: "The best fade I've ever had. Truly German precision.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-14741.jpg"}, { - id: "2", - name: "David W.", - handle: "@davidw", - testimonial: "Professional, clean, and quick. My new go-to place.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg", - }, + id: "2", name: "David W.", handle: "@davidw", testimonial: "Professional, clean, and quick. My new go-to place.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg"}, { - id: "3", - name: "Kevin L.", - handle: "@kevinl", - testimonial: "Always consistent. Great atmosphere and friendly staff.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/stylish-male-with-long-hair-posing-with-ireland-setter-single-speed-bicycle_613910-10392.jpg", - }, + id: "3", name: "Kevin L.", handle: "@kevinl", testimonial: "Always consistent. Great atmosphere and friendly staff.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/stylish-male-with-long-hair-posing-with-ireland-setter-single-speed-bicycle_613910-10392.jpg"}, { - id: "4", - name: "Stefan B.", - handle: "@stefanb", - testimonial: "Quality work every single time. Highly recommended!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", - }, + id: "4", name: "Stefan B.", handle: "@stefanb", testimonial: "Quality work every single time. Highly recommended!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg"}, { - id: "5", - name: "Andreas T.", - handle: "@andreast", - testimonial: "The attention to detail here is unmatched. Excellent.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-275.jpg", - }, + id: "5", name: "Andreas T.", handle: "@andreast", testimonial: "The attention to detail here is unmatched. Excellent.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-275.jpg"}, ]} showRating={true} title="What Our Clients Say" @@ -260,27 +176,16 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "Do I need an appointment?", - content: "Yes, we recommend booking online to guarantee your preferred time slot.", - }, + id: "1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your preferred time slot."}, { - id: "2", - title: "Where are you located?", - content: "We are located at 123 Barbershop St, City Center.", - }, + id: "2", title: "Where are you located?", content: "We are located at 123 Barbershop St, City Center."}, { - id: "3", - title: "Do you accept walk-ins?", - content: "We take limited walk-ins depending on availability.", - }, + id: "3", title: "Do you accept walk-ins?", content: "We take limited walk-ins depending on availability."}, ]} ctaTitle="Ready for a fresh cut?" ctaDescription="Book your appointment today and secure your spot in our chair." ctaButton={{ - text: "Book Now", - href: "#", - }} + text: "Book Now", href: "#"}} ctaIcon={Calendar} /> @@ -289,33 +194,21 @@ export default function LandingPage() {