136 lines
7.1 KiB
TypeScript
136 lines
7.1 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="large"
|
||
background="grid"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{ name: "Home", id: "hero" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Services", id: "services" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
brandName="Harrison Barber"
|
||
button={{ text: "Book Now", href: "tel:5550123456" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
background={{ variant: "plain" }}
|
||
title="Harrison Barber & Styling"
|
||
description="Trusted Local Barber for Over 25 Years. Great haircuts, fair prices, and friendly service."
|
||
buttons={[{ text: "Call Now", href: "tel:5550123456" }]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Barber 5" },
|
||
]}
|
||
marqueeItems={[
|
||
{ type: "text", text: "Classic Cuts" },
|
||
{ type: "text", text: "Hot Towel Shaves" },
|
||
{ type: "text", text: "Beard Grooming" },
|
||
{ type: "text", text: "Senior Discounts" },
|
||
{ type: "text", text: "Local Favorite" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{ type: "text", content: "A Family-Owned Tradition" },
|
||
{ type: "image", src: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg", alt: "Barber shop experience" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ id: "s1", title: "Men’s Haircuts", description: "Classic and modern styles for every customer.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||
{ id: "s2", title: "Beard Trims", description: "Expert trimming and grooming.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||
{ id: "s3", title: "Walk-ins Welcome", description: "Just stop by, we'll get you taken care of.", imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||
]}
|
||
title="Our Services"
|
||
description="Simple, straightforward quality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Mark R.", role: "Long-time Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||
{ id: "2", name: "Sarah J.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" },
|
||
{ id: "3", name: "David K.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg" },
|
||
{ id: "4", name: "John P.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg" },
|
||
{ id: "5", name: "Mike D.", role: "Client", company: "Chattanooga Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" },
|
||
]}
|
||
title="What Our Neighbors Say"
|
||
description="Trusted by our community for over two decades."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Visit Us"
|
||
description="Stop by today or give us a call. No appointments needed. Cash or check only.\nHours: Tue-Sat 9am-5pm. Location: 123 Barber St, Chattanooga, TN."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||
{ name: "phone", type: "tel", placeholder: "Your Phone" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196236.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{ title: "Hours", items: [{ label: "Tue-Sat: 9am - 5pm" }, { label: "Sun-Mon: Closed" }] },
|
||
{ title: "Location", items: [{ label: "123 Barber St, Chattanooga, TN" }] },
|
||
]}
|
||
bottomLeftText="© 2024 Harrison Barber & Styling"
|
||
bottomRightText="Cash or Check Only"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |