From cd25c573401013ceeb1314772350cd8e03a62430 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 23:58:20 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 84 +++++++++++++++++++++++++++++++----------------- 1 file changed, 55 insertions(+), 29 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 14f997f..79fc7ba 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -38,7 +38,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Book Appointment", href: "#contact"}} + text: "Book Appointment", href: "#contact" + }} animateOnLoad={true} /> @@ -67,13 +68,16 @@ export default function LandingPage() { features={[ { title: "Premium Haircuts", description: "Expert cuts tailored to your face shape and personal style", imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-new-haircut_23-2148242801.jpg", imageAlt: "Professional haircut service", buttonIcon: Scissors, - buttonHref: "#contact"}, + buttonHref: "#contact" + }, { title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and conditioning", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-contouring-male-customer-s-beard_23-2148985732.jpg", imageAlt: "Beard grooming service", buttonIcon: Zap, - buttonHref: "#contact"}, + buttonHref: "#contact" + }, { title: "Fade Haircuts", description: "Sharp, precise fades from skin to top with perfect blending", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462464.jpg", imageAlt: "Professional fade haircut", buttonIcon: Sparkles, - buttonHref: "#contact"}, + buttonHref: "#contact" + }, ]} textboxLayout="default" useInvertedBackground={false} @@ -106,9 +110,11 @@ export default function LandingPage() { tagAnimation="slide-up" metrics={[ { - id: "1", value: "500+", description: "Satisfied customers served every month"}, + id: "1", value: "500+", description: "Satisfied customers served every month" + }, { - id: "2", value: "15+", description: "Years of combined barber expertise"}, + id: "2", value: "15+", description: "Years of combined barber expertise" + }, ]} metricsAnimation="slide-up" useInvertedBackground={false} @@ -123,24 +129,27 @@ export default function LandingPage() { { id: "1", price: "$25", name: "Haircut", buttons={[ { text: "Book Now", href: "#contact" }, - ]} + ]}, features={[ - "Professional haircut", "Consultation included", "Complimentary styling"]}, + "Professional haircut", "Consultation included", "Complimentary styling" + ]} }, { id: "2", badge: "Most Popular", badgeIcon: Sparkles, price: "$35", name: "Haircut + Beard", buttons={[ { text: "Book Now", href: "#contact" }, - ]} + ]}, features={[ - "Professional haircut", "Beard trim and shape", "Premium shaving cream", "Hot towel treatment"]}, + "Professional haircut", "Beard trim and shape", "Premium shaving cream", "Hot towel treatment" + ]} }, { id: "3", price: "$50", name: "Premium Package", buttons={[ { text: "Book Now", href: "#contact" }, - ]} + ]}, features={[ - "Complete grooming experience", "Haircut + beard trim", "Facial conditioning", "Scalp massage", "Premium products"]}, + "Complete grooming experience", "Haircut + beard trim", "Facial conditioning", "Scalp massage", "Premium products" + ]} }, ]} animationType="slide-up" @@ -155,11 +164,14 @@ export default function LandingPage() { { id: "barbers", groupTitle: "Expert Barbers", members: [ { - id: "1", title: "James Bradley", subtitle: "Master Barber", detail: "10+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-standing-with-crossed-arms-isolated-dark-background_613910-21340.jpg", imageAlt: "James Bradley, Master Barber"}, + id: "1", title: "James Bradley", subtitle: "Master Barber", detail: "10+ years experience", imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-standing-with-crossed-arms-isolated-dark-background_613910-21340.jpg", imageAlt: "James Bradley, Master Barber" + }, { - id: "2", title: "Marcus Chen", subtitle: "Senior Barber", detail: "8 years experience", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-cutting-his-beard-with-scissors-looking-side-isolated-purple-background-with-copy-space_141793-84805.jpg", imageAlt: "Marcus Chen, Senior Barber"}, + id: "2", title: "Marcus Chen", subtitle: "Senior Barber", detail: "8 years experience", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-handsome-barber-wearing-uniform-cutting-his-beard-with-scissors-looking-side-isolated-purple-background-with-copy-space_141793-84805.jpg", imageAlt: "Marcus Chen, Senior Barber" + }, { - id: "3", title: "David Rodriguez", subtitle: "Barber Specialist", detail: "5 years experience", imageSrc: "http://img.b2bpic.net/free-photo/bearded-traveler-male-dressed-fleece-shirt-with-backpack-posing-grey-background_613910-12327.jpg", imageAlt: "David Rodriguez, Barber Specialist"}, + id: "3", title: "David Rodriguez", subtitle: "Barber Specialist", detail: "5 years experience", imageSrc: "http://img.b2bpic.net/free-photo/bearded-traveler-male-dressed-fleece-shirt-with-backpack-posing-grey-background_613910-12327.jpg", imageAlt: "David Rodriguez, Barber Specialist" + }, ], }, ]} @@ -176,16 +188,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "David Thompson", role: "Regular Customer", company: "5-Star Review", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "David Thompson"}, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg", imageAlt: "David Thompson" + }, { id: "2", name: "Michael Santos", role: "Loyal Client", company: "5-Star Review", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Santos"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Michael Santos" + }, { id: "3", name: "Robert Williams", role: "Regular Customer", company: "5-Star Review", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/excited-lucky-charming-friendly-blond-girlfriend-having-fun-celebrating-perfect-news-best-score-receive-scholarship-smiling-amused-carefree-close-eyes-show-peace-victory-signs-orange-background_1258-307693.jpg", imageAlt: "Robert Williams"}, + imageSrc: "http://img.b2bpic.net/free-photo/excited-lucky-charming-friendly-blond-girlfriend-having-fun-celebrating-perfect-news-best-score-receive-scholarship-smiling-amused-carefree-close-eyes-show-peace-victory-signs-orange-background_1258-307693.jpg", imageAlt: "Robert Williams" + }, { id: "4", name: "Christopher Lee", role: "New Customer", company: "5-Star Review", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", imageAlt: "Christopher Lee"}, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-male-employee-white-collar-shirt-smiling-camera-standing-selfassured-agai_1258-112592.jpg", imageAlt: "Christopher Lee" + }, ]} kpiItems={[ { value: "98%", label: "Customer satisfaction" }, @@ -204,17 +220,23 @@ export default function LandingPage() {