Merge version_3 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
@@ -29,24 +29,12 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Professional Spa & Massage"
|
||||
/>
|
||||
@@ -55,41 +43,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Professional Spa & Massage Services Available 24/7"
|
||||
description="Experience total relaxation and rejuvenation at any hour. Our professional team provides premium spa and massage services designed to melt away stress and restore your well-being."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact"
|
||||
}
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg",
|
||||
imageAlt: "Luxurious spa interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-fresh-coconut-body-care-products_169016-3598.jpg",
|
||||
imageAlt: "Massage oil and towels",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman_23-2147816960.jpg",
|
||||
imageAlt: "Zen stones arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robe-wooden-wall-near-sauna-warm-spa-interior_169016-69073.jpg",
|
||||
imageAlt: "Luxurious spa interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-flat-lay-composition-with-bath-accessories-health-beauty-products-with-fresh-flowers_169016-11882.jpg",
|
||||
imageAlt: "Massage oil and towels",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pale-halloween-arrangement_23-2147680559.jpg",
|
||||
imageAlt: "Zen stones arrangement",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg", imageAlt: "Luxurious spa interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life-with-fresh-coconut-body-care-products_169016-3598.jpg", imageAlt: "Massage oil and towels" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/massage-concept-with-woman_23-2147816960.jpg", imageAlt: "Zen stones arrangement" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,10 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Dedicated to Your Wellness Journey"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Learn More", href: "#features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,23 +79,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deep Tissue Massage",
|
||||
description: "Focused relief for muscle tension and chronic discomfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-getting-exfoliation-massage_23-2149871938.jpg",
|
||||
imageAlt: "Deep Tissue Therapy",
|
||||
},
|
||||
title: "Deep Tissue Massage", description: "Focused relief for muscle tension and chronic discomfort.", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-getting-exfoliation-massage_23-2149871938.jpg", imageAlt: "Deep Tissue Therapy"},
|
||||
{
|
||||
title: "Aromatherapy",
|
||||
description: "Enhance your mental and physical well-being with pure essential oils.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178213.jpg",
|
||||
imageAlt: "Aromatherapy Session",
|
||||
},
|
||||
title: "Aromatherapy", description: "Enhance your mental and physical well-being with pure essential oils.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-getting-massage_23-2151178213.jpg", imageAlt: "Aromatherapy Session"},
|
||||
{
|
||||
title: "Reflexology",
|
||||
description: "Targeted pressure point therapy to improve circulation and reduce stress.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-masseuse-giving-foot-massage-one-her-clients-health-beauty-spa_662251-1935.jpg",
|
||||
imageAlt: "Reflexology Therapy",
|
||||
},
|
||||
title: "Reflexology", description: "Targeted pressure point therapy to improve circulation and reduce stress.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-masseuse-giving-foot-massage-one-her-clients-health-beauty-spa_662251-1935.jpg", imageAlt: "Reflexology Therapy"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive care tailored to your specific needs, provided by certified professionals in a serene environment."
|
||||
@@ -145,27 +96,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Always here when you need us.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Professional Care",
|
||||
description: "Certified and highly trained therapists.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-candles-dried-citrus-slices-la-stone-honey-essential-oil-bottles-pot-plant-desk-against-wall_23-2148087717.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
title: "Satisfied Clients",
|
||||
description: "Trusted by our local community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-professional-massage_23-2150649753.jpg",
|
||||
},
|
||||
{ id: "m1", value: "24/7", title: "Availability", description: "Always here when you need us.", imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Professional Care", description: "Certified and highly trained therapists.", imageSrc: "http://img.b2bpic.net/free-photo/illuminated-candles-dried-citrus-slices-la-stone-honey-essential-oil-bottles-pot-plant-desk-against-wall_23-2148087717.jpg" },
|
||||
{ id: "m3", value: "1000+", title: "Satisfied Clients", description: "Trusted by our local community.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-professional-massage_23-2150649753.jpg" },
|
||||
]}
|
||||
title="Wellness Results That Matter"
|
||||
description="Our commitment to quality ensures you leave feeling refreshed and balanced."
|
||||
@@ -179,24 +112,9 @@ export default function LandingPage() {
|
||||
tag="Meet the Experts"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
|
||||
imageAlt: "Sarah Miller Therapist",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
|
||||
imageAlt: "David Chen Therapist",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-graphic-designer-using-digital-tablet_1170-999.jpg",
|
||||
imageAlt: "Elena Rodriguez Therapist",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg", imageAlt: "Sarah Miller Therapist" },
|
||||
{ id: "t2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg", imageAlt: "David Chen Therapist" },
|
||||
{ id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/female-graphic-designer-using-digital-tablet_1170-999.jpg", imageAlt: "Elena Rodriguez Therapist" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -208,60 +126,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-bathrobe_329181-7824.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Wilson",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184347.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica Lee",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-back-massage-while-spending-day-beauty-spa_637285-7424.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brian Smith",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-happy-client_23-2148766586.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Davis",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-bathrobe_329181-7824.jpg" },
|
||||
{ id: "2", name: "Mark Wilson", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184347.jpg" },
|
||||
{ id: "3", name: "Jessica Lee", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-back-massage-while-spending-day-beauty-spa_637285-7424.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Service Availability",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "24/7", label: "Service Availability" },
|
||||
{ value: "100%", label: "Client Satisfaction" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Read what our valued clients say about their experience with our spa and massage services."
|
||||
@@ -272,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you really open 24/7?",
|
||||
content: "Yes, our services are available round the clock to fit your schedule.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Booking in advance is recommended, but walk-ins are welcome if available.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards and digital payments.",
|
||||
},
|
||||
{ id: "f1", title: "Are you really open 24/7?", content: "Yes, our services are available round the clock to fit your schedule." },
|
||||
{ id: "f2", title: "Do I need an appointment?", content: "Booking in advance is recommended, but walk-ins are welcome if available." },
|
||||
{ id: "f3", title: "What payment methods do you accept?", content: "We accept all major credit cards and digital payments." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -296,9 +156,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Relax?"
|
||||
description="Reach out today to book your session or inquire about our services."
|
||||
@@ -308,30 +166,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#features" }, { label: "About", href: "#about" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Professional Spa & Massage"
|
||||
/>
|
||||
@@ -339,4 +175,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user