210 lines
13 KiB
TypeScript
210 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Calendar, Scissors, Star, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Prolific Barbershop"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "About", id: "about" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Premium Barbering at Prolific Orchards"
|
|
description="Experience expert craftsmanship and timeless grooming traditions. From precision haircuts to classic straight razor shaves, we deliver the perfect cut every time."
|
|
tag="Established Excellence"
|
|
tagIcon={Scissors}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665438.jpg"
|
|
imageAlt="Modern barbershop interior"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "contact" },
|
|
{ text: "View Services", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Us"
|
|
description={[
|
|
"Prolific Barbershop Orchards has been the cornerstone of premium grooming in our community for over a decade. Our commitment to excellence, quality service, and customer satisfaction sets us apart.", "We believe in preserving traditional barbershop culture while embracing modern grooming techniques. Every client receives personalized attention and expert care tailored to their unique style and preferences.", "Our team of experienced barbers is dedicated to delivering exceptional results that leave you looking and feeling your best."
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Meet Our Team", href: "team" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Our Services"
|
|
description="We offer a complete range of grooming services designed to keep you looking sharp and feeling confident."
|
|
tag="Premium Grooming"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/detail-hair-dresser-with-tools_23-2148108766.jpg"
|
|
imageAlt="Professional haircut service"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Precision Haircuts", content: "Expert haircuts tailored to your face shape and style preferences. We use premium tools and techniques to deliver clean lines and sharp fades every time."
|
|
},
|
|
{
|
|
id: "2", title: "Beard Grooming & Styling", content: "From beard trims to complete grooming packages, we'll help you maintain that perfect facial hair look. Includes beard oil conditioning and precise styling."
|
|
},
|
|
{
|
|
id: "3", title: "Classic Straight Razor Shaves", content: "Experience the traditional barbershop shave with our expert straight razor service. Hot towel treatments and premium aftershave included."
|
|
},
|
|
{
|
|
id: "4", title: "Hair Coloring & Treatments", content: "Professional hair coloring, highlights, and premium treatment services to keep your hair healthy and vibrant."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Book Service", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Join hundreds of satisfied customers who trust Prolific Barbershop Orchards for their grooming needs."
|
|
tag="Client Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Johnson, Business Owner", date: "Date: March 15, 2024", title: "Best Haircut I've Had in Years", quote: "The precision and attention to detail at Prolific Barbershop is unmatched. They understand exactly what I want and execute it perfectly every time. Highly recommend to anyone looking for quality grooming.", tag: "Premium Client", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-celebrating-major-project-milestone_482257-123691.jpg", avatarAlt: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg", imageAlt: "professional barber portrait headshot"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen, Professional", date: "Date: March 8, 2024", title: "Exceptional Service Every Visit", quote: "I've been going to Prolific for over 3 years. The consistency, professionalism, and friendly atmosphere keep me coming back. These barbers truly care about their craft.", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-looking-aside-smiling-cheerfully-happy-positive-standing-green-wall_141793-81770.jpg", avatarAlt: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", imageAlt: "experienced barber professional portrait"
|
|
},
|
|
{
|
|
id: "3", name: "James Williams, Executive", date: "Date: February 28, 2024", title: "True Barbershop Excellence", quote: "From the moment you walk in, you feel the quality. The grooming expertise, the atmosphere, and the personal touch make this place special. It's not just a haircut; it's an experience.", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", avatarAlt: "James Williams", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "professional male barber pose portrait"
|
|
},
|
|
{
|
|
id: "4", name: "Thomas Rodriguez, Entrepreneur", date: "Date: February 22, 2024", title: "Worth Every Penny", quote: "Finally found a barbershop that delivers on its promise of quality. The barbers are skilled professionals who take pride in their work. I recommend Prolific to all my colleagues.", tag: "Business Client", avatarSrc: "http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg", avatarAlt: "Thomas Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/detail-hair-dresser-with-tools_23-2148108766.jpg", imageAlt: "barber performing precision haircut"
|
|
},
|
|
{
|
|
id: "5", name: "Robert Thompson, Manager", date: "Date: February 15, 2024", title: "Fantastic Experience", quote: "The attention to detail and customer service is outstanding. Every visit feels personalized and professional. I've already recommended several friends and family members.", tag: "Satisfied Client", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-celebrating-major-project-milestone_482257-123691.jpg", avatarAlt: "Robert Thompson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg", imageAlt: "barber trimming beard grooming care"
|
|
},
|
|
{
|
|
id: "6", name: "Anthony Clark, Professional", date: "Date: February 8, 2024", title: "The Best in Town", quote: "No other barbershop comes close to the quality and service at Prolific. The barbers are true craftsmen who understand modern style and classic grooming.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-looking-aside-smiling-cheerfully-happy-positive-standing-green-wall_141793-81770.jpg", avatarAlt: "Anthony Clark", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-bearded-man-getting-his-beard-trimmed-by-professional-barber_7502-5664.jpg", imageAlt: "barber straight razor shave tradition"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTen
|
|
title="Meet Our Expert Barbers"
|
|
tag="Skilled Professionals"
|
|
tagAnimation="slide-up"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "1", name: "Marcus Rivera", imageSrc: "http://img.b2bpic.net/free-photo/sucessful-bearded-businessman-white-shirt-is-posing-dark-photo-studio_613910-17276.jpg", imageAlt: "Marcus Rivera, Head Barber"
|
|
},
|
|
{
|
|
id: "2", name: "James Patterson", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg", imageAlt: "James Patterson, Master Barber"
|
|
},
|
|
{
|
|
id: "3", name: "Christopher Lee", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "Christopher Lee, Specialist"
|
|
}
|
|
]}
|
|
memberVariant="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Your Perfect Look"
|
|
tagIcon={Calendar}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Experience Premium Grooming?"
|
|
description="Book your appointment today and discover why Prolific Barbershop Orchards is the preferred choice for discerning gentlemen. Walk-ins welcome, but appointments recommended."
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "https://calendly.com/example" },
|
|
{ text: "Call Us", href: "tel:+1234567890" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Prolific Barbershop"
|
|
copyrightText="© 2024 Prolific Barbershop Orchards. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Haircuts", href: "#services" },
|
|
{ label: "Beard Grooming", href: "#services" },
|
|
{ label: "Shaves", href: "#services" },
|
|
{ label: "Hair Coloring", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Team", href: "#team" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Phone", href: "tel:+1234567890" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |