|
|
|
|
@@ -14,16 +14,16 @@ import { Calendar, Camera, Scissors, Sparkles, Star, Users, MapPin } from "lucid
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="compact"
|
|
|
|
|
sizing="largeSmall"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
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
|
|
|
|
|
@@ -67,13 +67,13 @@ export default function LandingPage() {
|
|
|
|
|
<FeatureCardSix
|
|
|
|
|
tag="Our Services"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
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="slide-up"
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
@@ -99,13 +99,13 @@ export default function LandingPage() {
|
|
|
|
|
<TeamCardOne
|
|
|
|
|
tag="Our Team"
|
|
|
|
|
tagIcon={Users}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
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="slide-up"
|
|
|
|
|
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"
|
|
|
|
|
@@ -127,7 +127,7 @@ export default function LandingPage() {
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
tag="Client Reviews"
|
|
|
|
|
tagIcon={Star}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
|
title="What Our Clients Say"
|
|
|
|
|
description="Real feedback from satisfied customers who trust Kubazz for their grooming needs"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -159,12 +159,12 @@ export default function LandingPage() {
|
|
|
|
|
<ProductCardTwo
|
|
|
|
|
tag="Portfolio"
|
|
|
|
|
tagIcon={Camera}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
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="slide-up"
|
|
|
|
|
animationType="scale-rotate"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
products={[
|
|
|
|
|
@@ -200,14 +200,14 @@ export default function LandingPage() {
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Ready for Your Perfect Cut?"
|
|
|
|
|
tagIcon={Calendar}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
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="slide-up"
|
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -222,4 +222,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
