397 lines
12 KiB
TypeScript
397 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Scissors, Smile, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "pricing",
|
|
},
|
|
{
|
|
name: "Team",
|
|
id: "team",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Brookside Barbers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Brookside Barbers"
|
|
description="Experience luxury grooming in the heart of Coral Springs. Professional, clean, and dedicated service for the modern gentleman."
|
|
buttons={[
|
|
{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/stylish-male-azure-jacket-holds-sunglasses-grey-background_613910-13767.jpg?_wi=1"
|
|
imageAlt="Luxury barber shop interior"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Exceptional Service, Professional Vibe"
|
|
description="Located inside Brookside Square, we offer an upscale, clean, and welcoming environment. Our expert team focuses on precision grooming and personalized care for every client."
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-lovely-dog-woman_23-2148777164.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Good for Kids",
|
|
description: "Patient and professional service for young gentlemen.",
|
|
icon: Smile,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-school-boy-is-getting-trendy-hairstyle-from-expirienced-hairdresser-modern-barbershop_613910-21401.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-smiling-boy-getting-haircut-against-brick-wall_613910-19679.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-male-azure-jacket-holds-sunglasses-grey-background_613910-13767.jpg?_wi=2",
|
|
imageAlt: "barber haircut kids service",
|
|
},
|
|
{
|
|
title: "Premium Restroom",
|
|
description: "Clean, modern facilities for our clients' convenience.",
|
|
icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-space-with-modern-style-furniture_23-2150864622.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design-style_23-2150700334.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lovely-dog-woman_23-2148777164.jpg?_wi=2",
|
|
imageAlt: "barber haircut kids service",
|
|
},
|
|
{
|
|
title: "Precision Grooming",
|
|
description: "High-end tools and techniques for the perfect cut.",
|
|
icon: Scissors,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg?_wi=1",
|
|
imageAlt: "barber haircut kids service",
|
|
},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="We blend precision with comfort, ensuring a premium experience every time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
badge: "Essential",
|
|
price: "$30",
|
|
subtitle: "Precision Haircut",
|
|
features: [
|
|
"Consultation",
|
|
"Precision Cut",
|
|
"Hot Towel",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Book",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "deluxe",
|
|
badge: "Popular",
|
|
price: "$50",
|
|
subtitle: "Full Grooming",
|
|
features: [
|
|
"Precision Cut",
|
|
"Beard Trim",
|
|
"Hot Towel",
|
|
"Facial Treatment",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Book",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "kids",
|
|
badge: "Kids",
|
|
price: "$25",
|
|
subtitle: "Young Gentleman",
|
|
features: [
|
|
"Child Consultation",
|
|
"Precision Cut",
|
|
"Friendly Service",
|
|
],
|
|
buttons: [
|
|
{
|
|
text: "Book",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
title="Grooming Packages"
|
|
description="Transparent pricing for exceptional results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "t1",
|
|
name: "Miguel",
|
|
role: "Master Barber",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-razor_23-2147839800.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Alexis",
|
|
role: "Senior Stylist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-salon_52683-111009.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sarah",
|
|
role: "Stylist",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-barber-man-apron-holding-hair-cutting-machine-clenching-fist-with-aggressive-expression-standing-purple-wall_141793-48447.jpg",
|
|
},
|
|
]}
|
|
title="Meet Your Barbers"
|
|
description="Our professional team is dedicated to your look and comfort."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Michael Hoffman",
|
|
role: "Client",
|
|
company: "Local Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Miguel Martinez Moran",
|
|
role: "Client",
|
|
company: "Local Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Alexis Cruz",
|
|
role: "Client",
|
|
company: "Local Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "John Doe",
|
|
role: "Client",
|
|
company: "Local Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jane Smith",
|
|
role: "Client",
|
|
company: "Local Resident",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-pinecone-red-wall_114579-55965.jpg",
|
|
},
|
|
]}
|
|
title="Client Feedback"
|
|
description="See why we're the preferred shop in Brookside Square."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Do you accept walk-ins?",
|
|
content: "We recommend booking, but we often accommodate walk-ins when possible.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Where are you located?",
|
|
content: "We are located inside Brookside Square at 10693 Wiles Rd, Coral Springs, FL 33076.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Are children welcome?",
|
|
content: "Yes, we are kid-friendly and provide great service for children.",
|
|
},
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Common questions about our services and location."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Get In Touch"
|
|
description="Call us at (786) 378-0141 or send us a message below."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Your Email",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Your questions or appointment requests",
|
|
required: true,
|
|
rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/client-getting-new-haircut-from_23-2148257046.jpg"
|
|
logoText="Brookside Barbers"
|
|
columns={[
|
|
{
|
|
title: "Location",
|
|
items: [
|
|
{
|
|
label: "10693 Wiles Rd, Coral Springs, FL 33076",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "(786) 378-0141",
|
|
href: "tel:7863780141",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Haircut",
|
|
href: "#pricing",
|
|
},
|
|
{
|
|
label: "Beard Trim",
|
|
href: "#pricing",
|
|
},
|
|
{
|
|
label: "Kids Cut",
|
|
href: "#pricing",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Brookside Barbers"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|