268 lines
7.3 KiB
TypeScript
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>
|
|
);
|
|
}
|