226 lines
15 KiB
TypeScript
226 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Calendar, Camera, Scissors, Sparkles, Star, Users, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Team", id: "team" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
brandName="Kubazz"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
tag="Premium Barbershop"
|
|
tagIcon={Scissors}
|
|
tagAnimation="slide-up"
|
|
title="Kubazz Barbershop"
|
|
description="Experience precision grooming and timeless style in our premium barbershop. Expert barbers dedicated to giving you the perfect cut, every time."
|
|
buttons={[
|
|
{ text: "Book Your Cut", href: "contact" },
|
|
{ text: "Book Your Appointment", href: "services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg", imageAlt: "Premium barbershop interior with skilled barber" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-fade-cut-man-s-hair_1304-2761.jpg?_wi=1", imageAlt: "Expert barber performing precision fade" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg?_wi=1", imageAlt: "Professional beard grooming service" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg?_wi=1", imageAlt: "Luxurious hot shave experience" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg?_wi=1", imageAlt: "Professional hair coloring service" }
|
|
]}
|
|
ariaLabel="Kubazz Barbershop hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
tag="Our Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="blur-reveal"
|
|
title="Premium Grooming Services"
|
|
description="From classic cuts to modern styles, we offer comprehensive grooming solutions tailored to your preferences"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Book Now", href: "contact" }]}
|
|
buttonAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Precision Haircuts", description: "Expert fades, modern cuts, and classic styles executed with precision. Every cut is customized to your face shape and preferences.", imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-fade-cut-man-s-hair_1304-2761.jpg?_wi=2", imageAlt: "Precision barber haircut service"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Beard Grooming", description: "Professional beard trimming, shaping, and conditioning. Keep your beard looking sharp and well-maintained with our expert care.", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg?_wi=2", imageAlt: "Professional beard grooming and styling"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Hot Shave Experience", description: "Traditional hot lather shave with straight razor technique. A luxurious experience that leaves your skin smooth and refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/long-bearded-man-looking-clothes-hanging-rail-shop_23-2148175632.jpg?_wi=2", imageAlt: "Premium hot shave barbershop service"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Hair Coloring", description: "Professional men's hair coloring and tinting services. Enhance your look with custom color treatments applied by expert stylists.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-beard-senior-client-salon_23-2148182003.jpg?_wi=2", imageAlt: "Professional hair coloring application"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
tag="Our Team"
|
|
tagIcon={Users}
|
|
tagAnimation="blur-reveal"
|
|
title="Meet Our Expert Barbers"
|
|
description="Skilled professionals with years of experience in precision grooming and customer service"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="scale-rotate"
|
|
members={[
|
|
{
|
|
id: "1", name: "Marco S.", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-with-tattooed-arms-dressed-shirt-posing-grey-background_613910-2010.jpg", imageAlt: "Marco S., Head Barber at Kubazz"
|
|
},
|
|
{
|
|
id: "2", name: "Alex T.", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-bearded-hipster-male-with-crossed-arms-dressed-blue-fleece-shirt_613910-1526.jpg", imageAlt: "Alex T., Senior Barber at Kubazz"
|
|
},
|
|
{
|
|
id: "3", name: "James C.", role: "Master Stylist", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-12280.jpg", imageAlt: "James C., Master Stylist at Kubazz"
|
|
},
|
|
{
|
|
id: "4", name: "David L.", role: "Specialist", imageSrc: "http://img.b2bpic.net/free-photo/confused-bearded-guy-expressing-genuine-reaction-having-puzzled-clueless-look-doesn-t-know-how-answer-tricky-question-posing-isolated-human-reaction-feelings-attitude_343059-1708.jpg", imageAlt: "David L., Specialist at Kubazz"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
tag="Client Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="blur-reveal"
|
|
title="What Our Clients Say"
|
|
description="Real feedback from satisfied customers who trust Kubazz for their grooming needs"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "John M.", date: "Date: 15 December 2024", title: "Best barber in town!", quote: "Marco and the team at Kubazz deliver exceptional quality every single time. The attention to detail is unmatched, and I always leave looking and feeling great. Highly recommend!", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg", avatarAlt: "John M., happy client"
|
|
},
|
|
{
|
|
id: "2", name: "Robert K.", date: "Date: 10 December 2024", title: "Professional and welcoming", quote: "The atmosphere is relaxing, the barbers are true professionals, and they listen to exactly what you want. I've been coming here for months and I'm never disappointed with my cut.", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg", avatarAlt: "Robert K., satisfied customer"
|
|
},
|
|
{
|
|
id: "3", name: "Michael D.", date: "Date: 5 December 2024", title: "Exceeded expectations", quote: "I was nervous trying a new barbershop, but Kubazz completely exceeded my expectations. Alex gave me the perfect fade and even provided styling tips. Will definitely be back!", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg", avatarAlt: "Michael D., new customer"
|
|
},
|
|
{
|
|
id: "4", name: "Chris P.", date: "Date: 1 December 2024", title: "Premium experience worth every penny", quote: "From the hot shave to the final styling, every moment at Kubazz feels premium. The barbers take their time and truly care about your satisfaction. Absolutely worth the visit!", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg", avatarAlt: "Chris P., premium member"
|
|
},
|
|
{
|
|
id: "5", name: "James W.", date: "Date: 28 November 2024", title: "Can't find better craftsmanship", quote: "The precision and craftsmanship at Kubazz is incredible. Whether it's a simple trim or a detailed design, these guys know their craft. I trust them completely with my look.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg", avatarAlt: "James W., regular client"
|
|
},
|
|
{
|
|
id: "6", name: "Thomas R.", date: "Date: 20 November 2024", title: "Best decision I made", quote: "Switching to Kubazz was one of the best decisions I've made. The team is professional, friendly, and genuinely care about giving you the perfect cut every time.", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/senior-client-estimating-work-barber-mirror_23-2148181883.jpg", avatarAlt: "Thomas R., loyal customer"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardTwo
|
|
tag="Portfolio"
|
|
tagIcon={Camera}
|
|
tagAnimation="blur-reveal"
|
|
title="Our Work Gallery"
|
|
description="Showcase of precision cuts and professional grooming transformations by our expert barbers"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="scale-rotate"
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Kubazz", name: "Modern Fade Cut", price: "Expert Cut", rating: 5,
|
|
reviewCount: "128 clients", imageSrc: "http://img.b2bpic.net/free-psd/barber-shop-web-template_23-2148818957.jpg", imageAlt: "Modern fade haircut style"
|
|
},
|
|
{
|
|
id: "2", brand: "Kubazz", name: "Design Line Work", price: "Custom Design", rating: 5,
|
|
reviewCount: "95 clients", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-groomed_23-2150668466.jpg", imageAlt: "Haircut with precision line design"
|
|
},
|
|
{
|
|
id: "3", brand: "Kubazz", name: "Trendy Style Cut", price: "Modern Style", rating: 5,
|
|
reviewCount: "112 clients", imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut_140725-7893.jpg", imageAlt: "Trendy contemporary men's haircut"
|
|
},
|
|
{
|
|
id: "4", brand: "Kubazz", name: "Classic Traditional", price: "Timeless Look", rating: 5,
|
|
reviewCount: "87 clients", imageSrc: "http://img.b2bpic.net/free-photo/blurred-hairdresser-cutting-client-hair_23-2148256893.jpg", imageAlt: "Classic traditional barbershop cut"
|
|
},
|
|
{
|
|
id: "5", brand: "Kubazz", name: "Textured Finish", price: "Texture Design", rating: 5,
|
|
reviewCount: "104 clients", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-getting-haircut_23-2148465218.jpg", imageAlt: "Textured men's haircut design"
|
|
},
|
|
{
|
|
id: "6", brand: "Kubazz", name: "Premium Styling", price: "Expert Finish", rating: 5,
|
|
reviewCount: "118 clients", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-getting-haircut_23-2148224309.jpg", imageAlt: "Premium professional haircut result"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready for Your Perfect Cut?"
|
|
tagIcon={Calendar}
|
|
tagAnimation="blur-reveal"
|
|
title="Book Your Appointment Today"
|
|
description="Located at 123 Main St, open Mon-Sat 10am-8pm. Call us at (555) 123-4567 or visit our location to schedule your grooming session. Walk-ins also welcome!"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+15551234567" },
|
|
{ text: "Get Directions", href: "https://maps.google.com" }
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Kubazz"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|