Merge version_1 into main #2
416
src/app/page.tsx
416
src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Our Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Arden Spa & Barbershop"
|
||||
/>
|
||||
@@ -77,64 +59,41 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Experience Timeless Grooming"
|
||||
description="Arden Spa & Barbershop offers classic cuts, modern styles, and rejuvenating spa treatments for the modern gentleman. Step into a world of refined elegance and personalized care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg"
|
||||
imageAlt="Stylish barbershop interior with a barber working"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",
|
||||
alt: "Client Avatar John D.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", alt: "Client Avatar John D."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
alt: "Client Avatar Sarah K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Client Avatar Sarah K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-making-call-me-gesture-with-serious-face-standing-light-wall_141793-56658.jpg",
|
||||
alt: "Client Avatar Michael L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-making-call-me-gesture-with-serious-face-standing-light-wall_141793-56658.jpg", alt: "Client Avatar Michael L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5424.jpg",
|
||||
alt: "Client Avatar Emily R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5424.jpg", alt: "Client Avatar Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg",
|
||||
alt: "Happy customer testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-folded-arms_23-2147955369.jpg", alt: "Happy customer testimonial"},
|
||||
]}
|
||||
avatarText="Join our community of satisfied clients."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Cuts",
|
||||
},
|
||||
type: "text", text: "Precision Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Shaves",
|
||||
},
|
||||
type: "text", text: "Luxury Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Relaxing Facials",
|
||||
},
|
||||
type: "text", text: "Relaxing Facials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Sculpting",
|
||||
},
|
||||
type: "text", text: "Beard Sculpting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
type: "text", text: "Premium Products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,19 +105,13 @@ export default function LandingPage() {
|
||||
description="At Arden Spa & Barbershop, we blend traditional techniques with contemporary trends. Our expert barbers and therapists are dedicated to providing an unparalleled grooming experience, ensuring every visit leaves you feeling refreshed and looking sharp."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years of Expertise",
|
||||
},
|
||||
value: "15+", title: "Years of Expertise"},
|
||||
{
|
||||
value: "2000+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "2000+", title: "Happy Clients"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg"
|
||||
imageAlt="Barber's station with vintage chair and tools"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -172,56 +125,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Expert stylists crafting modern and classic cuts tailored to your unique style.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircuts", description: "Expert stylists crafting modern and classic cuts tailored to your unique style.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14570.jpg",
|
||||
imageAlt: "Barber giving a precision haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14570.jpg", imageAlt: "Barber giving a precision haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-model-having-massage_23-2147638152.jpg",
|
||||
imageAlt: "Close-up of a hot towel shave",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg?_wi=2",
|
||||
imageAlt: "precision haircut men",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-model-having-massage_23-2147638152.jpg", imageAlt: "Close-up of a hot towel shave"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Luxury Shaves & Beard Trims",
|
||||
description: "Experience the ultimate hot towel shave or a perfectly sculpted beard trim.",
|
||||
icon: Feather,
|
||||
title: "Luxury Shaves & Beard Trims", description: "Experience the ultimate hot towel shave or a perfectly sculpted beard trim.", icon: Feather,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energized-happy-woman-wears-clay-mask-face-wrapped-towel-hair-smiles-broadly-clenches-fists-from-pleasure-isolated-pink-wall_273609-33545.jpg",
|
||||
imageAlt: "Man receiving a facial treatment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/energized-happy-woman-wears-clay-mask-face-wrapped-towel-hair-smiles-broadly-clenches-fists-from-pleasure-isolated-pink-wall_273609-33545.jpg", imageAlt: "Man receiving a facial treatment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg",
|
||||
imageAlt: "Barber trimming a man's beard",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg?_wi=2",
|
||||
imageAlt: "precision haircut men",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg", imageAlt: "Barber trimming a man's beard"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Rejuvenating Spa Treatments",
|
||||
description: "Relax and unwind with our selection of therapeutic facials and invigorating massages.",
|
||||
icon: Sparkles,
|
||||
title: "Rejuvenating Spa Treatments", description: "Relax and unwind with our selection of therapeutic facials and invigorating massages.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435203.jpg",
|
||||
imageAlt: "Display of men's hair styling products",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435203.jpg", imageAlt: "Display of men's hair styling products"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454795.jpg",
|
||||
imageAlt: "Man receiving a head massage",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-spa-stones-brush-clay-mask-pumice-stone-white-background_23-2147940477.jpg?_wi=1",
|
||||
imageAlt: "precision haircut men",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-scalp-massage-spa_23-2151454795.jpg", imageAlt: "Man receiving a head massage"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="From precision haircuts to luxurious shaves and relaxing spa treatments, discover the full range of services tailored just for you. Our experts use only the finest products and techniques."
|
||||
@@ -236,65 +165,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
brand: "Arden Essentials",
|
||||
name: "Styling Clay Pomade",
|
||||
price: "$25.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-spa-stones-brush-clay-mask-pumice-stone-white-background_23-2147940477.jpg?_wi=2",
|
||||
imageAlt: "Hair styling clay pomade",
|
||||
},
|
||||
id: "product-1", brand: "Arden Essentials", name: "Styling Clay Pomade", price: "$25.00", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-spa-stones-brush-clay-mask-pumice-stone-white-background_23-2147940477.jpg", imageAlt: "Hair styling clay pomade"},
|
||||
{
|
||||
id: "product-2",
|
||||
brand: "Arden Luxury",
|
||||
name: "Signature Beard Oil",
|
||||
price: "$30.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696647.jpg",
|
||||
imageAlt: "Signature beard oil",
|
||||
},
|
||||
id: "product-2", brand: "Arden Luxury", name: "Signature Beard Oil", price: "$30.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-shaving-cream-bottle_23-2148696647.jpg", imageAlt: "Signature beard oil"},
|
||||
{
|
||||
id: "product-3",
|
||||
brand: "Arden Organics",
|
||||
name: "Daily Revitalizing Shampoo",
|
||||
price: "$22.00",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recycled-plastic-bottles-arrangement_23-2149449788.jpg",
|
||||
imageAlt: "Revitalizing shampoo bottle",
|
||||
},
|
||||
id: "product-3", brand: "Arden Organics", name: "Daily Revitalizing Shampoo", price: "$22.00", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/recycled-plastic-bottles-arrangement_23-2149449788.jpg", imageAlt: "Revitalizing shampoo bottle"},
|
||||
{
|
||||
id: "product-4",
|
||||
brand: "Arden Organics",
|
||||
name: "Hydrating Hair Conditioner",
|
||||
price: "$22.00",
|
||||
rating: 5,
|
||||
reviewCount: "130",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317421.jpg",
|
||||
imageAlt: "Hydrating hair conditioner bottle",
|
||||
},
|
||||
id: "product-4", brand: "Arden Organics", name: "Hydrating Hair Conditioner", price: "$22.00", rating: 5,
|
||||
reviewCount: "130", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317421.jpg", imageAlt: "Hydrating hair conditioner bottle"},
|
||||
{
|
||||
id: "product-5",
|
||||
brand: "Arden Skincare",
|
||||
name: "Anti-Ageing Face Cream",
|
||||
price: "$45.00",
|
||||
rating: 4,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204960.jpg",
|
||||
imageAlt: "Anti-ageing face cream",
|
||||
},
|
||||
id: "product-5", brand: "Arden Skincare", name: "Anti-Ageing Face Cream", price: "$45.00", rating: 4,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204960.jpg", imageAlt: "Anti-ageing face cream"},
|
||||
{
|
||||
id: "product-6",
|
||||
brand: "Arden Luxury",
|
||||
name: "Scalp & Hair Growth Serum",
|
||||
price: "$50.00",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-applying-face-serum_23-2149343959.jpg",
|
||||
imageAlt: "Scalp and hair growth serum",
|
||||
},
|
||||
id: "product-6", brand: "Arden Luxury", name: "Scalp & Hair Growth Serum", price: "$50.00", rating: 5,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-applying-face-serum_23-2149343959.jpg", imageAlt: "Scalp and hair growth serum"},
|
||||
]}
|
||||
title="Premium Grooming Essentials"
|
||||
description="Elevate your daily routine with our selection of high-quality grooming products, hand-picked for the modern gentleman by our expert barbers."
|
||||
@@ -308,61 +195,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Standard",
|
||||
tagIcon: Edit,
|
||||
price: "$40",
|
||||
period: "per service",
|
||||
description: "Essential grooming for a sharp, clean look.",
|
||||
button: {
|
||||
text: "Book Standard",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Classic Hot Towel Shave",
|
||||
"Hair Wash & Style",
|
||||
],
|
||||
id: "basic", tag: "Standard", tagIcon: Edit,
|
||||
price: "$40", period: "per service", description: "Essential grooming for a sharp, clean look.", button: {
|
||||
text: "Book Standard", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Precision Haircut", "Classic Hot Towel Shave", "Hair Wash & Style"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Premium",
|
||||
tagIcon: Star,
|
||||
price: "$75",
|
||||
period: "per package",
|
||||
description: "Elevated experience with comprehensive grooming and relaxation.",
|
||||
button: {
|
||||
text: "Book Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Precision Haircut & Style",
|
||||
"Luxury Hot Towel Shave",
|
||||
"Beard Trim & Shape",
|
||||
"Relaxing Scalp Massage",
|
||||
],
|
||||
id: "premium", tag: "Premium", tagIcon: Star,
|
||||
price: "$75", period: "per package", description: "Elevated experience with comprehensive grooming and relaxation.", button: {
|
||||
text: "Book Premium", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Precision Haircut & Style", "Luxury Hot Towel Shave", "Beard Trim & Shape", "Relaxing Scalp Massage"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
tag: "Elite",
|
||||
tagIcon: Award,
|
||||
price: "$120",
|
||||
period: "per package",
|
||||
description: "The ultimate indulgence for complete head-to-toe rejuvenation.",
|
||||
button: {
|
||||
text: "Book Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Custom Haircut & Style",
|
||||
"Luxury Hot Towel Shave",
|
||||
"Beard Trim & Shape",
|
||||
"Rejuvenating Facial Treatment",
|
||||
"Hand & Foot Grooming",
|
||||
],
|
||||
id: "elite", tag: "Elite", tagIcon: Award,
|
||||
price: "$120", period: "per package", description: "The ultimate indulgence for complete head-to-toe rejuvenation.", button: {
|
||||
text: "Book Elite", href: "#contact"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Custom Haircut & Style", "Luxury Hot Towel Shave", "Beard Trim & Shape", "Rejuvenating Facial Treatment", "Hand & Foot Grooming"],
|
||||
},
|
||||
]}
|
||||
title="Our Packages"
|
||||
@@ -377,37 +228,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "barbers-therapists",
|
||||
groupTitle: "The Arden Spa & Barbershop Team",
|
||||
members: [
|
||||
id: "barbers-therapists", groupTitle: "The Arden Spa & Barbershop Team", members: [
|
||||
{
|
||||
id: "john-smith",
|
||||
title: "John Smith",
|
||||
subtitle: "Master Barber",
|
||||
detail: "With over 10 years of experience, John is known for his classic cuts and precise shaves, bringing a timeless touch to every client.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
|
||||
imageAlt: "Portrait of Master Barber John Smith",
|
||||
},
|
||||
id: "john-smith", title: "John Smith", subtitle: "Master Barber", detail: "With over 10 years of experience, John is known for his classic cuts and precise shaves, bringing a timeless touch to every client.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg", imageAlt: "Portrait of Master Barber John Smith"},
|
||||
{
|
||||
id: "sarah-jones",
|
||||
title: "Sarah Jones",
|
||||
subtitle: "Lead Spa Therapist",
|
||||
detail: "Sarah specializes in rejuvenating facials and therapeutic massages, creating a serene and relaxing experience for all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-doctor-confidently-looking-camera-isolated-white-background-copy-space_574295-2110.jpg",
|
||||
imageAlt: "Portrait of Lead Spa Therapist Sarah Jones",
|
||||
},
|
||||
id: "sarah-jones", title: "Sarah Jones", subtitle: "Lead Spa Therapist", detail: "Sarah specializes in rejuvenating facials and therapeutic massages, creating a serene and relaxing experience for all.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-doctor-confidently-looking-camera-isolated-white-background-copy-space_574295-2110.jpg", imageAlt: "Portrait of Lead Spa Therapist Sarah Jones"},
|
||||
{
|
||||
id: "michael-lee",
|
||||
title: "Michael Lee",
|
||||
subtitle: "Style Innovator",
|
||||
detail: "Michael brings a modern flair to traditional grooming, excelling in contemporary styles and intricate beard designs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-white-shirt-barber-apron-looking-side-with-one-eye-closed-holding-spray-bottle-with-both-hands-isolated-blue-background-with-copy-space_141793-138696.jpg",
|
||||
imageAlt: "Portrait of Style Innovator Michael Lee",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg?_wi=3",
|
||||
imageAlt: "professional male barber portrait",
|
||||
},
|
||||
id: "michael-lee", title: "Michael Lee", subtitle: "Style Innovator", detail: "Michael brings a modern flair to traditional grooming, excelling in contemporary styles and intricate beard designs.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-white-shirt-barber-apron-looking-side-with-one-eye-closed-holding-spray-bottle-with-both-hands-isolated-blue-background-with-copy-space_141793-138696.jpg", imageAlt: "Portrait of Style Innovator Michael Lee"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our passionate team of skilled barbers and spa therapists are dedicated to perfecting your look and ensuring your comfort with every visit."
|
||||
@@ -422,25 +251,15 @@ export default function LandingPage() {
|
||||
author="John D., Regular Client"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",
|
||||
alt: "Client Avatar John D.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", alt: "Client Avatar John D."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg",
|
||||
alt: "Client Avatar Sarah K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-successful-female-administrator-office_273609-4124.jpg", alt: "Client Avatar Sarah K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-making-call-me-gesture-with-serious-face-standing-light-wall_141793-56658.jpg",
|
||||
alt: "Client Avatar Michael L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-making-call-me-gesture-with-serious-face-standing-light-wall_141793-56658.jpg", alt: "Client Avatar Michael L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5424.jpg",
|
||||
alt: "Client Avatar Emily R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-woman-floral-dress-sitting-couch_273609-5424.jpg", alt: "Client Avatar Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg",
|
||||
alt: "Client Avatar Mark S.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg", alt: "Client Avatar Mark S."},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -453,30 +272,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our shop in person during business hours.",
|
||||
},
|
||||
id: "faq1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our shop in person during business hours."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards (Visa, Mastercard, Amex), debit cards, and cash. We also offer digital payment options like Apple Pay and Google Pay.",
|
||||
},
|
||||
id: "faq2", title: "What payment methods do you accept?", content: "We accept all major credit cards (Visa, Mastercard, Amex), debit cards, and cash. We also offer digital payment options like Apple Pay and Google Pay."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer gift certificates?",
|
||||
content: "Yes, gift certificates are available for all our services and products. They make the perfect gift for any gentleman looking to enhance his grooming routine.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer gift certificates?", content: "Yes, gift certificates are available for all our services and products. They make the perfect gift for any gentleman looking to enhance his grooming routine."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open Monday to Saturday, from 9:00 AM to 7:00 PM. We are closed on Sundays to allow our team to rest and rejuvenate.",
|
||||
},
|
||||
id: "faq4", title: "What are your operating hours?", content: "We are open Monday to Saturday, from 9:00 AM to 7:00 PM. We are closed on Sundays to allow our team to rest and rejuvenate."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Can I reschedule or cancel my appointment?",
|
||||
content: "Yes, you can reschedule or cancel an appointment up to 24 hours in advance without a fee. Please contact us directly to make changes.",
|
||||
},
|
||||
id: "faq5", title: "Can I reschedule or cancel my appointment?", content: "Yes, you can reschedule or cancel an appointment up to 24 hours in advance without a fee. Please contact us directly to make changes."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
|
||||
imageAlt="Relaxing barbershop waiting area"
|
||||
@@ -491,8 +295,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a fresh cut, a luxurious shave, or a rejuvenating spa treatment? Contact us today to schedule your next visit and experience the Arden difference."
|
||||
@@ -507,62 +310,37 @@ export default function LandingPage() {
|
||||
logoText="Arden Spa & Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Shaves", href: "#services"},
|
||||
{
|
||||
label: "Spa Treatments",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Spa Treatments", href: "#services"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Team", href: "#team"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user