Merge version_1 into main #2
434
src/app/page.tsx
434
src/app/page.tsx
@@ -27,336 +27,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Master's Touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Master's Touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Fresh Cuts. Clean Fades. Professional Service."
|
||||
description="Trusted local barbershop in Statham, GA with 4.7 stars. Experience the master's touch for your next style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@local",
|
||||
testimonial: "Always professional and consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern dark",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@local",
|
||||
testimonial: "Nice atmosphere, good people.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg?_wi=1",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
{
|
||||
name: "Chris S.",
|
||||
handle: "@local",
|
||||
testimonial: "Takes a lot of pride in his work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg?_wi=1",
|
||||
imageAlt: "fade haircut detail side view",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@local",
|
||||
testimonial: "Best fade I've had in a long time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg?_wi=1",
|
||||
imageAlt: "barbershop chair and mirror",
|
||||
},
|
||||
{
|
||||
name: "Brian K.",
|
||||
handle: "@local",
|
||||
testimonial: "My go-to barbershop in Statham.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg?_wi=1",
|
||||
imageAlt: "beard trim close up",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17707250061",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2153.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Clean Fades",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Style",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Fresh Cuts. Clean Fades. Professional Service."
|
||||
description="Trusted local barbershop in Statham, GA with 4.7 stars. Experience the master's touch for your next style."
|
||||
testimonials={[
|
||||
{ name: "John D.", handle: "@local", testimonial: "Always professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg" },
|
||||
{ name: "Mike R.", handle: "@local", testimonial: "Nice atmosphere, good people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg" },
|
||||
{ name: "Chris S.", handle: "@local", testimonial: "Takes a lot of pride in his work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg" },
|
||||
{ name: "David L.", handle: "@local", testimonial: "Best fade I've had in a long time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg" },
|
||||
{ name: "Brian K.", handle: "@local", testimonial: "My go-to barbershop in Statham.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+17707250061" }, { text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Master's Touch Experience"
|
||||
description="At Master's Touch Barbershop, we believe in more than just a haircut. We provide an experienced, professional service where every detail matters. We take pride in building strong customer relationships, ensuring you leave looking your best in a friendly, welcoming environment."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Fades",
|
||||
description: "Precision cutting for all modern styles.",
|
||||
},
|
||||
{
|
||||
title: "Welcoming Atmosphere",
|
||||
description: "Relax in a shop built for local comfort.",
|
||||
},
|
||||
{
|
||||
title: "Master Craftsmanship",
|
||||
description: "Experienced barber dedicated to quality results.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Master's Touch Experience"
|
||||
description="At Master's Touch Barbershop, we believe in more than just a haircut. We provide an experienced, professional service where every detail matters. We take pride in building strong customer relationships, ensuring you leave looking your best in a friendly, welcoming environment."
|
||||
bulletPoints={[
|
||||
{ title: "Expert Fades", description: "Precision cutting for all modern styles." },
|
||||
{ title: "Welcoming Atmosphere", description: "Relax in a shop built for local comfort." },
|
||||
{ title: "Master Craftsmanship", description: "Experienced barber dedicated to quality results." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/annoyed-young-male-barber-wearing-glasses-red-shirt-barber-apron-holding-hair-spray-comb-looking-side-isolated-blue-background_141793-138011.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts",
|
||||
description: "Classic and contemporary cuts for all hair types.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg?_wi=1",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
title: "Precision Fades",
|
||||
description: "Clean, sharp fades that set the standard.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg?_wi=1",
|
||||
imageAlt: "man smiling after haircut",
|
||||
},
|
||||
{
|
||||
title: "Beard Trims",
|
||||
description: "Keep your facial hair sharp and groomed.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg?_wi=1",
|
||||
imageAlt: "confident man portrait",
|
||||
},
|
||||
{
|
||||
title: "Shape-Ups",
|
||||
description: "Refine your edges for a polished look.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Square,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg?_wi=1",
|
||||
imageAlt: "man looking clean cut",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium grooming solutions tailored to your individual style."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Haircuts", description: "Classic and contemporary cuts for all hair types.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Precision Fades", description: "Clean, sharp fades that set the standard.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Beard Trims", description: "Keep your facial hair sharp and groomed.", bentoComponent: "reveal-icon", icon: Sparkles },
|
||||
{ title: "Shape-Ups", description: "Refine your edges for a polished look.", bentoComponent: "reveal-icon", icon: Square }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium grooming solutions tailored to your individual style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@statham",
|
||||
testimonial: "Takes a lot of pride in his work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@statham",
|
||||
testimonial: "Nice atmosphere, good people.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris S.",
|
||||
handle: "@statham",
|
||||
testimonial: "Always professional and consistent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@statham",
|
||||
testimonial: "Best fade I've had in a long time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brian K.",
|
||||
handle: "@statham",
|
||||
testimonial: "My go-to barbershop in Statham.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2153.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from the Statham community."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John D.", handle: "@statham", testimonial: "Takes a lot of pride in his work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg" },
|
||||
{ id: "2", name: "Mike R.", handle: "@statham", testimonial: "Nice atmosphere, good people.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queen-posing-real-context_23-2151156394.jpg" },
|
||||
{ id: "3", name: "Chris S.", handle: "@statham", testimonial: "Always professional and consistent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-curly-haired-woman-looks-attentively-camera-has-calm-expression-healthy-skin-natural-beauty-wears-casual-turtleneck-isolated-vivid-red-background-listens-interlocutor_273609-57964.jpg" },
|
||||
{ id: "4", name: "David L.", handle: "@statham", testimonial: "Best fade I've had in a long time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg" },
|
||||
{ id: "5", name: "Brian K.", handle: "@statham", testimonial: "My go-to barbershop in Statham.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2153.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from the Statham community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sharp Fade",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Barbershop Interior",
|
||||
price: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Precision Beard",
|
||||
price: "Groomed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Style Portfolio",
|
||||
price: "View More",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Check out some of our recent fades and styles."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Sharp Fade", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg" },
|
||||
{ id: "p2", name: "Barbershop Interior", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-shaving-client-near-mirror_23-2147778757.jpg" },
|
||||
{ id: "p3", name: "Precision Beard", price: "Groomed", imageSrc: "http://img.b2bpic.net/free-photo/master-applying-shaving-foam-client-face_1153-9444.jpg" },
|
||||
{ id: "p4", name: "Style Portfolio", price: "View More", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middleaged-businessman-looking-away-black-flare-background_176420-55246.jpg" }
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Check out some of our recent fades and styles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Ready for a Fresh Cut?"
|
||||
description="Located at 1980 Railroad St, Statham, GA 30666. Call us at (770) 725-0061 or book an appointment through our site."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17707250061",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready for a Fresh Cut?"
|
||||
description="Located at 1980 Railroad St, Statham, GA 30666. Call us at (770) 725-0061 or book an appointment through our site."
|
||||
buttons={[{ text: "Call Now", href: "tel:+17707250061" }, { text: "Book Appointment", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Master's Touch"
|
||||
copyrightText="© 2025 Master's Touch Barbershop LLC"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Master's Touch"
|
||||
copyrightText="© 2025 Master's Touch Barbershop LLC"
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user