Merge version_1 into main #2
305
src/app/page.tsx
305
src/app/page.tsx
@@ -30,22 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Booking", id: "contact" },
|
||||
]}
|
||||
brandName="Serenity Spa"
|
||||
/>
|
||||
@@ -53,42 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Relax. Refresh. Renew. | استرخِ. انتعش. تجدد."
|
||||
description="Experience luxury spa treatments in Riyadh | عيش تجربة السبا الفاخرة في الرياض"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now | احجز الآن",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now | احجز الآن", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-48370.jpg?_wi=1",
|
||||
imageAlt: "Luxurious spa relaxation scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698306.jpg",
|
||||
imageAlt: "Candles and oils",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg",
|
||||
imageAlt: "Massage service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-flowers-creams_23-2148268400.jpg",
|
||||
imageAlt: "Fresh towels",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-beautiful-vintage-candlesticks-with-burning-candles-blurred-background_169016-9655.jpg",
|
||||
imageAlt: "Interior design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-candles-towel-spa-stones-white-tabletop_23-2147956397.jpg",
|
||||
imageAlt: "Calm atmosphere",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-48370.jpg", imageAlt: "Luxurious spa relaxation scene" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698306.jpg", imageAlt: "Candles and oils" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-candles-table-living-room_169016-5157.jpg", imageAlt: "Massage service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-flowers-creams_23-2148268400.jpg", imageAlt: "Fresh towels" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-beautiful-vintage-candlesticks-with-burning-candles-blurred-background_169016-9655.jpg", imageAlt: "Interior design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/illuminated-candles-towel-spa-stones-white-tabletop_23-2147956397.jpg", imageAlt: "Calm atmosphere" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,7 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Welcome to Serenity Spa | مرحباً بكم في سيرينتي سبا"
|
||||
description="We provide a premium relaxation experience with world-class therapists and calming ambiance. | نقدم تجربة استرخاء فاخرة مع أفضل المعالجين وأجواء هادئة."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg"
|
||||
imageAlt="Luxury spa serene reception area"
|
||||
/>
|
||||
</div>
|
||||
@@ -110,65 +76,33 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Massage Therapy | جلسات المساج",
|
||||
description: "Deep Tissue, Relaxation",
|
||||
icon: Sparkles,
|
||||
title: "Massage Therapy | جلسات المساج", description: "Deep Tissue, Relaxation", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-massage-with-essential-oils-modern-spa-massage-hands-closeup_169016-69029.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/massage-with-four-hands-concept-healthcare-female-beauty-two-masseuses-make-double-massage-girl-woman-spa-salon_1157-44662.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-48370.jpg?_wi=2",
|
||||
imageAlt: "massage therapy luxury spa",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/relaxing-massage-with-essential-oils-modern-spa-massage-hands-closeup_169016-69029.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/massage-with-four-hands-concept-healthcare-female-beauty-two-masseuses-make-double-massage-girl-woman-spa-salon_1157-44662.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Facial Treatments | العناية بالبشرة",
|
||||
description: "Glow facials, anti-aging",
|
||||
icon: Sparkles,
|
||||
title: "Facial Treatments | العناية بالبشرة", description: "Glow facials, anti-aging", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-33.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg?_wi=2",
|
||||
imageAlt: "massage therapy luxury spa",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334255.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-submerged-water-holding-green-plant_209303-33.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Moroccan Bath | الحمام المغربي",
|
||||
description: "Traditional luxury cleansing",
|
||||
icon: Sparkles,
|
||||
title: "Moroccan Bath | الحمام المغربي", description: "Traditional luxury cleansing", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000092.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-white-luxury-nature-roll_1203-6350.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manicure-procedure-progress-beautician-master-applying-color-nail-polish-closeup-hands_613910-20404.jpg",
|
||||
imageAlt: "massage therapy luxury spa",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000092.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-white-luxury-nature-roll_1203-6350.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Nail Care | العناية بالأظافر",
|
||||
description: "Manicure & Pedicure",
|
||||
icon: Sparkles,
|
||||
title: "Nail Care | العناية بالأظافر", description: "Manicure & Pedicure", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736732.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974568.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863451.jpg?_wi=1",
|
||||
imageAlt: "massage therapy luxury spa",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736732.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974568.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Services | خدماتنا"
|
||||
description="Tailored wellness treatments designed to rejuvenate your mind, body, and soul."
|
||||
@@ -181,41 +115,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Signature",
|
||||
price: "150 SAR",
|
||||
period: "per session",
|
||||
description: "Experience our signature basic treatment packages.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Professional Therapy",
|
||||
"Natural Products",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Premium",
|
||||
price: "350 SAR",
|
||||
period: "per session",
|
||||
description: "An elevated journey with comprehensive body care.",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Essential Oils",
|
||||
"Full Body Massage",
|
||||
"Facial Glow",
|
||||
"Refreshments",
|
||||
],
|
||||
},
|
||||
{ id: "p1", tag: "Signature", price: "150 SAR", period: "per session", description: "Experience our signature basic treatment packages.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Included", features: ["Consultation", "Professional Therapy", "Natural Products"] },
|
||||
{ id: "p2", tag: "Premium", price: "350 SAR", period: "per session", description: "An elevated journey with comprehensive body care.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Included", features: ["Essential Oils", "Full Body Massage", "Facial Glow", "Refreshments"] }
|
||||
]}
|
||||
title="Pricing Preview | قائمة الأسعار"
|
||||
description="Transparent, luxury-focused investment in your wellness."
|
||||
@@ -228,50 +129,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Design",
|
||||
description: "Calm aesthetics",
|
||||
icon: Camera,
|
||||
title: "Interior Design", description: "Calm aesthetics", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736732.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863451.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-48370.jpg?_wi=3",
|
||||
imageAlt: "spa interior candles oils aesthetic",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736732.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-water-table_23-2148863451.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Details",
|
||||
description: "Wellness touches",
|
||||
icon: Camera,
|
||||
title: "Details", description: "Wellness touches", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-towel-her-head-bathrobe-reads-latest-news-lady-with-cup-tea-posing-bathroom_197531-17268.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-relaxing-spa-holding-cocktails_1157-49807.jpg?_wi=3",
|
||||
imageAlt: "spa interior candles oils aesthetic",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-towel-her-head-bathrobe-reads-latest-news-lady-with-cup-tea-posing-bathroom_197531-17268.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Experience",
|
||||
description: "Luxury moments",
|
||||
icon: Camera,
|
||||
title: "Experience", description: "Luxury moments", icon: Camera,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935120.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-mirror-decorative-details-bright-room-interior_169016-28687.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-massage-with-essential-oils-modern-spa-massage-hands-closeup_169016-69029.jpg?_wi=2",
|
||||
imageAlt: "spa interior candles oils aesthetic",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-interior-meditation-space_23-2151935120.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-mirror-decorative-details-bright-room-interior_169016-28687.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Gallery | معرض الصور"
|
||||
description="Visualizing your serene sanctuary in the heart of Riyadh."
|
||||
@@ -284,41 +161,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Client One",
|
||||
role: "Riyadh Resident",
|
||||
testimonial: "Best spa experience in Riyadh!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Client Two",
|
||||
role: "Guest",
|
||||
testimonial: "Truly relaxing and luxurious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13142.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Client Three",
|
||||
role: "Visitor",
|
||||
testimonial: "High quality treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Client Four",
|
||||
role: "Frequent Customer",
|
||||
testimonial: "Loved the Moroccan bath.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-mirror-background-with-young-woman_23-2149704349.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Client Five",
|
||||
role: "Local",
|
||||
testimonial: "Exceptional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
|
||||
},
|
||||
{ id: "1", name: "Client One", role: "Riyadh Resident", testimonial: "Best spa experience in Riyadh!", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg" },
|
||||
{ id: "2", name: "Client Two", role: "Guest", testimonial: "Truly relaxing and luxurious.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13142.jpg" },
|
||||
{ id: "3", name: "Client Three", role: "Visitor", testimonial: "High quality treatments.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178239.jpg" },
|
||||
{ id: "4", name: "Client Four", role: "Frequent Customer", testimonial: "Loved the Moroccan bath.", imageSrc: "http://img.b2bpic.net/free-photo/creative-mirror-background-with-young-woman_23-2149704349.jpg" },
|
||||
{ id: "5", name: "Client Five", role: "Local", testimonial: "Exceptional service.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg" }
|
||||
]}
|
||||
title="Testimonials | آراء العملاء"
|
||||
description="What our guests say about their journey at Serenity."
|
||||
@@ -328,9 +175,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Book your session today | احجز جلستك اليوم"
|
||||
description="Visit us in Riyadh. Phone: +966 50 000 0000"
|
||||
@@ -342,39 +187,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "+966 50 000 0000",
|
||||
href: "tel:+966500000000",
|
||||
},
|
||||
{
|
||||
label: "Location: Riyadh",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "+966 50 000 0000", href: "tel:+966500000000" },
|
||||
{ label: "Location: Riyadh", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Serenity Spa"
|
||||
copyrightText="© 2026 Luxury Spa Riyadh"
|
||||
|
||||
Reference in New Issue
Block a user