193 lines
11 KiB
TypeScript
193 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { Scissors } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="fluid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Custom Barbers"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Call Us", href: "tel:(714)526-1691"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Premium Barbershop Experience in Fullerton"
|
|
description="Walk-in friendly barbershop offering expert men's haircuts, fades, trims, and family services. No appointment needed — come early to avoid the rush. Located at 121 Raymond Ave, Fullerton, CA."
|
|
tag="Open Today"
|
|
tagIcon={Scissors}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{
|
|
text: "Call (714) 526-1691", href: "tel:(714)526-1691"
|
|
},
|
|
{
|
|
text: "Get Directions", href: "https://maps.google.com/?q=121+Raymond+Ave+Fullerton+CA+92831"
|
|
}
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
carouselItems={[
|
|
{
|
|
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-client-s-hair-his-shop_23-2149186530.jpg?_wi=1", imageAlt: "Professional barbershop interior"
|
|
},
|
|
{
|
|
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=1", imageAlt: "Expert fade haircut service"
|
|
},
|
|
{
|
|
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg?_wi=1", imageAlt: "Professional beard trim"
|
|
},
|
|
{
|
|
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kid-getting-haircut_23-2149870362.jpg?_wi=1", imageAlt: "Friendly kids haircut service"
|
|
},
|
|
{
|
|
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-client-s-hair-his-shop_23-2149186530.jpg?_wi=2", imageAlt: "Clean barbershop workspace"
|
|
},
|
|
{
|
|
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=2", imageAlt: "Quality haircut services"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
title="Our Services"
|
|
description="Professional barbershop services for the whole family, from classic fades to precision trims."
|
|
features={[
|
|
{
|
|
id: "01", title: "Men's Haircuts", description: "Expert fades, clean lines, and classic cuts. Fast service without appointments.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=3", imageAlt: "Professional fade haircut"
|
|
},
|
|
{
|
|
id: "02", title: "Beard Trimming", description: "Precision beard shaping and grooming. Professional styling and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg?_wi=2", imageAlt: "Professional beard trim service"
|
|
},
|
|
{
|
|
id: "03", title: "Kids Haircuts", description: "Family-friendly atmosphere. Gentle, professional service for children.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kid-getting-haircut_23-2149870362.jpg?_wi=2", imageAlt: "Kids haircut service"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardFive
|
|
title="What Our Clients Say"
|
|
description="Trusted by the Fullerton community for quality haircuts, fair prices, and excellent service."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Dennis Martel, Regular Customer", date: "Date: 6 months ago", title: "Very Clean & Nice People", quote: "Very clean barbershop with nice people. I'm guessing it's family owned. Good cuts, fair prices, never a long wait. I have been there many times.", tag: "5-Star Review", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg", avatarAlt: "Dennis Martel", imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-client-s-hair-his-shop_23-2149186530.jpg?_wi=3", imageAlt: "Clean barbershop interior"
|
|
},
|
|
{
|
|
id: "2", name: "Alexander Rische, Neighborhood Regular", date: "Date: 8 years ago", title: "Great Neighborhood Barbershop", quote: "Just a great neighborhood barbershop with excellent prices and service.", tag: "5-Star Review", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307060.jpg", avatarAlt: "Alexander Rische", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg?_wi=4", imageAlt: "Professional haircut service"
|
|
},
|
|
{
|
|
id: "3", name: "David Park, Satisfied Client", date: "Date: 1 month ago", title: "Excellent Haircuts & Attention to Detail", quote: "If you need a good cut, no appointment needed. Come early — I usually show up at 8am, no one is around. Cost for a cut is $23. Highly attentive barbers who remember you.", tag: "5-Star Review", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", avatarAlt: "David Park", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-cutting-beard-man_23-2147778905.jpg?_wi=3", imageAlt: "Professional grooming service"
|
|
},
|
|
{
|
|
id: "4", name: "Fernando Hernandez, Brother's Recommendation", date: "Date: 1 year ago", title: "Excellent Barber Skills", quote: "My brother told me about them when I asked him about his clean fade. The older gentleman in the middle is very good. Highly recommend!", tag: "5-Star Review", avatarSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-relaxed-man-resting-while-sitting-chair-office-smiling-camera-putting-hands-together-isolated-gray_171337-643.jpg", avatarAlt: "Fernando Hernandez", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kid-getting-haircut_23-2149870362.jpg?_wi=3", imageAlt: "Family-friendly barbershop"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for your next haircut? Visit Custom Barbers today. Open now, walk-ins welcome."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{
|
|
text: "Call (714) 526-1691", href: "tel:(714)526-1691"
|
|
},
|
|
{
|
|
text: "Leave a Review", href: "https://www.google.com/maps/place/Custom+Barbers/@33.883,-117.895,15z/data=!4m6!3m5!1s0x80dcf1234567890a:0x1234567890abcdef!8m2!3d33.883!4d-117.895!16s%2Fg%2F11234567890"
|
|
}
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Location", items: [
|
|
{
|
|
label: "121 Raymond Ave, Fullerton, CA 92831", href: "https://maps.google.com/?q=121+Raymond+Ave+Fullerton+CA+92831"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{
|
|
label: "Open Today - Closes 7 PM", href: "#"
|
|
},
|
|
{
|
|
label: "Walk-Ins Welcome", href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Call (714) 526-1691", href: "tel:(714)526-1691"
|
|
},
|
|
{
|
|
label: "Get Directions", href: "https://maps.google.com/?q=121+Raymond+Ave+Fullerton+CA+92831"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Reviews", items: [
|
|
{
|
|
label: "Google Reviews (4.2★)", href: "https://www.google.com/maps/place/Custom+Barbers/@33.883,-117.895,15z/data=!4m6!3m5!1s0x80dcf1234567890a:0x1234567890abcdef!8m2!3d33.883!4d-117.895!16s%2Fg%2F11234567890"
|
|
},
|
|
{
|
|
label: "Leave a Review", href: "https://www.google.com/maps/place/Custom+Barbers/@33.883,-117.895,15z/data=!4m6!3m5!1s0x80dcf1234567890a:0x1234567890abcdef!8m2!3d33.883!4d-117.895!16s%2Fg%2F11234567890"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Custom Barbers. All rights reserved."
|
|
bottomRightText="Fullerton's Premier Barbershop"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|