bender/06e74cbb-fe6e-45f7-be4a-c057b50478c3
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-05-06 14:09:34 +00:00
Conversation 0 Commits 1 Files Changed 1 +150 -394
1 changed files with 150 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

544
src/app/page.tsx
View File

@@ -28,408 +28,164 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "pricing",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Better Cut Barbers"
button={{
text: "Book Now",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Better Cut Barbers"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroOverlayTestimonial
title="Precision Cuts in Birmingham"
description="Experience the art of grooming in a sophisticated environment tailored for the modern gentleman."
testimonials={[
{
name: "James T.",
handle: "@jamest",
testimonial: "Best haircut I've had in years. Professional and welcoming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg",
},
{
name: "Mark R.",
handle: "@markr",
testimonial: "Excellent attention to detail and a great atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
},
{
name: "Chris B.",
handle: "@chrisb",
testimonial: "Fantastic service, really makes you feel at home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
},
{
name: "Alex W.",
handle: "@alexw",
testimonial: "The best fade I have ever had. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
},
{
name: "David M.",
handle: "@davidm",
testimonial: "Top quality grooming, great local business.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
},
]}
buttons={[
{
text: "View Services",
href: "#pricing",
},
{
text: "Book Appointment",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
alt: "Customer profile 1",
},
{
src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg",
alt: "Customer profile 2",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
alt: "Customer profile 3",
},
{
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",
alt: "Customer profile 4",
},
{
src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
alt: "Customer profile 5",
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroOverlayTestimonial
title="Precision Cuts in Birmingham"
description="Experience the art of grooming in a sophisticated environment tailored for the modern gentleman."
testimonials={[
{ name: "James T.", handle: "@jamest", testimonial: "Best haircut I've had in years. Professional and welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
{ name: "Mark R.", handle: "@markr", testimonial: "Excellent attention to detail and a great atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
{ name: "Chris B.", handle: "@chrisb", testimonial: "Fantastic service, really makes you feel at home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg" },
{ name: "Alex W.", handle: "@alexw", testimonial: "The best fade I have ever had. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
{ name: "David M.", handle: "@davidm", testimonial: "Top quality grooming, great local business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg" },
]}
buttons={[{ text: "View Services", href: "#pricing" }, { text: "Book Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", alt: "Customer profile 1" },
{ src: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg", alt: "Customer profile 2" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg", alt: "Customer profile 3" },
{ src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", alt: "Customer profile 4" },
{ src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Customer profile 5" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="A Legacy of Grooming"
description="We blend traditional techniques with modern style. Better Cut Barbers is Birmingham's premier destination for discerning men."
subdescription="Every visit is more than just a cut; it's a dedicated moment of relaxation and refinement."
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Our Story"
title="A Legacy of Grooming"
description="We blend traditional techniques with modern style. Better Cut Barbers is Birmingham's premier destination for discerning men."
subdescription="Every visit is more than just a cut; it's a dedicated moment of relaxation and refinement."
icon={Scissors}
imageSrc="http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Master Barbers",
description: "Highly trained professionals dedicated to the craft of haircutting and shaves.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg",
},
items: [
{
icon: Award,
text: "5+ years average experience",
},
{
icon: Users,
text: "Personalized consultations",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg?_wi=2",
imageAlt: "barbershop interior vintage",
},
{
title: "Premium Products",
description: "We use only the finest grooming products to ensure your hair stays healthy and manageable.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg",
},
items: [
{
icon: Sparkles,
text: "Organic hair care",
},
{
icon: CheckCircle,
text: "Sustainably sourced",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wallpaper-pattern-wooden-background-job-career-concept_53876-143260.jpg?_wi=2",
imageAlt: "barbershop interior vintage",
},
{
title: "Atmosphere",
description: "A relaxing environment designed for men to unwind and enjoy the grooming process.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
},
items: [
{
icon: Coffee,
text: "Complimentary drinks",
},
{
icon: Music,
text: "Curated playlists",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg?_wi=1",
imageAlt: "barbershop interior vintage",
},
]}
title="Why Choose Us"
description="Beyond the chair, we offer an experience centered around quality and comfort."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Master Barbers", description: "Highly trained professionals dedicated to the craft of haircutting and shaves.", media: { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg" },
items: [{ icon: Award, text: "5+ years average experience" }, { icon: Users, text: "Personalized consultations" }],
reverse: false
},
{
title: "Premium Products", description: "We use only the finest grooming products to ensure your hair stays healthy and manageable.", media: { imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table-with-electric-machines_627829-6252.jpg" },
items: [{ icon: Sparkles, text: "Organic hair care" }, { icon: CheckCircle, text: "Sustainably sourced" }],
reverse: true
},
{
title: "Atmosphere", description: "A relaxing environment designed for men to unwind and enjoy the grooming process.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg" },
items: [{ icon: Coffee, text: "Complimentary drinks" }, { icon: Music, text: "Curated playlists" }],
reverse: false
}
]}
title="Why Choose Us"
description="Beyond the chair, we offer an experience centered around quality and comfort."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "cut",
badge: "Essential",
price: "£25",
subtitle: "Classic haircut with a professional finish.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Consultation",
"Precision Cut",
"Hot Towel Finish",
],
},
{
id: "shave",
badge: "The Grooming",
price: "£35",
subtitle: "Traditional wet shave for ultimate smoothness.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Hot Towel Prep",
"Straight Razor Shave",
"Aftershave Balm",
],
},
{
id: "full",
badge: "The Better Cut",
price: "£50",
subtitle: "The complete grooming ritual.",
buttons: [
{
text: "Book Now",
href: "#contact",
},
],
features: [
"Haircut",
"Beard Sculpting",
"Deep Cleanse",
"Face Massage",
],
},
]}
title="Our Services"
description="Premium grooming packages for every style."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "cut", badge: "Essential", price: "£25", subtitle: "Classic haircut with a professional finish.", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Consultation", "Precision Cut", "Hot Towel Finish"]
},
{
id: "shave", badge: "The Grooming", price: "£35", subtitle: "Traditional wet shave for ultimate smoothness.", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Hot Towel Prep", "Straight Razor Shave", "Aftershave Balm"]
},
{
id: "full", badge: "The Better Cut", price: "£50", subtitle: "The complete grooming ritual.", buttons: [{ text: "Book Now", href: "#contact" }],
features: ["Haircut", "Beard Sculpting", "Deep Cleanse", "Face Massage"]
}
]}
title="Our Services"
description="Premium grooming packages for every style."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "1",
name: "David",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg",
},
{
id: "2",
name: "Sam",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg?_wi=2",
},
{
id: "3",
name: "Alex",
role: "Barber",
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg",
},
]}
title="Meet the Artists"
description="Our Birmingham-based team of experts."
/>
</div>
<div id="team" data-section="team">
<TeamCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{ id: "1", name: "David", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-bearded-male-wearing-classic-waistcoat-slim-bow-tie_613910-1520.jpg" },
{ id: "2", name: "Sam", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
{ id: "3", name: "Alex", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-7903.jpg" }
]}
title="Meet the Artists"
description="Our Birmingham-based team of experts."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "James T.",
role: "Client",
testimonial: "Exceptional service and atmosphere.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
},
{
id: "2",
name: "Mark R.",
role: "Client",
testimonial: "Better Cut Barbers is the only place I go.",
imageSrc: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg",
},
{
id: "3",
name: "Chris B.",
role: "Client",
testimonial: "Sharp cuts and professional team.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
},
{
id: "4",
name: "John S.",
role: "Client",
testimonial: "Friendly vibe, high-quality finish.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg",
},
{
id: "5",
name: "Paul M.",
role: "Client",
testimonial: "Best in Birmingham. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg",
},
]}
title="Client Reviews"
description="What our customers are saying."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "James T.", role: "Client", testimonial: "Exceptional service and atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" },
{ id: "2", name: "Mark R.", role: "Client", testimonial: "Better Cut Barbers is the only place I go.", imageSrc: "http://img.b2bpic.net/free-photo/barber-senior-male-client-shaking-hands_23-2148181913.jpg" },
{ id: "3", name: "Chris B.", role: "Client", testimonial: "Sharp cuts and professional team.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
{ id: "4", name: "John S.", role: "Client", testimonial: "Friendly vibe, high-quality finish.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-15701.jpg" },
{ id: "5", name: "Paul M.", role: "Client", testimonial: "Best in Birmingham. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665407.jpg" }
]}
title="Client Reviews"
description="What our customers are saying."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Visit Us"
title="Book Your Appointment"
description="We are located in the heart of Birmingham. Secure your chair now."
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6399.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Visit Us"
title="Book Your Appointment"
description="We are located in the heart of Birmingham. Secure your chair now."
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6399.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "#home",
},
{
label: "Services",
href: "#pricing",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Socials",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Better Cut Barbers"
copyrightText="© 2025 Better Cut Barbers Birmingham."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Navigate", items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
logoText="Better Cut Barbers"
copyrightText="© 2025 Better Cut Barbers Birmingham."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}