Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CPT Mediterranean"
|
||||
/>
|
||||
@@ -55,17 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Master Grooming in the Heart of Cape Town"
|
||||
description="Experience the perfect blend of Mediterranean tradition and modern styling at CPT Mediterranean Barber Shop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg"
|
||||
imageAlt="Barber shop interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,19 +66,13 @@ export default function LandingPage() {
|
||||
description="CPT Mediterranean Barber Shop provides world-class grooming services in the Cape Town City Centre. Our masters bring years of expertise to every cut."
|
||||
metrics={[
|
||||
{
|
||||
value: "312+",
|
||||
title: "Verified Reviews",
|
||||
},
|
||||
value: "312+", title: "Verified Reviews"},
|
||||
{
|
||||
value: "4.9★",
|
||||
title: "Rating",
|
||||
},
|
||||
value: "4.9★", title: "Rating"},
|
||||
{
|
||||
value: "10+ Yrs",
|
||||
title: "Experience",
|
||||
},
|
||||
value: "10+ Yrs", title: "Experience"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg"
|
||||
imageAlt="Hot towel shave service"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -103,49 +86,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "The ultimate luxury treatment for a perfectly smooth result.",
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shave", description: "The ultimate luxury treatment for a perfectly smooth result.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg?_wi=2",
|
||||
imageAlt: "man looking sharp in mirror",
|
||||
},
|
||||
{
|
||||
title: "Precision Fade",
|
||||
description: "Clean lines and expert blending for your modern cut.",
|
||||
icon: Scissors,
|
||||
title: "Precision Fade", description: "Clean lines and expert blending for your modern cut.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg?_wi=2",
|
||||
imageAlt: "man looking sharp in mirror",
|
||||
},
|
||||
{
|
||||
title: "Beard Maintenance",
|
||||
description: "Shape-ups and conditioning to keep your beard impeccable.",
|
||||
icon: Award,
|
||||
title: "Beard Maintenance", description: "Shape-ups and conditioning to keep your beard impeccable.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-beard-with-straight-razor-touching-his-neck-looking-side-isolated-olive-green-background_141793-85009.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-shaving-his-beard-with-straight-razor-touching-his-neck-looking-side-isolated-olive-green-background_141793-85009.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-trimming-beard-man_23-2147778859.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-trimming-beard-man_23-2147778859.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg?_wi=1",
|
||||
imageAlt: "man looking sharp in mirror",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -161,23 +126,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
role: "Head Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Alex", role: "Head Master", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-down-young-beautiful-female-barber-uniform-combing-hair-isolated-blue-background_141793-119376.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg",
|
||||
},
|
||||
id: "2", name: "Ben", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
},
|
||||
id: "3", name: "Chris", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Your grooming experience is in the hands of professionals who take pride in every detail."
|
||||
@@ -192,45 +145,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
role: "Local Professional",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112968.jpg",
|
||||
},
|
||||
id: "1", name: "Mark D.", role: "Local Professional", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-different-personalities_23-2151112968.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James R.",
|
||||
role: "Businessman",
|
||||
company: "Financial Services",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-shirtless-man-smiling_23-2148696669.jpg",
|
||||
},
|
||||
id: "2", name: "James R.", role: "Businessman", company: "Financial Services", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-shirtless-man-smiling_23-2148696669.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Liam K.",
|
||||
role: "Artist",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-speaking-phone-grey-wall_176420-24.jpg",
|
||||
},
|
||||
id: "3", name: "Liam K.", role: "Artist", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-speaking-phone-grey-wall_176420-24.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam W.",
|
||||
role: "Customer",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera_23-2148242765.jpg",
|
||||
},
|
||||
id: "4", name: "Sam W.", role: "Customer", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera_23-2148242765.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Peter S.",
|
||||
role: "Regular Client",
|
||||
company: "City Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
|
||||
},
|
||||
id: "5", name: "Peter S.", role: "Regular Client", company: "City Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Join hundreds of satisfied gentlemen who trust our expertise."
|
||||
@@ -243,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking ahead, though walk-ins are welcome based on availability.",
|
||||
},
|
||||
id: "q1", title: "Do I need an appointment?", content: "We recommend booking ahead, though walk-ins are welcome based on availability."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where are you located?",
|
||||
content: "We are at Waterkant St, Cape Town City Centre.",
|
||||
},
|
||||
id: "q2", title: "Where are you located?", content: "We are at Waterkant St, Cape Town City Centre."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer a full range of grooming including shaves, fades, beard trims, and facials.",
|
||||
},
|
||||
id: "q3", title: "What services do you offer?", content: "We offer a full range of grooming including shaves, fades, beard trims, and facials."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to everything you need to know about our services."
|
||||
@@ -268,8 +187,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Session"
|
||||
description="Ready for a fresh look? Reach out and secure your chair today at Cape Town's premier barber."
|
||||
@@ -282,46 +200,29 @@ export default function LandingPage() {
|
||||
logoText="CPT Mediterranean"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop Info",
|
||||
items: [
|
||||
title: "Shop Info", items: [
|
||||
{
|
||||
label: "Waterkant St, Cape Town",
|
||||
href: "#",
|
||||
},
|
||||
label: "Waterkant St, Cape Town", href: "#"},
|
||||
{
|
||||
label: "074 872 7451",
|
||||
href: "tel:0748727451",
|
||||
},
|
||||
label: "074 872 7451", href: "tel:0748727451"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Shaves", href: "#services"},
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Grooming",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Grooming", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user