diff --git a/src/app/page.tsx b/src/app/page.tsx index 5798b7c..59b53c6 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,45 +34,27 @@ export default function LandingPage() { @@ -82,39 +64,23 @@ export default function LandingPage() { description="Grand Rapids' goto shop for precision cuts and real culture. Walk in anytime or book your perfect barber ahead." buttons={[ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, { - text: "Call Us", - href: "tel:+1-616-555-1234", - }, + text: "Call Us", href: "tel:+1-616-555-1234"}, ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg?_wi=1", - imageAlt: "Barber giving a precision fade haircut", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg", imageAlt: "Barber giving a precision fade haircut"}, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg?_wi=1", - imageAlt: "Modern barbershop interior with clients", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg", imageAlt: "Modern barbershop interior with clients"}, { - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462517.jpg?_wi=1", - imageAlt: "Happy child getting a haircut from a barber", - }, + imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462517.jpg", imageAlt: "Happy child getting a haircut from a barber"}, { - imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", - imageAlt: "Barber styling a client's beard with precision", - }, + imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "Barber styling a client's beard with precision"}, { - imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275502.jpg", - imageAlt: "Team of barbers standing together in the shop", - }, + imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275502.jpg", imageAlt: "Team of barbers standing together in the shop"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", - imageAlt: "Empty barber chair waiting for next client", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", imageAlt: "Empty barber chair waiting for next client"}, ]} autoplayDelay={4000} /> @@ -125,15 +91,11 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "Our Culture, Your Cut", - }, + type: "text", content: "Our Culture, Your Cut"}, ]} buttons={[ { - text: "Discover Our Story", - href: "#services", - }, + text: "Discover Our Story", href: "#services"}, ]} /> @@ -145,60 +107,28 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Precision Cuts", - description: "Achieve the perfect look with our signature fades, tapers, and custom haircuts. We specialize in sharp lines and flawless blends that last.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/black-man-with-beard-looking-away_23-2148203662.jpg", - imageAlt: "Sharp fade haircut profile", - }, + title: "Precision Cuts", description: "Achieve the perfect look with our signature fades, tapers, and custom haircuts. We specialize in sharp lines and flawless blends that last.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/black-man-with-beard-looking-away_23-2148203662.jpg", imageAlt: "Sharp fade haircut profile"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg", - imageAlt: "Perfectly blended fade haircut back view", - }, - imageSrc: "http://img.b2bpic.net/free-psd/barber-template-design_23-2151525773.jpg", - imageAlt: "sharp fade haircut profile view", + imageSrc: "http://img.b2bpic.net/free-photo/indian-stylish-man-black-traditional-clothes-with-white-scarf-posed-outdoor-sitting-bench_627829-12682.jpg", imageAlt: "Perfectly blended fade haircut back view"} }, { - title: "Kids' Cuts & Styles", - description: "Bring your little ones for a comfortable and stylish haircut experience. Our barbers are great with kids, ensuring they leave looking their best.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-barber-wearing-uniform-doing-haircut-his-young-client_141793-117962.jpg", - imageAlt: "Happy boy getting a haircut", - }, + title: "Kids' Cuts & Styles", description: "Bring your little ones for a comfortable and stylish haircut experience. Our barbers are great with kids, ensuring they leave looking their best.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-barber-wearing-uniform-doing-haircut-his-young-client_141793-117962.jpg", imageAlt: "Happy boy getting a haircut"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462514.jpg", - imageAlt: "Child looking in mirror after stylish haircut", - }, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg?_wi=2", - imageAlt: "sharp fade haircut profile view", + imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462514.jpg", imageAlt: "Child looking in mirror after stylish haircut"} }, { - title: "Beard Grooming", - description: "Elevate your beard game with our expert shaping, trimming, and conditioning services. Perfect your look with a sharp, well-maintained beard.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-cut_23-2148256870.jpg", - imageAlt: "Barber trimming beard with straight razor", - }, + title: "Beard Grooming", description: "Elevate your beard game with our expert shaping, trimming, and conditioning services. Perfect your look with a sharp, well-maintained beard.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-cut_23-2148256870.jpg", imageAlt: "Barber trimming beard with straight razor"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284677.jpg", - imageAlt: "Well-groomed beard with sharp lines", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg?_wi=2", - imageAlt: "sharp fade haircut profile view", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284677.jpg", imageAlt: "Well-groomed beard with sharp lines"} }, { - title: "Luxury Shaves", - description: "Indulge in a classic hot towel shave experience. Relax and let our barbers provide you with the closest, smoothest shave you've ever had.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/man-disinfecting-beard-trimming-tool_23-2149167466.jpg", - imageAlt: "Barber applying hot towel for shave", - }, + title: "Luxury Shaves", description: "Indulge in a classic hot towel shave experience. Relax and let our barbers provide you with the closest, smoothest shave you've ever had.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/man-disinfecting-beard-trimming-tool_23-2149167466.jpg", imageAlt: "Barber applying hot towel for shave"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-barber-shopconcept_23-2148506267.jpg", - imageAlt: "Barber with straight razor during a close shave", - }, - imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462517.jpg?_wi=2", - imageAlt: "sharp fade haircut profile view", + imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-barber-shopconcept_23-2148506267.jpg", imageAlt: "Barber with straight razor during a close shave"} }, ]} showStepNumbers={false} @@ -215,23 +145,11 @@ export default function LandingPage() { membersAnimation="slide-up" members={[ { - id: "barber-1", - name: "Marcus \"The Maestro\" J.", - imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", - imageAlt: "Portrait of Marcus, a master barber", - }, + id: "barber-1", name: "Marcus \"The Maestro\" J.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg", imageAlt: "Portrait of Marcus, a master barber"}, { - id: "barber-2", - name: "Kisha \"The Sculptor\" L.", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg", - imageAlt: "Portrait of Kisha, a talented barber", - }, + id: "barber-2", name: "Kisha \"The Sculptor\" L.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg", imageAlt: "Portrait of Kisha, a talented barber"}, { - id: "barber-3", - name: "Javier \"The Visionary\" R.", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg", - imageAlt: "Portrait of Javier, a rising star barber", - }, + id: "barber-3", name: "Javier \"The Visionary\" R.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205928.jpg", imageAlt: "Portrait of Javier, a rising star barber"}, ]} memberVariant="card" /> @@ -244,58 +162,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "classic-cut", - badge: "Popular", - badgeIcon: Sparkles, - price: "$35", - subtitle: "The essential clean-up for a sharp look.", - buttons: [ + id: "classic-cut", badge: "Popular", badgeIcon: Sparkles, + price: "$35", subtitle: "The essential clean-up for a sharp look.", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Precision Haircut", - "Hot Lather Neck Shave", - "Styling & Finish", - ], + "Precision Haircut", "Hot Lather Neck Shave", "Styling & Finish"], }, { - id: "youth-vip", - badge: "Family Favorite", - badgeIcon: Star, - price: "$25", - subtitle: "A fresh cut for our younger clientele (under 12).", - buttons: [ + id: "youth-vip", badge: "Family Favorite", badgeIcon: Star, + price: "$25", subtitle: "A fresh cut for our younger clientele (under 12).", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Stylish Kids' Haircut", - "Quick Edge-Up", - "Child-Friendly Environment", - ], + "Stylish Kids' Haircut", "Quick Edge-Up", "Child-Friendly Environment"], }, { - id: "beard-sculpt", - badge: "Signature", - badgeIcon: Shield, - price: "$20", - subtitle: "Expert shaping and care for your distinguished beard.", - buttons: [ + id: "beard-sculpt", badge: "Signature", badgeIcon: Shield, + price: "$20", subtitle: "Expert shaping and care for your distinguished beard.", buttons: [ { - text: "Book Now", - href: "#contact", - }, + text: "Book Now", href: "#contact"}, ], features: [ - "Precision Beard Trim", - "Line-Up & Fade", - "Beard Conditioning Treatment", - ], + "Precision Beard Trim", "Line-Up & Fade", "Beard Conditioning Treatment"], }, ]} title="Signature Services & Pricing" @@ -309,67 +200,32 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Jamal H.", - role: "Regular Client", - company: "Local Entrepreneur", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg", - imageAlt: "Client Jamal H. smiling after a fresh haircut", - }, + id: "1", name: "Jamal H.", role: "Regular Client", company: "Local Entrepreneur", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg", imageAlt: "Client Jamal H. smiling after a fresh haircut"}, { - id: "2", - name: "Diego P.", - role: "Beard Enthusiast", - company: "Creative Director", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg", - imageAlt: "Client Diego P. showing off his perfectly groomed beard", - }, + id: "2", name: "Diego P.", role: "Beard Enthusiast", company: "Creative Director", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg", imageAlt: "Client Diego P. showing off his perfectly groomed beard"}, { - id: "3", - name: "Maria S.", - role: "Parent", - company: "Busy Mom", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-kids-drawing-paper_23-2147797137.jpg", - imageAlt: "Parent Maria S. with her son after his haircut", - }, + id: "3", name: "Maria S.", role: "Parent", company: "Busy Mom", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-kids-drawing-paper_23-2147797137.jpg", imageAlt: "Parent Maria S. with her son after his haircut"}, { - id: "4", - name: "Kevin T.", - role: "New Client", - company: "Software Engineer", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/man-using-natural-ingredients-face-mask_23-2148883831.jpg", - imageAlt: "Client Kevin T. looking sharp after his visit", - }, + id: "4", name: "Kevin T.", role: "New Client", company: "Software Engineer", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/man-using-natural-ingredients-face-mask_23-2148883831.jpg", imageAlt: "Client Kevin T. looking sharp after his visit"}, { - id: "5", - name: "Lamar J.", - role: "Loyal Patron", - company: "Community Leader", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/reflection-bearded-man-barbershop-mirror_1304-2779.jpg", - imageAlt: "Client Lamar J. with a stylish new haircut", - }, + id: "5", name: "Lamar J.", role: "Loyal Patron", company: "Community Leader", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/reflection-bearded-man-barbershop-mirror_1304-2779.jpg", imageAlt: "Client Lamar J. with a stylish new haircut"}, ]} kpiItems={[ { - value: "500+", - label: "Happy Clients", - }, + value: "500+", label: "Happy Clients"}, { - value: "5-Star", - label: "Average Rating", - }, + value: "5-Star", label: "Average Rating"}, { - value: "10+", - label: "Years in Service", - }, + value: "10+", label: "Years in Service"}, ]} title="What Our Clients Say" description="Don't just take our word for it—hear from the community that makes ForTheCultureBarberCo Grand Rapids' top choice." + animationType="depth-3d" /> @@ -378,14 +234,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "GR Community Center", - "Local Youth League", - "The Urban Hub GR", - "Eastside Events", - "Cultural Roots Network", - "Grand Rapids Arts", - "Downtown GR Businesses", - ]} + "GR Community Center", "Local Youth League", "The Urban Hub GR", "Eastside Events", "Cultural Roots Network", "Grand Rapids Arts", "Downtown GR Businesses"]} title="Trusted by the Grand Rapids Community" description="Our commitment extends beyond the chair. We're proud to be an integral part of Grand Rapids, serving families and partnering with local initiatives." showCard={true} @@ -398,25 +247,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "How do I book an appointment?", - content: "You can easily book an appointment online through our website's 'Book Now' button, or simply call us during business hours. Walk-ins are also welcome, but appointments are recommended for specific barbers or peak times.", - }, + id: "faq-1", title: "How do I book an appointment?", content: "You can easily book an appointment online through our website's 'Book Now' button, or simply call us during business hours. Walk-ins are also welcome, but appointments are recommended for specific barbers or peak times."}, { - id: "faq-2", - title: "Do you offer kids' haircuts?", - content: "Absolutely! We pride ourselves on being a family-friendly barbershop. Our barbers are skilled at cutting children's hair in a comfortable and fun environment. Just select 'Kids' Cut' when booking.", - }, + id: "faq-2", title: "Do you offer kids' haircuts?", content: "Absolutely! We pride ourselves on being a family-friendly barbershop. Our barbers are skilled at cutting children's hair in a comfortable and fun environment. Just select 'Kids' Cut' when booking."}, { - id: "faq-3", - title: "What are your hours of operation?", - content: "We are open Tuesday through Saturday, 9 AM to 7 PM. We are closed on Sundays and Mondays. Please check our booking page for real-time availability.", - }, + id: "faq-3", title: "What are your hours of operation?", content: "We are open Tuesday through Saturday, 9 AM to 7 PM. We are closed on Sundays and Mondays. Please check our booking page for real-time availability."}, { - id: "faq-4", - title: "Can I request a specific barber?", - content: "Yes, when booking online, you'll have the option to choose your preferred barber based on their availability. We encourage you to find the barber that best suits your style!", - }, + id: "faq-4", title: "Can I request a specific barber?", content: "Yes, when booking online, you'll have the option to choose your preferred barber based on their availability. We encourage you to find the barber that best suits your style!"}, ]} title="Your Questions, Answered" description="Find quick answers to common questions about our services, booking, and barbershop experience." @@ -428,8 +265,7 @@ export default function LandingPage() {