From 733e492e712369e1206a922bdf02ab84694a1882 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 16 Apr 2026 14:26:14 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 220 ++++++++--------------------------------------- 1 file changed, 38 insertions(+), 182 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d06dc46..9042cb9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,25 +32,15 @@ export default function LandingPage() { @@ -62,35 +52,15 @@ export default function LandingPage() { description="Where tradition meets modern style. We provide premium grooming services in an atmosphere that makes you feel at home. Experience the difference of a professional cut tailored just for you." buttons={[ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ]} slides={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg?_wi=1", - imageAlt: "Barbershop interior", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=1", - imageAlt: "Barber chair detail", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1", - imageAlt: "Professional haircut", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", - imageAlt: "Barber styling", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg", - imageAlt: "Grooming products", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/woman-brushing-man-s-beard-close-up_23-2148353405.jpg", - imageAlt: "Barber service", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg", imageAlt: "Barbershop interior" }, + { imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", imageAlt: "Barber chair detail" }, + { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg", imageAlt: "Professional haircut" }, + { imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Barber styling" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg", imageAlt: "Grooming products" }, + { imageSrc: "http://img.b2bpic.net/free-photo/woman-brushing-man-s-beard-close-up_23-2148353405.jpg", imageAlt: "Barber service" } ]} /> @@ -101,18 +71,9 @@ export default function LandingPage() { title="A Legacy of Grooming" description="At Urban Barbershop, we believe that a haircut is more than just a routine; it's an experience. Established with a passion for classic techniques and contemporary trends, we ensure every client walks out with confidence." metrics={[ - { - value: "10+", - title: "Years Experience", - }, - { - value: "5k+", - title: "Happy Clients", - }, - { - value: "4.9★", - title: "Avg Rating", - }, + { value: "10+", title: "Years Experience" }, + { value: "5k+", title: "Happy Clients" }, + { value: "4.9★", title: "Avg Rating" }, ]} imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg" imageAlt="Barbershop interior" @@ -128,40 +89,16 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Classic Cuts", - description: "Precision haircuts tailored to your facial structure and hair type.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-face-care-routine_23-2149288069.jpg", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg", - }, - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg?_wi=2", - imageAlt: "modern haircut close up", + title: "Classic Cuts", description: "Precision haircuts tailored to your facial structure and hair type.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-face-care-routine_23-2149288069.jpg" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg" } }, { - title: "Beard Grooming", - description: "Expert beard shaping, trimming, and maintenance for a sharp look.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2", - imageAlt: "modern haircut close up", + title: "Beard Grooming", description: "Expert beard shaping, trimming, and maintenance for a sharp look.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg" } }, { - title: "Hot Towel Shave", - description: "A relaxing, traditional shave experience with premium oils.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/barber-holds-hand-fingers-lock-ginger-hair-comb-scissors_549566-48.jpg", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg", - }, - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2", - imageAlt: "modern haircut close up", + title: "Hot Towel Shave", description: "A relaxing, traditional shave experience with premium oils.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barber-holds-hand-fingers-lock-ginger-hair-comb-scissors_549566-48.jpg" }, + phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg" } }, ]} showStepNumbers={false} @@ -177,24 +114,9 @@ export default function LandingPage() { tag="Expert Staff" membersAnimation="slide-up" members={[ - { - id: "1", - name: "Marcus V.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg", - imageAlt: "Barber Marcus", - }, - { - id: "2", - name: "Alex R.", - imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg", - imageAlt: "Barber Alex", - }, - { - id: "3", - name: "James L.", - imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg", - imageAlt: "Barber James", - }, + { id: "1", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg", imageAlt: "Barber Marcus" }, + { id: "2", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg", imageAlt: "Barber Alex" }, + { id: "3", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg", imageAlt: "Barber James" }, ]} memberVariant="card" /> @@ -206,60 +128,16 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} testimonials={[ - { - id: "1", - name: "John Doe", - role: "Designer", - company: "Creative Co", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg", - }, - { - id: "2", - name: "Mike Smith", - role: "Architect", - company: "Urban Build", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", - }, - { - id: "3", - name: "Sarah Lee", - role: "Marketing", - company: "Brand Lab", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg", - }, - { - id: "4", - name: "David Chan", - role: "Dev", - company: "Tech Corp", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-grabbed-chin-isolated-purple-wall_141793-83564.jpg", - }, - { - id: "5", - name: "Emma Wilson", - role: "Writer", - company: "Pen Ink", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", - }, + { id: "1", name: "John Doe", role: "Designer", company: "Creative Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg" }, + { id: "2", name: "Mike Smith", role: "Architect", company: "Urban Build", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" }, + { id: "3", name: "Sarah Lee", role: "Marketing", company: "Brand Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg" }, + { id: "4", name: "David Chan", role: "Dev", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-grabbed-chin-isolated-purple-wall_141793-83564.jpg" }, + { id: "5", name: "Emma Wilson", role: "Writer", company: "Pen Ink", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" }, ]} kpiItems={[ - { - value: "99%", - label: "Client Satisfaction", - }, - { - value: "500+", - label: "Monthly Cuts", - }, - { - value: "15 min", - label: "Booking Time", - }, + { value: "99%", label: "Client Satisfaction" }, + { value: "500+", label: "Monthly Cuts" }, + { value: "15 min", label: "Booking Time" }, ]} title="Client Stories" description="Don't just take our word for it. Hear what our regulars have to say about the Urban Barbershop experience." @@ -271,21 +149,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} faqs={[ - { - id: "1", - title: "Do I need to book an appointment?", - content: "Yes, we recommend booking an appointment to ensure you get your preferred time with your favorite barber.", - }, - { - id: "2", - title: "What payment methods do you accept?", - content: "We accept all major credit cards, digital wallets, and cash.", - }, - { - id: "3", - title: "Can I request a specific barber?", - content: "Absolutely! You can choose your preferred barber during the online booking process.", - }, + { id: "1", title: "Do I need to book an appointment?", content: "Yes, we recommend booking an appointment to ensure you get your preferred time with your favorite barber." }, + { id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, digital wallets, and cash." }, + { id: "3", title: "Can I request a specific barber?", content: "Absolutely! You can choose your preferred barber during the online booking process." }, ]} title="Frequently Asked Questions" description="Have questions about our services or booking process? We have the answers." @@ -296,9 +162,7 @@ export default function LandingPage() {
-- 2.49.1