bender/13cb2994-832a-4a0c-825f-aa1130aa0672
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-13 02:21:43 +00:00
parent 8be1e54148 31b6adfdce
commit a1c1cbcbf2
1 changed files with 143 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

462
src/app/page.tsx
View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { Zap, User, Scissors, Smile } from "lucide-react";
import ContactCTA from '@/components/sections/contact/ContactCTA'; import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix'; import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -11,339 +12,162 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import TeamCardTen from '@/components/sections/team/TeamCardTen'; import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Scissors } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Services", id: "services" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" },
name: "About", ]}
id: "about", brandName="Hero Barbershop"
}, />
{ </div>
name: "Services",
id: "services",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Hero Barbershop"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "radial-gradient" }}
variant: "radial-gradient", title="Oldham's Premier Barber Experience"
}} description="Expert grooming, skin fades, and precision cuts for all ages in a friendly, welcoming shop."
title="Oldham's Premier Barber Experience" testimonials={[
description="Expert grooming, skin fades, and precision cuts for all ages in a friendly, welcoming shop." { name: "John D.", handle: "Local Customer", testimonial: "Best skin fades in Oldham. Friendly staff and always a consistent cut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg" },
testimonials={[ { name: "Sarah W.", handle: "Parent", testimonial: "My son loves coming here, the team is so patient and child-friendly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
{ { name: "Mike P.", handle: "Regular", testimonial: "Never have to wait long, top quality service every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
name: "John D.", { name: "David K.", handle: "Visitor", testimonial: "Fantastic atmosphere and the attention to detail is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg" },
handle: "Local Customer", { name: "James L.", handle: "New Client", testimonial: "First time here and definitely not the last. Best barbershop in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
testimonial: "Best skin fades in Oldham. Friendly staff and always a consistent cut.", ]}
rating: 5, imageSrc="http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg"
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg?_wi=1", mediaAnimation="slide-up"
}, avatars={[
{ { src: "http://img.b2bpic.net/free-photo/barber-talking-with-elderly-client-hair-salon_23-2148182014.jpg", alt: "Client 1" },
name: "Sarah W.", { src: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg", alt: "Client 2" },
handle: "Parent", { src: "http://img.b2bpic.net/free-photo/man-taking-selfie-with-barber_23-2147778770.jpg", alt: "Client 3" },
testimonial: "My son loves coming here, the team is so patient and child-friendly.", { src: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg", alt: "Client 4" },
rating: 5, { src: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg", alt: "Client 5" },
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg?_wi=1", ]}
}, marqueeItems={[
{ { type: "text", text: "PRECISION CUTS" },
name: "Mike P.", { type: "text", text: "SKIN FADES" },
handle: "Regular", { type: "text", text: "BEARD TRIMS" },
testimonial: "Never have to wait long, top quality service every single time.", { type: "text", text: "KIDS WELCOME" },
rating: 5, { type: "text", text: "FRIENDLY SERVICE" },
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg?_wi=1", ]}
}, />
{ </div>
name: "David K.",
handle: "Visitor",
testimonial: "Fantastic atmosphere and the attention to detail is unmatched.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg?_wi=1",
},
{
name: "James L.",
handle: "New Client",
testimonial: "First time here and definitely not the last. Best barbershop in town.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/barber-talking-with-elderly-client-hair-salon_23-2148182014.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/client-hairdresser-posing-selfie_23-2147778771.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/man-taking-selfie-with-barber_23-2147778770.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "PRECISION CUTS",
},
{
type: "text",
text: "SKIN FADES",
},
{
type: "text",
text: "BEARD TRIMS",
},
{
type: "text",
text: "KIDS WELCOME",
},
{
type: "text",
text: "FRIENDLY SERVICE",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TestimonialAboutCard <TestimonialAboutCard
useInvertedBackground={true} tag="About Us"
tag="About Us" title="Quality Grooming Since Day One"
title="Quality Grooming Since Day One" description="Located at 297 Ripponden Rd, we pride ourselves on delivering top-tier haircuts and beard trims that suit your style."
description="Located at 297 Ripponden Rd, we pride ourselves on delivering top-tier haircuts and beard trims that suit your style." subdescription="Our friendly atmosphere ensures every customer feels at home, whether you're coming in for a quick trim or a complete restyle."
subdescription="Our friendly atmosphere ensures every customer feels at home, whether you're coming in for a quick trim or a complete restyle." icon={Scissors}
icon={Scissors} imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg"
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg" mediaAnimation="slide-up"
mediaAnimation="slide-up" useInvertedBackground={true}
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardTwentySix <FeatureCardTwentySix
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { title: "Precision Skin Fades", description: "Crisp, clean fades designed to perfection.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg" },
title: "Precision Skin Fades", { title: "Men's Haircuts", description: "Classic and contemporary cuts for any style.", buttonIcon: User, imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstylist-cutting-costumer-s-hair_23-2148242837.jpg" },
description: "Crisp, clean fades designed to perfection.", { title: "Professional Beard Trims", description: "Grooming that keeps your beard sharp.", buttonIcon: Scissors, imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-man-with-machine_23-2147737071.jpg" },
buttonIcon: "Zap", { title: "Kids Haircuts", description: "Patience and skill for our younger clients.", buttonIcon: Smile, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-shaving-costumer-s-beard_23-2148242863.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg", ]}
}, title="Our Expert Services"
{ description="Professional grooming tailored for every man."
title: "Men's Haircuts", />
description: "Classic and contemporary cuts for any style.", </div>
buttonIcon: "User",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-hairstylist-cutting-costumer-s-hair_23-2148242837.jpg",
},
{
title: "Professional Beard Trims",
description: "Grooming that keeps your beard sharp.",
buttonIcon: "Scissors",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-man-with-machine_23-2147737071.jpg",
},
{
title: "Kids Haircuts",
description: "Patience and skill for our younger clients.",
buttonIcon: "Smile",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-shaving-costumer-s-beard_23-2148242863.jpg",
},
]}
title="Our Expert Services"
description="Professional grooming tailored for every man."
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardTen <TeamCardTen
useInvertedBackground={true} useInvertedBackground={true}
title="Meet the Team" title="Meet the Team"
tag="Experienced Barbers" tag="Experienced Barbers"
membersAnimation="slide-up" membersAnimation="slide-up"
members={[ members={[
{ { id: "t1", name: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg" },
id: "t1", { id: "t2", name: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg" },
name: "Lead Barber", { id: "t3", name: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg", ]}
}, memberVariant="card"
{ />
id: "t2", </div>
name: "Master Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",
},
{
id: "t3",
name: "Senior Groomer",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
},
]}
memberVariant="card"
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", title: "Great cut", quote: "Consistently great cuts, always clean and well managed.", name: "Mark R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg" },
id: "1", { id: "2", title: "Excellent", quote: "Friendly staff, affordable prices, would highly recommend.", name: "David L.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
title: "Great cut", { id: "3", title: "Top service", quote: "The go-to barber in Oldham for a clean fade.", name: "Chris B.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
quote: "Consistently great cuts, always clean and well managed.", { id: "4", title: "Patience", quote: "So patient with kids, highly recommend to families.", name: "Jenny P.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg" },
name: "Mark R.", { id: "5", title: "Reliable", quote: "Best service in town, never disappoints.", name: "Alan G.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
role: "Client", ]}
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-talking-with-client-hair-salon_23-2148181961.jpg?_wi=2", title="What Our Clients Say"
}, description="Rated 4.8 by over 130+ happy customers."
{ />
id: "2", </div>
title: "Excellent",
quote: "Friendly staff, affordable prices, would highly recommend.",
name: "David L.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg?_wi=2",
},
{
id: "3",
title: "Top service",
quote: "The go-to barber in Oldham for a clean fade.",
name: "Chris B.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg?_wi=2",
},
{
id: "4",
title: "Patience",
quote: "So patient with kids, highly recommend to families.",
name: "Jenny P.",
role: "Parent",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-caucasian-blonde-female-wearing-stylish-leather-dress-posing-fashion-photoshoot_181624-59478.jpg?_wi=2",
},
{
id: "5",
title: "Reliable",
quote: "Best service in town, never disappoints.",
name: "Alan G.",
role: "Client",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2",
},
]}
title="What Our Clients Say"
description="Rated 4.8 by over 130+ happy customers."
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "q1", title: "Do I need to book?", content: "Walk-ins are welcome, but booking is recommended for peak hours." },
id: "q1", { id: "q2", title: "Opening hours?", content: "We open daily at 9:00 AM." },
title: "Do I need to book?", { id: "q3", title: "Location?", content: "We are at 297 Ripponden Rd, Oldham." },
content: "Walk-ins are welcome, but booking is recommended for peak hours.", ]}
}, title="Common Questions"
{ description="Everything you need to know about your visit."
id: "q2", faqsAnimation="blur-reveal"
title: "Opening hours?", />
content: "We open daily at 9:00 AM.", </div>
},
{
id: "q3",
title: "Location?",
content: "We are at 297 Ripponden Rd, Oldham.",
},
]}
title="Common Questions"
description="Everything you need to know about your visit."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain", tag="Visit Us"
}} title="Book Your Appointment"
tag="Visit Us" description="Visit us at 297 Ripponden Rd or give us a call at +44 161 624 7837."
title="Book Your Appointment" buttons={[{ text: "Call Now", href: "tel:+441616247837" }]}
description="Visit us at 297 Ripponden Rd or give us a call at +44 161 624 7837." />
buttons={[ </div>
{
text: "Call Now",
href: "tel:+441616247837",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[
{ { title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
title: "Quick Links", { title: "Contact", items: [{ label: "Call Us", href: "tel:+441616247837" }] },
items: [ ]}
{ logoText="Hero Barbershop"
label: "About", />
href: "#about", </div>
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "Call Us",
href: "tel:+441616247837",
},
],
},
]}
logoText="Hero Barbershop"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }