From dc139528a853c36cc300157ffdd99638e5d0658f Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 15:44:37 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 260 ++++++++++------------------------------------- 1 file changed, 54 insertions(+), 206 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b0170a1..8094c76 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,27 +32,17 @@ export default function LandingPage() { @@ -62,82 +52,43 @@ export default function LandingPage() { description="Grand Rapids’ go-to shop for precision cuts and real culture." testimonials={[ { - name: "Google & Facebook", - handle: "500+ Reviews", - testimonial: "Rated 5.0 stars by our incredible community.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg?_wi=1", - imageAlt: "cinematic barbershop interior dark mood", - }, + name: "Google & Facebook", handle: "500+ Reviews", testimonial: "Rated 5.0 stars by our incredible community.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", imageAlt: "cinematic barbershop interior dark mood"}, { - name: "Alex K.", - handle: "Loyal Client", - testimonial: "Fantastic place! Always get a sharp cut and great conversation. Feels like home every visit.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg?_wi=1", - imageAlt: "cinematic barbershop interior dark mood", - }, + name: "Alex K.", handle: "Loyal Client", testimonial: "Fantastic place! Always get a sharp cut and great conversation. Feels like home every visit.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg", imageAlt: "cinematic barbershop interior dark mood"}, { - name: "Michael S.", - handle: "Newcomer", - testimonial: "The barbers here are true artists. Every fade is perfect, and they genuinely care about their clients.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg?_wi=1", - imageAlt: "cinematic barbershop interior dark mood", - }, + name: "Michael S.", handle: "Newcomer", testimonial: "The barbers here are true artists. Every fade is perfect, and they genuinely care about their clients.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", imageAlt: "cinematic barbershop interior dark mood"}, { - name: "Chris P.", - handle: "Regular", - testimonial: "Highly recommend ForTheCulture! They've transformed my look and my confidence. Best in Grand Rapids.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg?_wi=1", - imageAlt: "cinematic barbershop interior dark mood", - }, + name: "Chris P.", handle: "Regular", testimonial: "Highly recommend ForTheCulture! They've transformed my look and my confidence. Best in Grand Rapids.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg", imageAlt: "cinematic barbershop interior dark mood"}, { - name: "Daniel T.", - handle: "Happy Customer", - testimonial: "More than just a haircut, it's an experience. Professional, friendly, and always leave looking my best.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=1", - imageAlt: "cinematic barbershop interior dark mood", - }, + name: "Daniel T.", handle: "Happy Customer", testimonial: "More than just a haircut, it's an experience. Professional, friendly, and always leave looking my best.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg", imageAlt: "cinematic barbershop interior dark mood"}, ]} buttons={[ { - text: "Book Now", - href: "#booking-cta", - }, + text: "Book Now", href: "#booking-cta"}, { - text: "Call Us", - href: "tel:+16168215983", - }, + text: "Call Us", href: "tel:+16168215983"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg" imageAlt="Cinematic barbershop interior with a barber at work" showDimOverlay={true} showBlur={true} textPosition="bottom" avatars={[ { - src: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg", - alt: "Happy client 1", - }, + src: "http://img.b2bpic.net/free-photo/stylish-confident-man-cafeteria_23-2147689260.jpg", alt: "Happy client 1"}, { - src: "http://img.b2bpic.net/free-photo/close-up-smiling-young-man-with-headphone-around-his-neck-looking-camera_23-2148042690.jpg", - alt: "Happy client 2", - }, + src: "http://img.b2bpic.net/free-photo/close-up-smiling-young-man-with-headphone-around-his-neck-looking-camera_23-2148042690.jpg", alt: "Happy client 2"}, { - src: "http://img.b2bpic.net/free-photo/beautiful-young-man-looking-camera-home-garden_1301-5132.jpg", - alt: "Happy client 3", - }, + src: "http://img.b2bpic.net/free-photo/beautiful-young-man-looking-camera-home-garden_1301-5132.jpg", alt: "Happy client 3"}, { - src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7907.jpg", - alt: "Happy client 4", - }, + src: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7907.jpg", alt: "Happy client 4"}, { - src: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg", - alt: "Happy client 5", - }, + src: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg", alt: "Happy client 5"}, ]} avatarText="Join 500+ satisfied clients" /> @@ -151,11 +102,7 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "rating", - value: "5.0", - title: "Star Rating", - description: "Consistently top-rated by our community.", - icon: Star, + id: "rating", value: "5.0", title: "Star Rating", description: "Consistently top-rated by our community.", icon: Star, }, ]} title="Unmatched Excellence" @@ -170,19 +117,13 @@ export default function LandingPage() { description="At ForTheCultureBarberCo, we treat every client like family. Whether you’re booking ahead or walking in, you’ll leave looking sharp and feeling seen. This is ForTheCulture, where tradition meets modern style." metrics={[ { - value: "10+", - title: "Years Experience", - }, + value: "10+", title: "Years Experience"}, { - value: "5.0", - title: "Star Rating", - }, + value: "5.0", title: "Star Rating"}, { - value: "Daily", - title: "Walk-ins Welcome", - }, + value: "Daily", title: "Walk-ins Welcome"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg" imageAlt="Barber focused on cutting client's hair" mediaAnimation="opacity" /> @@ -196,61 +137,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "haircut", - name: "Haircut", - price: "$35", - variant: "Standard Cut", - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg?_wi=2", - imageAlt: "A fresh haircut", - }, + id: "haircut", name: "Haircut", price: "$35", variant: "Standard Cut", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", imageAlt: "A fresh haircut"}, { - id: "fade", - name: "Fade", - price: "$40", - variant: "Any Style Fade", - imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg?_wi=2", - imageAlt: "A clean fade haircut", - }, + id: "fade", name: "Fade", price: "$40", variant: "Any Style Fade", imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg", imageAlt: "A clean fade haircut"}, { - id: "lineup", - name: "Lineup/Edge Up", - price: "$20", - variant: "Crisp Lines", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=2", - imageAlt: "Precision lineup", - }, + id: "lineup", name: "Lineup/Edge Up", price: "$20", variant: "Crisp Lines", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg", imageAlt: "Precision lineup"}, { - id: "kids-cut", - name: "Kids Cut", - price: "$30", - variant: "Under 12", - imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg", - imageAlt: "Happy kid getting a haircut", - }, + id: "kids-cut", name: "Kids Cut", price: "$30", variant: "Under 12", imageSrc: "http://img.b2bpic.net/free-photo/smiley-kid-getting-haircut-front-view_23-2149870363.jpg", imageAlt: "Happy kid getting a haircut"}, { - id: "beard-trim", - name: "Beard Trim", - price: "$25", - variant: "Shape & Style", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg", - imageAlt: "A professional beard trim", - }, + id: "beard-trim", name: "Beard Trim", price: "$25", variant: "Shape & Style", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg", imageAlt: "A professional beard trim"}, { - id: "hot-towel-shave", - name: "Hot Towel Shave", - price: "$50", - variant: "Luxury Experience", - imageSrc: "http://img.b2bpic.net/free-photo/man-disinfecting-beard-trimming-tool_23-2149167466.jpg", - imageAlt: "Hot towel treatment", - }, + id: "hot-towel-shave", name: "Hot Towel Shave", price: "$50", variant: "Luxury Experience", imageSrc: "http://img.b2bpic.net/free-photo/man-disinfecting-beard-trimming-tool_23-2149167466.jpg", imageAlt: "Hot towel treatment"}, ]} title="Masterful Services" description="Precision cuts, fresh fades, and more. Explore our comprehensive menu and find your perfect style delivered by skilled barbers." buttons={[ { - text: "Book Your Service", - href: "#booking-cta", - }, + text: "Book Your Service", href: "#booking-cta"}, ]} /> @@ -262,25 +165,17 @@ export default function LandingPage() { useInvertedBackground={false} negativeCard={{ items: [ - "Rushed Service", - "Impersonal Experience", - "Generic Styling", - ], + "Rushed Service", "Impersonal Experience", "Generic Styling"], }} positiveCard={{ items: [ - "Dedicated Barbers", - "Warm Community Feel", - "Precision Styling", - ], + "Dedicated Barbers", "Warm Community Feel", "Precision Styling"], }} title="Experience The Difference" description="We're not just a barbershop; we're a community. From the moment you step in, feel the family atmosphere and leave with a fresh look that boosts your confidence and fits your culture." buttons={[ { - text: "Join Our Culture", - href: "#booking-cta", - }, + text: "Join Our Culture", href: "#booking-cta"}, ]} /> @@ -293,53 +188,21 @@ export default function LandingPage() { carouselMode="buttons" testimonials={[ { - id: "1", - name: "Isaac Diaz", - role: "Client", - testimonial: "Best barbershop in Grand Rapids, hands down! The attention to detail is unmatched, and the barbers really take their time to give you the perfect cut. Always leave feeling fresh.", - imageSrc: "http://img.b2bpic.net/free-photo/man-woman-laboratory-robes-talk-each-other-standing-greenhouse_8353-7139.jpg", - imageAlt: "Isaac Diaz, happy client", - }, + id: "1", name: "Isaac Diaz", role: "Client", testimonial: "Best barbershop in Grand Rapids, hands down! The attention to detail is unmatched, and the barbers really take their time to give you the perfect cut. Always leave feeling fresh.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-laboratory-robes-talk-each-other-standing-greenhouse_8353-7139.jpg", imageAlt: "Isaac Diaz, happy client"}, { - id: "2", - name: "Harry Navarro", - role: "Client", - testimonial: "ForTheCultureBarberCo is truly a hidden gem. The vibe is incredible, feels like family every time. Plus, my fades are always on point. Highly recommend!", - imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-close-up-portrait-extremely-happy-rejoicing-young-man-looking-surprised-cant-believe-he-won-prize-hold-hands-head-denial-yellow-background_1258-60037.jpg", - imageAlt: "Harry Navarro, satisfied client", - }, + id: "2", name: "Harry Navarro", role: "Client", testimonial: "ForTheCultureBarberCo is truly a hidden gem. The vibe is incredible, feels like family every time. Plus, my fades are always on point. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-close-up-portrait-extremely-happy-rejoicing-young-man-looking-surprised-cant-believe-he-won-prize-hold-hands-head-denial-yellow-background_1258-60037.jpg", imageAlt: "Harry Navarro, satisfied client"}, { - id: "3", - name: "David Castellanos", - role: "Client", - testimonial: "Professional, friendly, and consistently deliver amazing results. I've been coming here for years, and they never disappoint. They understand my style perfectly.", - imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", - imageAlt: "David Castellanos, loyal client", - }, + id: "3", name: "David Castellanos", role: "Client", testimonial: "Professional, friendly, and consistently deliver amazing results. I've been coming here for years, and they never disappoint. They understand my style perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "David Castellanos, loyal client"}, { - id: "4", - name: "Marcus Tate", - role: "Client", - testimonial: "The atmosphere here is everything! Great music, great conversations, and most importantly, great cuts. You won't find a better barber experience in Michigan.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg", - imageAlt: "Marcus Tate, happy customer", - }, + id: "4", name: "Marcus Tate", role: "Client", testimonial: "The atmosphere here is everything! Great music, great conversations, and most importantly, great cuts. You won't find a better barber experience in Michigan.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-sitting-chair_23-2149220530.jpg", imageAlt: "Marcus Tate, happy customer"}, { - id: "5", - name: "Jamal Williams", - role: "Client", - testimonial: "From classic cuts to modern styles, these guys master it all. Every visit feels personal, and the quality is always top-notch. My go-to spot for a fresh look.", - imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", - imageAlt: "Jamal Williams, satisfied customer", - }, + id: "5", name: "Jamal Williams", role: "Client", testimonial: "From classic cuts to modern styles, these guys master it all. Every visit feels personal, and the quality is always top-notch. My go-to spot for a fresh look.", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "Jamal Williams, satisfied customer"}, ]} title="What Our Clients Say" description="Hear directly from our satisfied customers who’ve experienced the unparalleled quality and welcoming atmosphere at ForTheCultureBarberCo." buttons={[ { - text: "Join 500+ happy clients — Book Today", - href: "#booking-cta", - }, + text: "Join 500+ happy clients — Book Today", href: "#booking-cta"}, ]} /> @@ -348,15 +211,12 @@ export default function LandingPage() { @@ -366,33 +226,21 @@ export default function LandingPage() { logoText="ForTheCultureBarberCo" columns={[ { - title: "Contact Us", - items: [ + title: "Contact Us", items: [ { - label: "55 28th St SW, Grand Rapids, MI 49548", - href: "https://maps.app.goo.gl/YourGoogleMapsLink", - }, + label: "55 28th St SW, Grand Rapids, MI 49548", href: "https://maps.app.goo.gl/YourGoogleMapsLink"}, { - label: "(616) 821-5983", - href: "tel:+16168215983", - }, + label: "(616) 821-5983", href: "tel:+16168215983"}, { - label: "Open Daily, Closes 8 PM", - href: "#", - }, + label: "Open Daily, Closes 8 PM", href: "#"}, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { - label: "Instagram", - href: "https://instagram.com/fortheculturebarberco", - }, + label: "Instagram", href: "https://instagram.com/fortheculturebarberco"}, { - label: "Facebook", - href: "https://facebook.com/fortheculturebarberco", - }, + label: "Facebook", href: "https://facebook.com/fortheculturebarberco"}, ], }, ]} -- 2.49.1