152 lines
9.6 KiB
TypeScript
152 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Facebook, Instagram, Scissors, Sparkles, Square, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
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="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" },
|
|
{ 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" },
|
|
{ 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" },
|
|
{ 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" },
|
|
{ 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" }
|
|
]}
|
|
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"
|
|
/>
|
|
</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="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
|
|
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="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>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|