Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -19,31 +19,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Clipper Club"
|
||||
/>
|
||||
@@ -55,35 +52,21 @@ export default function LandingPage() {
|
||||
description="Precision Cuts. Timeless Style. The premium barber experience in Durbanville."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg", imageAlt: "Barbershop interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Where Precision Meets Passion"
|
||||
description={[
|
||||
"Founded by Renaldo Da Silva, Clipper Club represents the perfect fusion of modern barbering techniques with time-honored traditions.",
|
||||
"We believe that every cut tells a story and every client deserves nothing less than perfection. Our master barbers don't just cut hair — they craft confidence, one precision cut at a time.",
|
||||
]}
|
||||
"Founded by Renaldo Da Silva, Clipper Club represents the perfect fusion of modern barbering techniques with time-honored traditions.", "We believe that every cut tells a story and every client deserves nothing less than perfection. Our master barbers don't just cut hair — they craft confidence, one precision cut at a time."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,19 +88,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Haircuts",
|
||||
description: "From zero fades to classic cuts.",
|
||||
},
|
||||
title: "Precision Haircuts", description: "From zero fades to classic cuts."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Beard Grooming",
|
||||
description: "Professional trims, shaping, and cleansing.",
|
||||
},
|
||||
title: "Beard Grooming", description: "Professional trims, shaping, and cleansing."},
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Traditional Shaves",
|
||||
description: "Hot towel shave rituals for the modern man.",
|
||||
},
|
||||
title: "Traditional Shaves", description: "Hot towel shave rituals for the modern man."},
|
||||
]}
|
||||
title="Professional Grooming"
|
||||
description="Comprehensive grooming services tailored to your style and needs."
|
||||
@@ -131,49 +106,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sharp Fade",
|
||||
price: "Groomed",
|
||||
variant: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sharp Fade", price: "Groomed", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Beard",
|
||||
price: "Styled",
|
||||
variant: "Beard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg",
|
||||
},
|
||||
id: "2", name: "Classic Beard", price: "Styled", variant: "Beard", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hot Towel Shave",
|
||||
price: "Luxury",
|
||||
variant: "Skin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-before-after-rhinoplasty_23-2149947584.jpg",
|
||||
},
|
||||
id: "3", name: "Hot Towel Shave", price: "Luxury", variant: "Skin", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-before-after-rhinoplasty_23-2149947584.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Full Groom",
|
||||
price: "Complete",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg",
|
||||
},
|
||||
id: "4", name: "Full Groom", price: "Complete", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Cut",
|
||||
price: "Precision",
|
||||
variant: "Hair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg",
|
||||
},
|
||||
id: "5", name: "Modern Cut", price: "Precision", variant: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Beard Ritual",
|
||||
price: "Classic",
|
||||
variant: "Beard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfortable-black-white-home-interior-design-generated-by-ai_188544-29099.jpg",
|
||||
},
|
||||
id: "6", name: "Beard Ritual", price: "Classic", variant: "Beard", imageSrc: "http://img.b2bpic.net/free-photo/comfortable-black-white-home-interior-design-generated-by-ai_188544-29099.jpg"},
|
||||
]}
|
||||
title="The Clipper Club Look"
|
||||
description="Real cuts. Real clients. Real confidence."
|
||||
@@ -186,60 +132,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
date: "2024-05-12",
|
||||
title: "Regular Client",
|
||||
quote: "Best haircut in Durbanville, hands down.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=2",
|
||||
imageAlt: "confident man groomed beard portrait",
|
||||
},
|
||||
id: "1", name: "Mark D.", date: "2024-05-12", title: "Regular Client", quote: "Best haircut in Durbanville, hands down.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-elegantly-dressed-young-man-with-stylish-beard-hair-holding-hand-chin-looking-camera-studio-photo-against-dark-wall-background_613910-20287.jpg", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg", imageAlt: "confident man groomed beard portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James L.",
|
||||
date: "2024-04-10",
|
||||
title: "Grooming Fan",
|
||||
quote: "The hot towel shave is a game changer.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg",
|
||||
imageAlt: "confident man groomed beard portrait",
|
||||
},
|
||||
id: "2", name: "James L.", date: "2024-04-10", title: "Grooming Fan", quote: "The hot towel shave is a game changer.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dog-lifestyle-care-with-owner_23-2149150804.jpg", imageAlt: "confident man groomed beard portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Peter R.",
|
||||
date: "2024-03-22",
|
||||
title: "Local Resident",
|
||||
quote: "Consistency every time I visit.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face_23-2148784406.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg",
|
||||
imageAlt: "confident man groomed beard portrait",
|
||||
},
|
||||
id: "3", name: "Peter R.", date: "2024-03-22", title: "Local Resident", quote: "Consistency every time I visit.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-half-his-face_23-2148784406.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg", imageAlt: "confident man groomed beard portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dave H.",
|
||||
date: "2024-02-15",
|
||||
title: "Loyal Customer",
|
||||
quote: "Top tier service from Renaldo and the team.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-guy-with-coat_23-2148248487.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=2",
|
||||
imageAlt: "confident man groomed beard portrait",
|
||||
},
|
||||
id: "4", name: "Dave H.", date: "2024-02-15", title: "Loyal Customer", quote: "Top tier service from Renaldo and the team.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-guy-with-coat_23-2148248487.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", imageAlt: "confident man groomed beard portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Samuel B.",
|
||||
date: "2024-01-20",
|
||||
title: "Weekly Regular",
|
||||
quote: "The shop atmosphere is perfect.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=2",
|
||||
imageAlt: "confident man groomed beard portrait",
|
||||
},
|
||||
id: "5", name: "Samuel B.", date: "2024-01-20", title: "Weekly Regular", quote: "The shop atmosphere is perfect.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", imageAlt: "confident man groomed beard portrait"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our local community in Durbanville."
|
||||
@@ -253,23 +154,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "loc-1",
|
||||
icon: MapPin,
|
||||
title: "Location",
|
||||
value: "Durbanville",
|
||||
},
|
||||
id: "loc-1", icon: MapPin,
|
||||
title: "Location", value: "Durbanville"},
|
||||
{
|
||||
id: "loc-2",
|
||||
icon: Phone,
|
||||
title: "Phone",
|
||||
value: "065 862 8814",
|
||||
},
|
||||
id: "loc-2", icon: Phone,
|
||||
title: "Phone", value: "065 862 8814"},
|
||||
{
|
||||
id: "loc-3",
|
||||
icon: Clock,
|
||||
title: "Hours",
|
||||
value: "8am - 6pm",
|
||||
},
|
||||
id: "loc-3", icon: Clock,
|
||||
title: "Hours", value: "8am - 6pm"},
|
||||
]}
|
||||
title="Visit Us"
|
||||
description="Located at The Village Square Centre."
|
||||
@@ -280,20 +172,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Booking"
|
||||
title="Book Your Appointment"
|
||||
description="Ready to experience the Clipper Club difference? Visit us at Village Square Centre."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0658628814",
|
||||
},
|
||||
text: "Call Now", href: "tel:0658628814"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -302,42 +189,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Locations",
|
||||
items: [
|
||||
title: "Locations", items: [
|
||||
{
|
||||
label: "Durbanville",
|
||||
href: "#",
|
||||
},
|
||||
label: "Durbanville", href: "#"},
|
||||
{
|
||||
label: "Pinehurst",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pinehurst", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user