From 8690d9fb1b98dfbff1da2c080894f9fb6f2c0027 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 16 Apr 2026 14:58:38 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 332 ++++++++++------------------------------------- 1 file changed, 66 insertions(+), 266 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9f2c3a8..7559b2c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -59,76 +51,39 @@ export default function LandingPage() { description="Where classic craftsmanship meets modern style. Experience the pinnacle of men's grooming in a setting designed for true gentlemen." testimonials={[ { - name: "James L.", - handle: "@jamesl", - testimonial: "The best fade I've ever had. Truly cinematic experience.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", - imageAlt: "Close-up of washbasin", - }, + name: "James L.", handle: "@jamesl", testimonial: "The best fade I've ever had. Truly cinematic experience.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", imageAlt: "Close-up of washbasin"}, { - name: "Robert B.", - handle: "@robertb", - testimonial: "Professional, clean, and world-class service. Highly recommend.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", - imageAlt: "Handsome bearded man at the barbershop barber at work", - }, + name: "Robert B.", handle: "@robertb", testimonial: "Professional, clean, and world-class service. Highly recommend.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", imageAlt: "Handsome bearded man at the barbershop barber at work"}, { - name: "Michael S.", - handle: "@michaels", - testimonial: "Hollywood Barber Shop has set the standard for grooming.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", - imageAlt: "Hair salon chair with towel on armchair", - }, + name: "Michael S.", handle: "@michaels", testimonial: "Hollywood Barber Shop has set the standard for grooming.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", imageAlt: "Hair salon chair with towel on armchair"}, { - name: "Thomas W.", - handle: "@thomasw", - testimonial: "The attention to detail here is unmatched. Absolute pros.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", - imageAlt: "Hairdresser cutting a man's hair at the barber shop", - }, + name: "Thomas W.", handle: "@thomasw", testimonial: "The attention to detail here is unmatched. Absolute pros.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", imageAlt: "Hairdresser cutting a man's hair at the barber shop"}, { - name: "Kevin M.", - handle: "@kevinm", - testimonial: "Perfect environment and top-tier talent. Highly impressed.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg?_wi=1", - imageAlt: "client having hot towel shave", - }, + name: "Kevin M.", handle: "@kevinm", testimonial: "Perfect environment and top-tier talent. Highly impressed.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg", imageAlt: "client having hot towel shave"}, ]} buttons={[ { - text: "Book Now", - href: "#pricing", - }, + text: "Book Now", href: "#pricing"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg" imageAlt="luxury barber shop interior cinematic lighting" showDimOverlay={true} avatars={[ { - src: "http://img.b2bpic.net/free-photo/handsome-bearded-male-waits-hairdresser-sitting-barber-chair_613910-18391.jpg", - alt: "A handsome bearded male waits for the hairdresser sitting on a barber chair.", - }, + src: "http://img.b2bpic.net/free-photo/handsome-bearded-male-waits-hairdresser-sitting-barber-chair_613910-18391.jpg", alt: "A handsome bearded male waits for the hairdresser sitting on a barber chair."}, { - src: "http://img.b2bpic.net/free-photo/medium-shot-hairstilyst-giving-haircut_23-2148506292.jpg", - alt: "Medium shot of hairstilyst giving a haircut", - }, + src: "http://img.b2bpic.net/free-photo/medium-shot-hairstilyst-giving-haircut_23-2148506292.jpg", alt: "Medium shot of hairstilyst giving a haircut"}, { - src: "http://img.b2bpic.net/free-photo/side-view-barber-grooming-beard_23-2148298293.jpg", - alt: "Side view barber grooming a beard", - }, + src: "http://img.b2bpic.net/free-photo/side-view-barber-grooming-beard_23-2148298293.jpg", alt: "Side view barber grooming a beard"}, { - src: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg", - alt: "Woman trimming beard of client", - }, + src: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg", alt: "Woman trimming beard of client"}, { - src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg", - alt: "Man getting his beard shaved with razor", - }, + src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg", alt: "Man getting his beard shaved with razor"}, ]} avatarText="Join 500+ satisfied gentlemen" /> @@ -141,11 +96,9 @@ export default function LandingPage() { description="We are not just a barbershop; we are a destination. With years of experience and a passion for perfection, our master barbers ensure every cut is a masterpiece. Step into our world and experience excellence." buttons={[ { - text: "Learn More", - href: "#", - }, + text: "Learn More", href: "#"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" imageAlt="barber cutting hair with professional scissors" /> @@ -157,41 +110,20 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Expert Razor Work", - description: "Crisp lines and perfect fades.", - bentoComponent: "media-stack", - items: [ + title: "Expert Razor Work", description: "Crisp lines and perfect fades.", bentoComponent: "media-stack", items: [ { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg", - imageAlt: "barber tools razor scissors", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg", imageAlt: "barber tools razor scissors"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", - imageAlt: "hot towel service barber shop", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", imageAlt: "hot towel service barber shop"}, { - imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg", - imageAlt: "shaving cream lather shaving", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg?_wi=2", - imageAlt: "barber tools razor scissors", + imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg", imageAlt: "shaving cream lather shaving"}, + ] }, { - title: "Hot Towel Shave", - description: "Relax in style.", - bentoComponent: "reveal-icon", - icon: Sparkles, - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg?_wi=2", - imageAlt: "barber tools razor scissors", + title: "Hot Towel Shave", description: "Relax in style.", bentoComponent: "reveal-icon", icon: Sparkles }, { - title: "Custom Styles", - description: "Tailored to your personality.", - bentoComponent: "reveal-icon", - icon: Scissors, - imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg?_wi=1", - imageAlt: "barber tools razor scissors", + title: "Custom Styles", description: "Tailored to your personality.", bentoComponent: "reveal-icon", icon: Scissors }, ]} title="Precision in Every Detail" @@ -207,65 +139,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "Hollywood", - name: "Signature Pomade", - price: "$25", - rating: 5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg?_wi=2", - imageAlt: "premium hair pomade container", - }, + id: "p1", brand: "Hollywood", name: "Signature Pomade", price: "$25", rating: 5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg", imageAlt: "premium hair pomade container"}, { - id: "p2", - brand: "Hollywood", - name: "Beard Oil", - price: "$30", - rating: 5, - reviewCount: "95", - imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696645.jpg", - imageAlt: "beard oil glass bottle dropper", - }, + id: "p2", brand: "Hollywood", name: "Beard Oil", price: "$30", rating: 5, + reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696645.jpg", imageAlt: "beard oil glass bottle dropper"}, { - id: "p3", - brand: "Hollywood", - name: "Pro Shave Brush", - price: "$45", - rating: 4, - reviewCount: "60", - imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-making-styling-beard-client-salon_23-2148181978.jpg", - imageAlt: "shaving brush badger hair", - }, + id: "p3", brand: "Hollywood", name: "Pro Shave Brush", price: "$45", rating: 4, + reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/hair-stylist-making-styling-beard-client-salon_23-2148181978.jpg", imageAlt: "shaving brush badger hair"}, { - id: "p4", - brand: "Hollywood", - name: "Aftershave Tonic", - price: "$35", - rating: 5, - reviewCount: "80", - imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg", - imageAlt: "aftershave lotion glass bottle", - }, + id: "p4", brand: "Hollywood", name: "Aftershave Tonic", price: "$35", rating: 5, + reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg", imageAlt: "aftershave lotion glass bottle"}, { - id: "p5", - brand: "Hollywood", - name: "Matte Styling Clay", - price: "$28", - rating: 5, - reviewCount: "150", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347097.jpg", - imageAlt: "hair styling clay matte finish", - }, + id: "p5", brand: "Hollywood", name: "Matte Styling Clay", price: "$28", rating: 5, + reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347097.jpg", imageAlt: "hair styling clay matte finish"}, { - id: "p6", - brand: "Hollywood", - name: "Beard Wax", - price: "$22", - rating: 4, - reviewCount: "45", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed_23-2149141771.jpg", - imageAlt: "beard wax classic metal tin", - }, + id: "p6", brand: "Hollywood", name: "Beard Wax", price: "$22", rating: 4, + reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-groomed_23-2149141771.jpg", imageAlt: "beard wax classic metal tin"}, ]} title="Premium Grooming Essentials" description="Take the Hollywood Barber Shop experience home with our exclusive product range." @@ -280,33 +170,13 @@ export default function LandingPage() { useInvertedBackground={false} members={[ { - id: "m1", - name: "Marco V.", - role: "Master Barber", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg", - imageAlt: "professional barber smiling in uniform", - }, + id: "m1", name: "Marco V.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg", imageAlt: "professional barber smiling in uniform"}, { - id: "m2", - name: "Luca S.", - role: "Senior Barber", - imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", - imageAlt: "barber working on hairstyle closeup", - }, + id: "m2", name: "Luca S.", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", imageAlt: "barber working on hairstyle closeup"}, { - id: "m3", - name: "Dante R.", - role: "Barber", - imageSrc: "http://img.b2bpic.net/free-photo/working-process-barbershop_1163-2025.jpg", - imageAlt: "stylish young barber portrait", - }, + id: "m3", name: "Dante R.", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/working-process-barbershop_1163-2025.jpg", imageAlt: "stylish young barber portrait"}, { - id: "m4", - name: "Leo P.", - role: "Barber", - imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg", - imageAlt: "experienced master barber portrait", - }, + id: "m4", name: "Leo P.", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg", imageAlt: "experienced master barber portrait"}, ]} title="Our Master Barbers" description="Meet the artisans behind the scissors." @@ -320,53 +190,23 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "plan1", - title: "Classic Cut", - price: "$40", - period: "per session", - features: [ - "Precision Cut", - "Neck Shave", - "Hot Towel Finish", - ], + id: "plan1", title: "Classic Cut", price: "$40", period: "per session", features: [ + "Precision Cut", "Neck Shave", "Hot Towel Finish"], button: { - text: "Book Now", - }, - imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", - imageAlt: "Master hairdresser prepares for shaving", - }, + text: "Book Now"}, + imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", imageAlt: "Master hairdresser prepares for shaving"}, { - id: "plan2", - title: "Beard Grooming", - price: "$30", - period: "per session", - features: [ - "Hot Towel Shave", - "Beard Sculpting", - "Conditioning Oil", - ], + id: "plan2", title: "Beard Grooming", price: "$30", period: "per session", features: [ + "Hot Towel Shave", "Beard Sculpting", "Conditioning Oil"], button: { - text: "Book Now", - }, - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", - imageAlt: "Professional beard modeling", - }, + text: "Book Now"}, + imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-4293.jpg", imageAlt: "Professional beard modeling"}, { - id: "plan3", - title: "The Hollywood Experience", - price: "$85", - period: "per session", - features: [ - "Classic Cut", - "Full Shave", - "Facial Treatment", - ], + id: "plan3", title: "The Hollywood Experience", price: "$85", period: "per session", features: [ + "Classic Cut", "Full Shave", "Facial Treatment"], button: { - text: "Book Now", - }, - imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", - imageAlt: "Barber contouring beard", - }, + text: "Book Now"}, + imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", imageAlt: "Barber contouring beard"}, ]} title="Our Services" description="Premium grooming services for the modern man." @@ -379,50 +219,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - title: "Top Notch", - quote: "The absolute best experience I've had at a shop.", - name: "Marcus D.", - role: "Tech Lead", - imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg", - imageAlt: "happy client after barber cut", - }, + id: "t1", title: "Top Notch", quote: "The absolute best experience I've had at a shop.", name: "Marcus D.", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg", imageAlt: "happy client after barber cut"}, { - id: "t2", - title: "Excellent Service", - quote: "Attention to detail is unmatched in the city.", - name: "David W.", - role: "Designer", - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2051.jpg", - imageAlt: "confident man fresh beard trim", - }, + id: "t2", title: "Excellent Service", quote: "Attention to detail is unmatched in the city.", name: "David W.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2051.jpg", imageAlt: "confident man fresh beard trim"}, { - id: "t3", - title: "Game Changer", - quote: "I won't go anywhere else from now on.", - name: "Kevin J.", - role: "Entrepreneur", - imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", - imageAlt: "stylish man after haircut", - }, + id: "t3", title: "Game Changer", quote: "I won't go anywhere else from now on.", name: "Kevin J.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", imageAlt: "stylish man after haircut"}, { - id: "t4", - title: "Relaxing", - quote: "The hot towel treatment is divine.", - name: "Alan G.", - role: "Executive", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg?_wi=2", - imageAlt: "client having hot towel shave", - }, + id: "t4", title: "Relaxing", quote: "The hot towel treatment is divine.", name: "Alan G.", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg", imageAlt: "client having hot towel shave"}, { - id: "t5", - title: "Perfect Cut", - quote: "Consistent excellence every time I visit.", - name: "Sam R.", - role: "Artist", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-young-man-with-blue-eyes_171337-20035.jpg", - imageAlt: "stylish man at hair salon", - }, + id: "t5", title: "Perfect Cut", quote: "Consistent excellence every time I visit.", name: "Sam R.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-young-man-with-blue-eyes_171337-20035.jpg", imageAlt: "stylish man at hair salon"}, ]} title="What Our Clients Say" description="Join the elite list of satisfied gentlemen." @@ -433,8 +238,7 @@ export default function LandingPage() {