From ddfbe215eff464918976d952c25c8f2a8906aaf8 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 23 Jun 2026 10:54:54 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 229 +++++++---------------------------------- 1 file changed, 36 insertions(+), 193 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 150ed2a..5f184c6 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -19,29 +19,15 @@ export default function HomePage() { title="Redefining Your Style at Barber One" description="Experience professional grooming in a modern atmosphere where tradition meets contemporary style. Book your session today." primaryButton={{ - text: "Book Appointment", - href: "#contact", - }} + text: "Book Appointment", href: "#contact"}} secondaryButton={{ - text: "View Services", - href: "#services", - }} + text: "View Services", href: "#services"}} items={[ - { - imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg?_wi=1", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186518.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", - }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186518.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg" }, + { imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg" }, ]} /> @@ -52,9 +38,7 @@ export default function HomePage() { @@ -66,48 +50,13 @@ export default function HomePage() { title="Masterful Grooming Services" description="Comprehensive care tailored to your specific needs." items={[ - { - title: "Precision Cut", - description: "Classic and modern styling for all hair types.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-temples-man_23-2147778753.jpg", - }, - { - title: "Signature Beard Trim", - description: "Expert sculpting for a sharp, clean look.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg", - }, - { - title: "Hot Towel Shave", - description: "The ultimate indulgence with hot towel treatment.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506253.jpg", - }, - { - title: "Beard Coloring", - description: "Natural blend color treatments.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-plucking-hair_23-2148783535.jpg", - }, - { - title: "Scalp Therapy", - description: "Revitalizing scalp treatments for health and growth.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg", - }, - { - title: "Junior Cuts", - description: "Gentle styling for the next generation.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg", - }, - { - title: "Beard Sculpting", - description: "Detailed contouring for refined results.", - href: "#", - imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4701.jpg", - }, + { title: "Precision Cut", description: "Classic and modern styling for all hair types.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaving-temples-man_23-2147778753.jpg" }, + { title: "Signature Beard Trim", description: "Expert sculpting for a sharp, clean look.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg" }, + { title: "Hot Towel Shave", description: "The ultimate indulgence with hot towel treatment.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506253.jpg" }, + { title: "Beard Coloring", description: "Natural blend color treatments.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-man-plucking-hair_23-2148783535.jpg" }, + { title: "Scalp Therapy", description: "Revitalizing scalp treatments for health and growth.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg" }, + { title: "Junior Cuts", description: "Gentle styling for the next generation.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg" }, + { title: "Beard Sculpting", description: "Detailed contouring for refined results.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4701.jpg" }, ]} /> @@ -121,34 +70,12 @@ export default function HomePage() { description="Clear pricing for premium results." plans={[ { - tag: "Essentials", - price: "$35", - period: "session", - description: "Foundation services.", - primaryButton: { - text: "Book", - href: "#contact", - }, - featuresTitle: "Included:", - features: [ - "Precision cut", - "Wash & Style", - ], + tag: "Essentials", price: "$35", period: "session", description: "Foundation services.", primaryButton: { text: "Book", href: "#contact" }, + featuresTitle: "Included:", features: ["Precision cut", "Wash & Style"], }, { - tag: "The Premium", - price: "$60", - period: "session", - description: "Full grooming experience.", - primaryButton: { - text: "Book", - href: "#contact", - }, - featuresTitle: "Everything in Essentials plus:", - features: [ - "Hot towel shave", - "Scalp massage", - ], + tag: "The Premium", price: "$60", period: "session", description: "Full grooming experience.", primaryButton: { text: "Book", href: "#contact" }, + featuresTitle: "Everything in Essentials plus:", features: ["Hot towel shave", "Scalp massage"], }, ]} /> @@ -162,30 +89,9 @@ export default function HomePage() { title="Barber One By The Numbers" description="Proven results for every client." metrics={[ - { - value: "15k+", - title: "Haircuts Performed", - features: [ - "Precision focus", - "Consistent results", - ], - }, - { - value: "500+", - title: "Five Star Reviews", - features: [ - "Verified feedback", - "High satisfaction", - ], - }, - { - value: "12", - title: "Expert Stylists", - features: [ - "Master trained", - "Certified talent", - ], - }, + { value: "15k+", title: "Haircuts Performed", features: ["Precision focus", "Consistent results"] }, + { value: "500+", title: "Five Star Reviews", features: ["Verified feedback", "High satisfaction"] }, + { value: "12", title: "Expert Stylists", features: ["Master trained", "Certified talent"] }, ]} /> @@ -199,29 +105,11 @@ export default function HomePage() { description="Our team of masters are dedicated to your style." groups={[ { - title: "Senior Stylists", - members: [ - { - name: "Marco", - role: "Master Barber", - detail: "15+ years experience in premium men's grooming.", - imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-holding-scissors-hairbrush-with-smile-face-standing-orange-wall_141793-48456.jpg", - }, - { - name: "Elena", - role: "Styling Specialist", - detail: "Trend-focused barber with an eye for precision.", - imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", - }, - { - name: "David", - role: "Lead Barber", - detail: "Traditional master with modern techniques.", - imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg", - }, + title: "Senior Stylists", members: [ + { name: "Marco", role: "Master Barber", detail: "15+ years experience in premium men's grooming.", imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-holding-scissors-hairbrush-with-smile-face-standing-orange-wall_141793-48456.jpg" }, + { name: "Elena", role: "Styling Specialist", detail: "Trend-focused barber with an eye for precision.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg" }, + { name: "David", role: "Lead Barber", detail: "Traditional master with modern techniques.", imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg" }, ], - imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg?_wi=2", - imageAlt: "professional male barber smiling", }, ]} /> @@ -235,41 +123,11 @@ export default function HomePage() { title="What They Say" description="Real feedback from our satisfied clients." testimonials={[ - { - name: "John Doe", - role: "Entrepreneur", - company: "Tech", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg", - }, - { - name: "Mike Smith", - role: "Designer", - company: "Creative", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-cook-chef-uniform-stretching-out-hand-showing-thumb-up-isolated-white-wall_141793-101144.jpg", - }, - { - name: "Alex Reed", - role: "Executive", - company: "Finance", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg", - }, - { - name: "Chris P.", - role: "Architect", - company: "Build", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-light-wall_141793-50560.jpg", - }, - { - name: "Brian K.", - role: "Manager", - company: "Retail", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg", - }, + { name: "John Doe", role: "Entrepreneur", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg" }, + { name: "Mike Smith", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-young-handsome-cook-chef-uniform-stretching-out-hand-showing-thumb-up-isolated-white-wall_141793-101144.jpg" }, + { name: "Alex Reed", role: "Executive", company: "Finance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg" }, + { name: "Chris P.", role: "Architect", company: "Build", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-light-wall_141793-50560.jpg" }, + { name: "Brian K.", role: "Manager", company: "Retail", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg" }, ]} /> @@ -282,18 +140,9 @@ export default function HomePage() { title="Common Questions" description="Answers to our frequently asked questions." items={[ - { - question: "Do I need an appointment?", - answer: "Yes, we prioritize scheduled sessions for the best experience.", - }, - { - question: "What's the cancellation policy?", - answer: "Cancellations must be made 24 hours prior to your slot.", - }, - { - question: "Where are you located?", - answer: "We are located centrally downtown for your convenience.", - }, + { question: "Do I need an appointment?", answer: "Yes, we prioritize scheduled sessions for the best experience." }, + { question: "What's the cancellation policy?", answer: "Cancellations must be made 24 hours prior to your slot." }, + { question: "Where are you located?", answer: "We are located centrally downtown for your convenience." }, ]} /> @@ -304,14 +153,8 @@ export default function HomePage() { -- 2.49.1