337 lines
9.8 KiB
TypeScript
337 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Treatments",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "pricing",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Mahesh Spa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
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: "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"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
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",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
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: "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",
|
|
},
|
|
]}
|
|
title="Our Signature Services"
|
|
description="Rejuvenate your mind, body, and soul with our bespoke treatments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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"
|
|
description="Choose your journey to wellness."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
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: "m3",
|
|
value: "20+",
|
|
title: "Treatment Types",
|
|
items: [
|
|
"Bespoke sessions",
|
|
"Diverse options",
|
|
"Tailored results",
|
|
],
|
|
},
|
|
]}
|
|
title="Our Impact"
|
|
description="Dedicated to excellence in wellness."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "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",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5.0",
|
|
label: "Average Rating",
|
|
},
|
|
{
|
|
value: "99%",
|
|
label: "Client Satisfaction",
|
|
},
|
|
{
|
|
value: "24/7",
|
|
label: "Expert Support",
|
|
},
|
|
]}
|
|
title="Loved by Our Guests"
|
|
description="Real experiences from women who found tranquility at Mahesh Spa."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
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: "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.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-bathrobe-towel-using-eye-patches_23-2148655803.jpg"
|
|
title="Common Questions"
|
|
description="Find out more about our services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Visit Us"
|
|
title="Start Your Journey"
|
|
description="Contact us today for a bespoke appointment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Mahesh Spa"
|
|
copyrightText="© 2025 Mahesh Spa. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|