Files
df43f67f-e4e6-40c8-a35b-3ff…/src/app/page.tsx
2026-04-07 01:24:59 +00:00

268 lines
7.3 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Clock, Scissors, Star } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="mediumLargeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Barbers",
id: "/barbers",
},
{
name: "Services",
id: "/services",
},
{
name: "Reviews",
id: "/reviews",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Book Now",
id: "/contact",
},
]}
brandName="Lake Wales Finest"
/>
</div>
<div id="home-hero" data-section="home-hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
title="Lake Wales' Finest Barbershop"
description="Where tradition meets precision. Experience a high-energy, chill atmosphere with barbers who take their time to get you right every single time."
kpis={[
{
value: "5.0",
label: "Rated",
},
{
value: "3+",
label: "Years Loyal",
},
{
value: "All",
label: "Hair Types",
},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg"
imageAlt="Barbershop shop interior"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-grey-background_613910-13829.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-non-binary-person-modern-clothes_23-2148760570.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-front-white-curtain_23-2148184880.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-hairstylist_23-2150754690.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Fades",
},
{
type: "text",
text: "Beard Trims",
},
{
type: "text",
text: "Classic Cuts",
},
{
type: "text",
text: "Hot Towels",
},
{
type: "text",
text: "Precision Styling",
},
]}
mediaAnimation="slide-up"
/>
</div>
<div id="home-about" data-section="home-about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="The Lake Wales Vibe"
description="We don't rush your cut. Whether it's your first time or your hundredth, we provide top-tier environment, premium precision, and a space where you feel comfortable."
bulletPoints={[
{
title: "Chill Atmosphere",
description: "High-energy but laid back, where you're always welcome.",
},
{
title: "Expert Precision",
description: "Three veteran barbers who specialize in every hair type.",
},
{
title: "Walk-Ins Welcome",
description: "Always ready for you, no appointment needed.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Get all your questions answered about your next visit."
faqs={[
{
id: "1",
title: "Do I need an appointment?",
content: "We welcome walk-ins, but booking is recommended for guaranteed spots.",
},
{
id: "2",
title: "What is the price range?",
content: "Our cuts range from $20-$40 depending on the stylist and service complexity.",
},
]}
faqsAnimation="slide-up"
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Our Community"
description="Serving the Lake Wales area with pride."
names={[
"Local Businesses",
"Veteran Groups",
"Students",
"Athletes",
"Community Leaders",
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Impact"
description="Numbers behind the quality."
metrics={[
{
id: "m1",
icon: Scissors,
title: "Cuts Weekly",
value: "150+",
},
{
id: "m2",
icon: Star,
title: "Satisfaction Rate",
value: "100%",
},
{
id: "m3",
icon: Clock,
title: "Average Wait",
value: "15m",
},
]}
/>
</div>
<div id="home-footer" data-section="home-footer">
<FooterSimple
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "/",
},
{
label: "Barbers",
href: "/barbers",
},
{
label: "Services",
href: "/services",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Lake Wales Finest Barbershop"
bottomRightText="Lake Wales, Florida"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}