Merge version_1 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mahesh Spa"
|
||||
/>
|
||||
@@ -54,12 +43,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Experience Pure Serenity at Mahesh Spa"
|
||||
description="An exclusive sanctuary for women, dedicated to restoring balance and beauty. Indulge in our carefully curated wellness rituals designed to rejuvenate your body and spirit."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girls-enjoying-spa-day-with-bottle-champagne_23-2148238340.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girls-enjoying-spa-day-with-bottle-champagne_23-2148238340.jpg"
|
||||
imageAlt="Luxurious serene spa interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -71,20 +58,11 @@ export default function LandingPage() {
|
||||
title="Your Sanctuary of Wellness"
|
||||
description="At Mahesh Spa, we believe every woman deserves a space to disconnect from the chaos and reconnect with herself. Our team of expert practitioners provides personalized care in a tranquil setting crafted for total relaxation."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Practitioners",
|
||||
description: "Highly trained specialists in holistic therapy.",
|
||||
},
|
||||
{
|
||||
title: "Organic Products",
|
||||
description: "We only use premium, sustainably sourced ingredients.",
|
||||
},
|
||||
{
|
||||
title: "Private Atmosphere",
|
||||
description: "Exclusively designed for women's comfort and privacy.",
|
||||
},
|
||||
{ title: "Expert Practitioners", description: "Highly trained specialists in holistic therapy." },
|
||||
{ title: "Organic Products", description: "We only use premium, sustainably sourced ingredients." },
|
||||
{ title: "Private Atmosphere", description: "Exclusively designed for women's comfort and privacy." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-patient-having-face-mask_23-2148815307.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-patient-having-face-mask_23-2148815307.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,30 +71,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Aromatherapy Rituals",
|
||||
description: "Deeply relaxing sensory journeys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-care-products-wooden-box-soap-towel-with-orange-bath-bomb-spa-personal-hygiene-concept_169016-5715.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Custom Facials",
|
||||
description: "Tailored skin nutrition for a radiant glow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13145.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Hot Stone Massage",
|
||||
description: "Soothing warmth to ease deep tension.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deep-back-massage-spa-double-touch-care_169016-69849.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{
|
||||
title: "Detox Steam Therapy",
|
||||
description: "Cleanse and clarify in total comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7513.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
},
|
||||
{ title: "Aromatherapy Rituals", description: "Deeply relaxing sensory journeys.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-care-products-wooden-box-soap-towel-with-orange-bath-bomb-spa-personal-hygiene-concept_169016-5715.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Custom Facials", description: "Tailored skin nutrition for a radiant glow.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13145.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Hot Stone Massage", description: "Soothing warmth to ease deep tension.", imageSrc: "http://img.b2bpic.net/free-photo/deep-back-massage-spa-double-touch-care_169016-69849.jpg", buttonIcon: Sparkles },
|
||||
{ title: "Detox Steam Therapy", description: "Cleanse and clarify in total comfort.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7513.jpg", buttonIcon: Sparkles },
|
||||
]}
|
||||
title="Rejuvenating Services"
|
||||
description="Discover a range of treatments tailored to your unique wellness journey."
|
||||
@@ -129,56 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Renewal Ritual",
|
||||
price: "$89",
|
||||
period: "per session",
|
||||
features: [
|
||||
"60m Massage",
|
||||
"Aromatherapy",
|
||||
"Tea service",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg",
|
||||
imageAlt: "spa facial mask organic natural",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Radiance Package",
|
||||
price: "$149",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Facial Therapy",
|
||||
"Hot Stone",
|
||||
"Foot scrub",
|
||||
"Complimentary skin kit",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-enjoying-spa-day-with-bottle-champagne_23-2148238340.jpg?_wi=2",
|
||||
imageAlt: "spa facial mask organic natural",
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
title: "Total Bliss",
|
||||
price: "$229",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Full Body Ritual",
|
||||
"Deep Cleansing",
|
||||
"Steam therapy",
|
||||
"Gift pack",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-having-face-mask_23-2148815307.jpg?_wi=2",
|
||||
imageAlt: "spa facial mask organic natural",
|
||||
},
|
||||
{ id: "basic", title: "Renewal Ritual", price: "$89", period: "per session", features: ["60m Massage", "Aromatherapy", "Tea service"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg", imageAlt: "spa facial mask organic natural" },
|
||||
{ id: "pro", title: "Radiance Package", price: "$149", period: "per session", features: ["Facial Therapy", "Hot Stone", "Foot scrub", "Complimentary skin kit"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/girls-enjoying-spa-day-with-bottle-champagne_23-2148238340.jpg", imageAlt: "spa facial mask organic natural" },
|
||||
{ id: "deluxe", title: "Total Bliss", price: "$229", period: "per session", features: ["Full Body Ritual", "Deep Cleansing", "Steam therapy", "Gift pack"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-patient-having-face-mask_23-2148815307.jpg", imageAlt: "spa facial mask organic natural" },
|
||||
]}
|
||||
title="Wellness Packages"
|
||||
description="Select the perfect ritual to restore your energy."
|
||||
@@ -191,21 +102,9 @@ export default function LandingPage() {
|
||||
title="Trusted by Many"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Satisfied Clients",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Expert Therapists",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
{ id: "m1", value: "5000+", description: "Satisfied Clients" },
|
||||
{ id: "m2", value: "15+", description: "Expert Therapists" },
|
||||
{ id: "m3", value: "99%", description: "Satisfaction Rate" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -216,42 +115,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
description="We value our clients' experiences."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ananya P.",
|
||||
role: "Corporate Lead",
|
||||
testimonial: "The best spa experience ever. Highly professional and relaxing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-enjoying-coffee_23-2148597001.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sonia K.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Very private and serene. Mahesh Spa is my go-to for mental peace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-resting_1098-3074.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Priya R.",
|
||||
role: "Creative Director",
|
||||
testimonial: "Excellent service and skin treatments. My skin feels brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-smiling-camera-towel_1187-5083.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Meera S.",
|
||||
role: "Teacher",
|
||||
testimonial: "Truly a sanctuary. I leave every visit feeling completely balanced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1126.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Deepika V.",
|
||||
role: "Artist",
|
||||
testimonial: "Beautiful environment and expert care. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ananya P.", role: "Corporate Lead", testimonial: "The best spa experience ever. Highly professional and relaxing.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-enjoying-coffee_23-2148597001.jpg" },
|
||||
{ id: "t2", name: "Sonia K.", role: "Entrepreneur", testimonial: "Very private and serene. Mahesh Spa is my go-to for mental peace.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-resting_1098-3074.jpg" },
|
||||
{ id: "t3", name: "Priya R.", role: "Creative Director", testimonial: "Excellent service and skin treatments. My skin feels brand new.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-woman-smiling-camera-towel_1187-5083.jpg" },
|
||||
{ id: "t4", name: "Meera S.", role: "Teacher", testimonial: "Truly a sanctuary. I leave every visit feeling completely balanced.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-receiving-head-massage-spa-center_1139-1126.jpg" },
|
||||
{ id: "t5", name: "Deepika V.", role: "Artist", testimonial: "Beautiful environment and expert care. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-relaxed-fitness-girl-sitting-rubber-mat-doing-yoga-meditating-home-doing-mindfulness_1258-200222.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
/>
|
||||
@@ -262,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are services for ladies only?",
|
||||
content: "Yes, Mahesh Spa is exclusively for women, providing a private and safe environment.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "We recommend booking at least 48 hours in advance to secure your preferred slot.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide skin kits?",
|
||||
content: "Yes, we sell organic skin care kits at the reception.",
|
||||
},
|
||||
{ id: "f1", title: "Are services for ladies only?", content: "Yes, Mahesh Spa is exclusively for women, providing a private and safe environment." },
|
||||
{ id: "f2", title: "Do I need to book in advance?", content: "We recommend booking at least 48 hours in advance to secure your preferred slot." },
|
||||
{ id: "f3", title: "Do you provide skin kits?", content: "Yes, we sell organic skin care kits at the reception." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Have questions about your visit? We have answers."
|
||||
@@ -290,24 +148,10 @@ export default function LandingPage() {
|
||||
title="Book Your Session"
|
||||
description="Contact us to secure your private session at Mahesh Spa."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your preference...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your preference...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -315,14 +159,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Mahesh Spa"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user