Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "features",
|
||||
},
|
||||
name: "Treatments", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mahesh Spa"
|
||||
/>
|
||||
@@ -59,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Mahesh Spa"
|
||||
description="Indulge in tranquility. Exclusive, curated wellness experiences designed specifically for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Relaxing Escape", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Menu", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-8807.jpg?_wi=1"
|
||||
imageAlt="Luxury spa relaxation setting"
|
||||
@@ -84,14 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Sanctuary of Pure Relaxation",
|
||||
},
|
||||
type: "text", content: "A Sanctuary of Pure Relaxation"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg",
|
||||
alt: "Spa therapist performing massage",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg", alt: "Spa therapist performing massage"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,29 +82,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Relaxation",
|
||||
title: "Aromatherapy Massage",
|
||||
subtitle: "Deep stress relief",
|
||||
description: "Soothing essential oils paired with expert massage techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199535.jpg",
|
||||
imageAlt: "Natural elements for spa with candles",
|
||||
},
|
||||
tag: "Relaxation", title: "Aromatherapy Massage", subtitle: "Deep stress relief", description: "Soothing essential oils paired with expert massage techniques.", imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199535.jpg", imageAlt: "Natural elements for spa with candles"},
|
||||
{
|
||||
tag: "Beauty",
|
||||
title: "Hydra-Facial",
|
||||
subtitle: "Glow from within",
|
||||
description: "Advanced facial treatment for deep hydration and radiance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-8807.jpg?_wi=2",
|
||||
imageAlt: "Natural elements for spa with candles",
|
||||
},
|
||||
tag: "Beauty", title: "Hydra-Facial", subtitle: "Glow from within", description: "Advanced facial treatment for deep hydration and radiance.", imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-dark-wall_176420-8807.jpg?_wi=2", imageAlt: "Natural elements for spa with candles"},
|
||||
{
|
||||
tag: "Wellness",
|
||||
title: "Body Scrub",
|
||||
subtitle: "Exfoliate & Refresh",
|
||||
description: "Full-body exfoliation leaving skin soft and luminous.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg",
|
||||
imageAlt: "Natural elements for spa with candles",
|
||||
},
|
||||
tag: "Wellness", title: "Body Scrub", subtitle: "Exfoliate & Refresh", description: "Full-body exfoliation leaving skin soft and luminous.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695691.jpg", imageAlt: "Natural elements for spa with candles"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Rejuvenate your mind, body, and soul with our bespoke treatments."
|
||||
@@ -138,37 +100,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$99",
|
||||
period: "/ session",
|
||||
description: "Perfect for a quick refresh.",
|
||||
button: {
|
||||
text: "Book Basic",
|
||||
},
|
||||
featuresTitle: "What's included:",
|
||||
features: [
|
||||
"30 min massage",
|
||||
"Custom oils",
|
||||
"Herbal tea",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$99", period: "/ session", description: "Perfect for a quick refresh.", button: {
|
||||
text: "Book Basic"},
|
||||
featuresTitle: "What's included:", features: [
|
||||
"30 min massage", "Custom oils", "Herbal tea"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Indulgent",
|
||||
price: "$199",
|
||||
period: "/ session",
|
||||
description: "The ultimate spa escape.",
|
||||
button: {
|
||||
text: "Book Premium",
|
||||
},
|
||||
featuresTitle: "What's included:",
|
||||
features: [
|
||||
"60 min massage",
|
||||
"Full facial",
|
||||
"Shower therapy",
|
||||
"Foot soak",
|
||||
],
|
||||
id: "premium", tag: "Indulgent", price: "$199", period: "/ session", description: "The ultimate spa escape.", button: {
|
||||
text: "Book Premium"},
|
||||
featuresTitle: "What's included:", features: [
|
||||
"60 min massage", "Full facial", "Shower therapy", "Foot soak"],
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
@@ -183,34 +124,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Ladies served",
|
||||
"Trusted sessions",
|
||||
"Yearly visitors",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Happy Clients", items: [
|
||||
"Ladies served", "Trusted sessions", "Yearly visitors"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Expert Therapists",
|
||||
items: [
|
||||
"Certified pros",
|
||||
"Years experience",
|
||||
"Total expertise",
|
||||
],
|
||||
id: "m2", value: "15+", title: "Expert Therapists", items: [
|
||||
"Certified pros", "Years experience", "Total expertise"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20+",
|
||||
title: "Treatment Types",
|
||||
items: [
|
||||
"Bespoke sessions",
|
||||
"Diverse options",
|
||||
"Tailored results",
|
||||
],
|
||||
id: "m3", value: "20+", title: "Treatment Types", items: [
|
||||
"Bespoke sessions", "Diverse options", "Tailored results"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -225,59 +148,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ananya S.",
|
||||
role: "Professional",
|
||||
company: "Local Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg",
|
||||
},
|
||||
id: "t1", name: "Ananya S.", role: "Professional", company: "Local Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/after-bath_1098-14737.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya K.",
|
||||
role: "Entrepreneur",
|
||||
company: "Startup Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-after-shower-with-towel-profile-green-bathroom-dewy-skin-skincare_169016-69376.jpg",
|
||||
},
|
||||
id: "t2", name: "Priya K.", role: "Entrepreneur", company: "Startup Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-after-shower-with-towel-profile-green-bathroom-dewy-skin-skincare_169016-69376.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sneha R.",
|
||||
role: "Designer",
|
||||
company: "Creative Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg",
|
||||
},
|
||||
id: "t3", name: "Sneha R.", role: "Designer", company: "Creative Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Meera V.",
|
||||
role: "Architect",
|
||||
company: "Design Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-by-bathtub-before-taking-bath_23-2149239347.jpg",
|
||||
},
|
||||
id: "t4", name: "Meera V.", role: "Architect", company: "Design Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-by-bathtub-before-taking-bath_23-2149239347.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kavita D.",
|
||||
role: "Doctor",
|
||||
company: "Health Clinic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-communicating-while-spending-relaxing-day-spa-focus-is-man_637285-7506.jpg",
|
||||
},
|
||||
id: "t5", name: "Kavita D.", role: "Doctor", company: "Health Clinic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-communicating-while-spending-relaxing-day-spa-focus-is-man_637285-7506.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5.0", label: "Average Rating"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Client Satisfaction"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Expert Support",
|
||||
},
|
||||
value: "24/7", label: "Expert Support"},
|
||||
]}
|
||||
title="Loved by Our Guests"
|
||||
description="Real experiences from women who found tranquility at Mahesh Spa."
|
||||
@@ -290,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are services for ladies only?",
|
||||
content: "Yes, we are a dedicated ladies-only spa to ensure maximum comfort and privacy.",
|
||||
},
|
||||
id: "f1", title: "Are services for ladies only?", content: "Yes, we are a dedicated ladies-only spa to ensure maximum comfort and privacy."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I book?",
|
||||
content: "You can book easily online through our website or call us directly.",
|
||||
},
|
||||
id: "f2", title: "How do I book?", content: "You can book easily online through our website or call us directly."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer packages?",
|
||||
content: "Yes, we have monthly packages and curated spa experiences available.",
|
||||
},
|
||||
id: "f3", title: "Do you offer packages?", content: "Yes, we have monthly packages and curated spa experiences available."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-bathrobe-towel-using-eye-patches_23-2148655803.jpg"
|
||||
title="Common Questions"
|
||||
@@ -316,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Start Your Journey"
|
||||
description="Contact us today for a bespoke appointment."
|
||||
@@ -333,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user