Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Man Of Cave"
|
||||
/>
|
||||
@@ -60,69 +52,37 @@ export default function LandingPage() {
|
||||
description="Experience the ultimate grooming journey at Man Of Cave, Khalifa Street. Where timeless tradition meets modern sophistication."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Khalid Al-Mansoori",
|
||||
handle: "@khalid.m",
|
||||
testimonial: "Exceptional service and impeccable atmosphere. The Khalifa branch is top-tier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg",
|
||||
},
|
||||
name: "Khalid Al-Mansoori", handle: "@khalid.m", testimonial: "Exceptional service and impeccable atmosphere. The Khalifa branch is top-tier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg"},
|
||||
{
|
||||
name: "Omar F.",
|
||||
handle: "@omar.f",
|
||||
testimonial: "Best grooming experience in the city. Highly professional staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg",
|
||||
},
|
||||
name: "Omar F.", handle: "@omar.f", testimonial: "Best grooming experience in the city. Highly professional staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg"},
|
||||
{
|
||||
name: "Zaid Hassan",
|
||||
handle: "@zaidhassan",
|
||||
testimonial: "The precision and attention to detail here are simply unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg",
|
||||
},
|
||||
name: "Zaid Hassan", handle: "@zaidhassan", testimonial: "The precision and attention to detail here are simply unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"},
|
||||
{
|
||||
name: "Faisal Al-Amiri",
|
||||
handle: "@faisal.amiri",
|
||||
testimonial: "A true gentleman's sanctuary. Always a pleasure visiting the team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-smiling-talking-phone_1262-768.jpg",
|
||||
},
|
||||
name: "Faisal Al-Amiri", handle: "@faisal.amiri", testimonial: "A true gentleman's sanctuary. Always a pleasure visiting the team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-smiling-talking-phone_1262-768.jpg"},
|
||||
{
|
||||
name: "Ahmed Rashid",
|
||||
handle: "@arashid",
|
||||
testimonial: "Consistency is key, and this branch hits the mark every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2899.jpg",
|
||||
},
|
||||
name: "Ahmed Rashid", handle: "@arashid", testimonial: "Consistency is key, and this branch hits the mark every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2899.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987176.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987176.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showcasing-their-home_23-2151624943.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showcasing-their-home_23-2151624943.jpg", alt: "Client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg", alt: "Client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gardening-tools_23-2148013407.jpg", alt: "Client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-woman-white-shirt-portrait_53876-105054.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-woman-white-shirt-portrait_53876-105054.jpg", alt: "Client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-1267.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-1267.jpg", alt: "Client profile 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Excellence",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years of Excellence", value: "10+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Happy Clients", value: "5k+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "5",
|
||||
},
|
||||
label: "Locations", value: "5"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -158,32 +112,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Expert styling tailored to your facial structure.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-their-pet-creating-content-online-spaces-social-media_23-2151420235.jpg",
|
||||
imageAlt: "Influencer and their pet creating content for online spaces and social media",
|
||||
title: "Precision Cuts", description: "Expert styling tailored to your facial structure.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Traditional Shaves",
|
||||
description: "Classic hot towel shaves for a smooth finish.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987176.jpg?_wi=2",
|
||||
imageAlt: "Influencer and their pet creating content for online spaces and social media",
|
||||
title: "Traditional Shaves", description: "Classic hot towel shaves for a smooth finish.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Skin Treatments",
|
||||
description: "Revitalizing facials for a fresh appearance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-waiting-her-nails-be-done_23-2148697062.jpg?_wi=1",
|
||||
imageAlt: "Influencer and their pet creating content for online spaces and social media",
|
||||
title: "Skin Treatments", description: "Revitalizing facials for a fresh appearance.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Tailored Services"
|
||||
description="Comprehensive grooming solutions for the modern gentleman."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -195,47 +135,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Cut",
|
||||
price: "150 AED",
|
||||
variant: "Grooming",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-waiting-her-nails-be-done_23-2148697062.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Signature Cut", price: "150 AED", variant: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/woman-waiting-her-nails-be-done_23-2148697062.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Full Shave",
|
||||
price: "100 AED",
|
||||
variant: "Shaving",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
},
|
||||
id: "p2", name: "Full Shave", price: "100 AED", variant: "Shaving", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Executive Facial",
|
||||
price: "200 AED",
|
||||
variant: "Skin Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-old-customers-face-after-shaving_23-2148181958.jpg",
|
||||
},
|
||||
id: "p3", name: "Executive Facial", price: "200 AED", variant: "Skin Care", imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-old-customers-face-after-shaving_23-2148181958.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Beard Trim",
|
||||
price: "80 AED",
|
||||
variant: "Styling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg",
|
||||
},
|
||||
id: "p4", name: "Beard Trim", price: "80 AED", variant: "Styling", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hair Treatment",
|
||||
price: "180 AED",
|
||||
variant: "Hair Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665394.jpg",
|
||||
},
|
||||
id: "p5", name: "Hair Treatment", price: "180 AED", variant: "Hair Care", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665394.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "VIP Package",
|
||||
price: "400 AED",
|
||||
variant: "All Inclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg",
|
||||
},
|
||||
id: "p6", name: "VIP Package", price: "400 AED", variant: "All Inclusive", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-isolated-crimson-background-with-copy-space_141793-31955.jpg"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Choose from our premium grooming packages."
|
||||
@@ -249,51 +159,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "399 AED",
|
||||
name: "Monthly",
|
||||
features: [
|
||||
"4 Haircuts",
|
||||
"Unlimited Shaves",
|
||||
"10% Off Products",
|
||||
],
|
||||
id: "basic", price: "399 AED", name: "Monthly", features: [
|
||||
"4 Haircuts", "Unlimited Shaves", "10% Off Products"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "799 AED",
|
||||
name: "Quarterly",
|
||||
features: [
|
||||
"12 Haircuts",
|
||||
"Priority Booking",
|
||||
"20% Off Products",
|
||||
],
|
||||
id: "pro", price: "799 AED", name: "Quarterly", features: [
|
||||
"12 Haircuts", "Priority Booking", "20% Off Products"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
price: "1499 AED",
|
||||
name: "Annual",
|
||||
features: [
|
||||
"Unlimited Visits",
|
||||
"Exclusive Lounge Access",
|
||||
"30% Off Products",
|
||||
],
|
||||
id: "vip", price: "1499 AED", name: "Annual", features: [
|
||||
"Unlimited Visits", "Exclusive Lounge Access", "30% Off Products"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -310,20 +196,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
id: "m1", value: "99%", description: "Customer Satisfaction Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15min",
|
||||
description: "Avg Booking Time",
|
||||
},
|
||||
id: "m2", value: "15min", description: "Avg Booking Time"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Google Rating",
|
||||
},
|
||||
id: "m3", value: "4.9/5", description: "Google Rating"},
|
||||
]}
|
||||
title="Branch Impact"
|
||||
description="Dedicated to Khalifa Street grooming standards."
|
||||
@@ -338,25 +215,15 @@ export default function LandingPage() {
|
||||
author="Mohammed Al-Saeed"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-bearded-brutal-tattooed-happy-man-holds-pomeranian-spitz-playing-with-lovely-pet_343596-1510.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-man-smiling-talking-phone_1262-768.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-man-smiling-talking-phone_1262-768.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2899.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2899.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -368,20 +235,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Booking is recommended, especially on weekends.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Booking is recommended, especially on weekends."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your hours?",
|
||||
content: "10 AM to 10 PM daily.",
|
||||
},
|
||||
id: "f2", title: "What are your hours?", content: "10 AM to 10 PM daily."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where is the branch?",
|
||||
content: "Khalifa Street, right next to Central Bank.",
|
||||
},
|
||||
id: "f3", title: "Where is the branch?", content: "Khalifa Street, right next to Central Bank."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="Find answers here."
|
||||
@@ -393,16 +251,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us Today"
|
||||
description="Ready for a transformation? Reserve your chair now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "tel:+971000000000",
|
||||
},
|
||||
text: "Book Now", href: "tel:+971000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -412,29 +267,19 @@ export default function LandingPage() {
|
||||
logoText="Man Of Cave"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user