bender/88dd1b48-301a-43c7-96d5-8639653b6403
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-09 15:41:40 +00:00
Conversation 0 Commits 1 Files Changed 1 +69 -239
1 changed files with 69 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

308
src/app/page.tsx
View File

@@ -34,45 +34,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Community",
id: "#social-proof",
},
name: "Community", id: "#social-proof"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
logoSrc="http://img.b2bpic.net/free-psd/barber-template-design_23-2151525773.jpg"
logoAlt="ForTheCultureBarberCo Logo"
brandName="ForTheCultureBarberCo"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
/>
</div>
@@ -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"},
]}
/>
</div>
@@ -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"
/>
</div>
@@ -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() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Book Your Next Cut"
title="Experience The Difference"
description="Ready for a cut that reflects your style and values? Book your appointment today or walk in for a truly authentic barbershop experience in Grand Rapids."
@@ -446,19 +282,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/fortheculturebarberco",
ariaLabel: "Instagram",
},
href: "https://instagram.com/fortheculturebarberco", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/fortheculturebarberco",
ariaLabel: "Facebook",
},
href: "https://facebook.com/fortheculturebarberco", ariaLabel: "Facebook"},
{
icon: Phone,
href: "tel:+1-616-555-1234",
ariaLabel: "Call Us",
},
href: "tel:+1-616-555-1234", ariaLabel: "Call Us"},
]}
/>
</div>