Merge version_2 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -18,38 +18,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "عن المركز",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "الخدمات",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "الآراء",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "#hero" },
|
||||
{ name: "عن المركز", id: "#about" },
|
||||
{ name: "الخدمات", id: "#services" },
|
||||
{ name: "آراء العملاء", id: "#testimonials" },
|
||||
{ name: "تواصل معنا", id: "#contact" },
|
||||
]}
|
||||
brandName="VIP Spa"
|
||||
/>
|
||||
@@ -57,50 +42,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="عالم من الاسترخاء ينتظرك في قلب حفر الباطن"
|
||||
description="نقدم لك تجربة سبا متكاملة لتجديد نشاطك واستعادة توازنك الجسدي والنفسي."
|
||||
buttons={[
|
||||
{
|
||||
text: "احجز جلستك الآن عبر WhatsApp",
|
||||
href: "https://wa.me/966500000000",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg"
|
||||
title="أعد شحن طاقتك وتخلص من ضغوط اليوم في قلب حفر الباطن"
|
||||
description="اكتشف تجربة استرخاء فاخرة مصممة خصيصاً للرجل العصري الباحث عن الهدوء والتميز."
|
||||
buttons={[{ text: "احجز جلستك الآن", href: "https://wa.me/966500000000" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/spa-treatment-man-relaxing-sauna-hot-stones_1150-13785.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-yoga-equipment_23-2151725296.jpg",
|
||||
alt: "Still life of yoga equipment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817462.jpg",
|
||||
alt: "Still life of foam roller",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-sauna-room-design-with-wall-tiles-wooden-bench_181624-27669.jpg",
|
||||
alt: "Vertical shot of a beautiful sauna room design with wall tiles and wooden bench",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spa-towels-with-dispenser-candles-modern-selfcare_169016-69653.jpg",
|
||||
alt: "Spa towels with dispenser and candles modern selfcare",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-pretending-show-something-bathrobe-looking-confident_176474-88380.jpg",
|
||||
alt: "Young woman pretending to show something in bathrobe and looking confident",
|
||||
},
|
||||
]}
|
||||
avatarText="انضم إلى أكثر من 870 عميل سعيد"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="عن المركز"
|
||||
title="تجربة استثنائية في قلب حفر الباطن"
|
||||
description="يقع مركزنا في طريق الملك عبدالعزيز، الفيصلية، حفر الباطن. نحن هنا لنمنحك تجربة استرخاء لا تُنسى على مدار الساعة."
|
||||
subdescription="نحن فخورون بحصولنا على تقييم 4.5 نجوم من أكثر من 870 عميل."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-with-woman-holding-plants_23-2149628185.jpg"
|
||||
tag="لماذا نحن"
|
||||
title="مركز VIP للسبا – عنوان الفخامة والخصوصية"
|
||||
description="نحن نتميز بتقديم خدمات سبا رجالية فاخرة بإشراف طاقم عمل احترافي يضمن لك الخصوصية التامة والخدمة الراقية."
|
||||
subdescription="موقعنا في حفر الباطن مجهز بأحدث المرافق لتضمن لك أفضل رحلة استرخاء ممكنة."
|
||||
imageSrc="https://img.b2bpic.net/free-photo/luxury-spa-interior-with-minimalist-design_1234-5678.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Sparkles}
|
||||
/>
|
||||
@@ -111,114 +67,43 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="خدماتنا"
|
||||
description="استمتع بباقة من الخدمات المتميزة المصممة للعناية بجسمك وذهنك."
|
||||
features={[
|
||||
{
|
||||
title: "المساج والاسترخاء",
|
||||
description: "مساج علاجي، سويدي، ورياضي لاستعادة حيويتك.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coconut-oil-tropical-leaves-fresh-coconuts-spa-coconut-products-light-wooden-surface_1150-42395.jpg",
|
||||
title: "المساج الرجالي", description: "مساج علاجي واسترخائي على يد خبراء لراحة عضلاتك.", imageSrc: "https://img.b2bpic.net/free-photo/man-getting-massage-in-spa-salon_1234-9012.jpg"
|
||||
},
|
||||
{
|
||||
title: "الحمام المغربي الملكي",
|
||||
description: "تجربة تنظيف وعناية تقليدية فاخرة لصفاء بشرتك.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358964.jpg",
|
||||
title: "الحمام المغربي", description: "استمتع بطقوس الحمام المغربي التقليدي للتنظيف العميق.", imageSrc: "https://img.b2bpic.net/free-photo/traditional-moroccan-hammam-details_1234-3456.jpg"
|
||||
},
|
||||
{
|
||||
title: "المرافق المائية",
|
||||
description: "استمتع بالساونا، البخار، والجاكوزي المتطور.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263565.jpg",
|
||||
},
|
||||
title: "المرافق المائية", description: "استرخ في الساونا والجاكوزي الخاص بنا لتجديد نشاطك.", imageSrc: "https://img.b2bpic.net/free-photo/luxury-sauna-room-design_1234-7890.jpg"
|
||||
}
|
||||
]}
|
||||
title="خدماتنا المميزة"
|
||||
description="استكشف خدماتنا المصممة بعناية لراحتك."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="آراء عملائنا"
|
||||
description="ثقة عملائنا في حفر الباطن هي مصدر فخرنا."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "محمد العتيبي",
|
||||
role: "عميل",
|
||||
testimonial: "اختيار موفق، مساج رائع وأنصح بالتعامل معهم.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
|
||||
id: "1", name: "سعود الحربي", role: "عميل دائم", testimonial: "تجربة خيالية، اهتمام بالتفاصيل وخصوصية عالية."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "خالد العنزي",
|
||||
role: "عميل",
|
||||
testimonial: "نشكر الطاقم الاحترافي على حسن الأخلاق والاحترام.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-looking-camera-white-bathrobe-towel-looking-merry-front-view_176474-50949.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "سارة حمد",
|
||||
role: "عميلة",
|
||||
testimonial: "أفضل مركز سبا في حفر الباطن بلا منازع.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "أحمد الشهري",
|
||||
role: "عميل",
|
||||
testimonial: "تجربة استرخاء لا تُنسى، سأعود قريباً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871830.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "نورة خالد",
|
||||
role: "عميلة",
|
||||
testimonial: "نظافة واحترافية عالية، شكرًا لكم.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/i-love-visiting-grandma-her-lovely-house_329181-2525.jpg",
|
||||
},
|
||||
id: "2", name: "فهد السعدي", role: "عميل", testimonial: "أفضل مركز مساج زرته في حفر الباطن، مستوى عالٍ جداً."
|
||||
}
|
||||
]}
|
||||
title="آراء عملائنا"
|
||||
description="كلمات تصف تجربة عملائنا الكرام."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "هل المركز مفتوح دائماً؟",
|
||||
content: "نعم، نحن في خدمتك على مدار الساعة.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "أين موقعكم بالتحديد؟",
|
||||
content: "نحن في طريق الملك عبدالعزيز، الفيصلية، حفر الباطن.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "كيف أحجز موعداً؟",
|
||||
content: "يمكنك الحجز بسهولة عبر التواصل معنا عبر الواتساب.",
|
||||
},
|
||||
]}
|
||||
sideTitle="أسئلة شائعة"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="جاهز للاسترخاء؟ تواصل معنا الآن."
|
||||
buttons={[
|
||||
{
|
||||
text: "اتصل بنا الآن",
|
||||
href: "tel:0137252555",
|
||||
},
|
||||
]}
|
||||
text="نحن في انتظار زيارتك الفاخرة."
|
||||
buttons={[{ text: "اتصل بنا: 0500000000", href: "tel:966500000000" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,34 +111,14 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "تواصل معنا",
|
||||
items: [
|
||||
{
|
||||
label: "هاتف: 0137252555",
|
||||
href: "tel:0137252555",
|
||||
},
|
||||
{
|
||||
label: "الموقع: خرائط جوجل",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "روابط",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "الخدمات",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "VIP Spa حفر الباطن", items: [
|
||||
{ label: "العنوان: طريق الملك عبدالعزيز، حفر الباطن" },
|
||||
{ label: "هاتف: 0500000000", href: "tel:966500000000" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 VIP Spa. جميع الحقوق محفوظة."
|
||||
bottomRightText="صُمم بفخامة"
|
||||
bottomRightText="تقييم المركز: ⭐⭐⭐⭐⭐"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #121212;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #D4AF37;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #333333;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #333333;
|
||||
--background-accent: #222222;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user