Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Sanjna Spa"
|
||||
/>
|
||||
@@ -58,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sanjna Spa - Premium Home Massage Service"
|
||||
description="Experience total relaxation and rejuvenation in the comfort of your home with our professional spa treatments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-christmas-composition-with-decorative-wood-2022-numbers-candles-decor-details-blurred-room-interior-background_169016-14489.jpg?_wi=1",
|
||||
imageAlt: "Luxurious home massage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-spa-concept-with-woman_23-2147816918.jpg",
|
||||
imageAlt: "Professional relaxation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman_23-2147816908.jpg",
|
||||
imageAlt: "Full night spa service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-spa_23-2150911779.jpg",
|
||||
imageAlt: "Dedicated massage therapy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-masseur-giving-back-massage-client_23-2150461449.jpg",
|
||||
imageAlt: "Home wellness experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-massages-man-hospital_1157-29306.jpg",
|
||||
imageAlt: "Total comfort service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/home-christmas-composition-with-decorative-wood-2022-numbers-candles-decor-details-blurred-room-interior-background_169016-14489.jpg", imageAlt: "Luxurious home massage" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-spa-concept-with-woman_23-2147816918.jpg", imageAlt: "Professional relaxation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman_23-2147816908.jpg", imageAlt: "Full night spa service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-spa_23-2150911779.jpg", imageAlt: "Dedicated massage therapy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-masseur-giving-back-massage-client_23-2150461449.jpg", imageAlt: "Home wellness experience" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-massages-man-hospital_1157-29306.jpg", imageAlt: "Total comfort service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,12 +62,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Bringing the Spa Experience to Your Home"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -116,47 +71,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deep Tissue Therapy",
|
||||
description: "Relieve chronic tension and muscle knots.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159105.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741186.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-christmas-composition-with-decorative-wood-2022-numbers-candles-decor-details-blurred-room-interior-background_169016-14489.jpg?_wi=2",
|
||||
imageAlt: "deep tissue massage relief",
|
||||
},
|
||||
{
|
||||
title: "Aromatherapy Massage",
|
||||
description: "Calm your senses with essential oils.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099292.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-spa-elements-with-towels_23-2147684482.jpg",
|
||||
imageAlt: "deep tissue massage relief",
|
||||
},
|
||||
{
|
||||
title: "Hot Stone Relaxation",
|
||||
description: "Warm muscle release for deep peace.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-hot-stones-woman-s-back_23-2147939927.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817023.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-zero-waste-concept_23-2148591691.jpg?_wi=1",
|
||||
imageAlt: "deep tissue massage relief",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Specialized Treatments"
|
||||
description="Professional care tailored to your specific needs."
|
||||
features={[
|
||||
{
|
||||
title: "Deep Tissue Therapy", description: "Relieve chronic tension and muscle knots.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/osteopathy-patoient-getting-tretment-massage_23-2149159105.jpg", imageAlt: "deep tissue massage relief" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741186.jpg", imageAlt: "deep tissue massage relief" }
|
||||
},
|
||||
{
|
||||
title: "Aromatherapy Massage", description: "Calm your senses with essential oils.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099292.jpg", imageAlt: "aromatherapy spa massage relaxation" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg", imageAlt: "aromatherapy spa massage relaxation" }
|
||||
},
|
||||
{
|
||||
title: "Hot Stone Relaxation", description: "Warm muscle release for deep peace.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-hot-stones-woman-s-back_23-2147939927.jpg", imageAlt: "hot stone massage spa therapy" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817023.jpg", imageAlt: "hot stone massage spa therapy" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,57 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Popular",
|
||||
price: "$99",
|
||||
subtitle: "Basic Relaxation",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Hour Session",
|
||||
"Essential Oils",
|
||||
"Home Visit",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Best",
|
||||
price: "$150",
|
||||
subtitle: "Total Rejuvenation",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"2 Hours Session",
|
||||
"Full Body Spa",
|
||||
"Hot Stone Add-on",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Ultimate",
|
||||
price: "$250",
|
||||
subtitle: "Full Night Service",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Overnight Relaxation",
|
||||
"Custom Aromatherapy",
|
||||
"Premium Care",
|
||||
],
|
||||
},
|
||||
{ id: "1", badge: "Popular", price: "$99", subtitle: "Basic Relaxation", buttons: [{ text: "Book Now", href: "#contact" }], features: ["1 Hour Session", "Essential Oils", "Home Visit"] },
|
||||
{ id: "2", badge: "Best", price: "$150", subtitle: "Total Rejuvenation", buttons: [{ text: "Book Now", href: "#contact" }], features: ["2 Hours Session", "Full Body Spa", "Hot Stone Add-on"] },
|
||||
{ id: "3", badge: "Ultimate", price: "$250", subtitle: "Full Night Service", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Overnight Relaxation", "Custom Aromatherapy", "Premium Care"] }
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Transparent rates for our home services."
|
||||
@@ -230,60 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Sanjna",
|
||||
name: "Essential Oils Kit",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-zero-waste-concept_23-2148591691.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Sanjna",
|
||||
name: "Body Smoothing Lotion",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-therapist-pouring-oil-her-hands-before-massage-treatment-wellness-center_637285-2057.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Sanjna",
|
||||
name: "Bath Salt Soak",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-composition-with-care-products_23-2148268491.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Sanjna",
|
||||
name: "Relaxation Candle",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-51959.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Sanjna",
|
||||
name: "Spa Plush Towel",
|
||||
price: "$35",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-bath-items-wooden-background_23-2148295959.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Sanjna",
|
||||
name: "Bamboo Massager",
|
||||
price: "$40",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-elevated-view_23-2147684433.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Sanjna", name: "Essential Oils Kit", price: "$30", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-zero-waste-concept_23-2148591691.jpg" },
|
||||
{ id: "2", brand: "Sanjna", name: "Body Smoothing Lotion", price: "$20", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-therapist-pouring-oil-her-hands-before-massage-treatment-wellness-center_637285-2057.jpg" },
|
||||
{ id: "3", brand: "Sanjna", name: "Bath Salt Soak", price: "$15", rating: 4, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spa-composition-with-care-products_23-2148268491.jpg" },
|
||||
{ id: "4", brand: "Sanjna", name: "Relaxation Candle", price: "$25", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-teapot_169016-51959.jpg" },
|
||||
{ id: "5", brand: "Sanjna", name: "Spa Plush Towel", price: "$35", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-frame-with-bath-items-wooden-background_23-2148295959.jpg" },
|
||||
{ id: "6", brand: "Sanjna", name: "Bamboo Massager", price: "$40", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-elevated-view_23-2147684433.jpg" }
|
||||
]}
|
||||
title="Spa Essentials"
|
||||
description="Take the feeling of Sanjna Spa home."
|
||||
@@ -297,26 +132,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-male-martial-arts-instructor-practice-hall-with-female-trainee_23-2148845934.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-spa_23-2150911797.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-bathrobe-holding-her-hair_23-2148389887.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-male-martial-arts-instructor-practice-hall-with-female-trainee_23-2148845934.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-working-spa_23-2150911797.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-woman-bathrobe-holding-her-hair_23-2148389887.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -328,21 +148,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you bring your own gear?",
|
||||
content: "Yes, our therapists bring all necessary mats and oils.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you serve?",
|
||||
content: "We cover all major neighborhoods in the city.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How to book a night session?",
|
||||
content: "Use our contact form or call us directly.",
|
||||
},
|
||||
{ id: "f1", title: "Do you bring your own gear?", content: "Yes, our therapists bring all necessary mats and oils." },
|
||||
{ id: "f2", title: "What areas do you serve?", content: "We cover all major neighborhoods in the city." },
|
||||
{ id: "f3", title: "How to book a night session?", content: "Use our contact form or call us directly." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find out more about our home service."
|
||||
@@ -356,18 +164,8 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment"
|
||||
description="Send us your request, and we will get back to you immediately."
|
||||
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 }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-talking-mobile-answer-phone-call-looking-happy-sitting-cafe_1258-198878.jpg"
|
||||
/>
|
||||
@@ -376,32 +174,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Sanjna Spa"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user