Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,7 +3,6 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -18,38 +17,23 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
-        sizing="mediumLarge"
+        sizing="large"
-        background="blurBottom"
+        background="noise"
-        cardStyle="outline"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="solid"
+        secondaryButtonStyle="glass"
-        headingFontWeight="extrabold"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "الرئيسية", id: "#hero" },
-          name: "الرئيسية",
+        { name: "عن المركز", id: "#about" },
-          id: "#hero",
+        { name: "الخدمات", id: "#services" },
-        },
+        { name: "آراء العملاء", id: "#testimonials" },
-        {
+        { name: "تواصل معنا", id: "#contact" },
-          name: "عن المركز",
-          id: "#about",
-        },
-        {
-          name: "الخدمات",
-          id: "#services",
-        },
-        {
-          name: "الآراء",
-          id: "#testimonials",
-        },
-        {
-          name: "تواصل معنا",
-          id: "#contact",
-        },
       ]}
       brandName="VIP Spa"
     />
@@ -57,52 +41,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="عالم من الاسترخاء ينتظرك في قلب حفر الباطن"
+      title="أعد شحن طاقتك وتخلص من ضغوط اليوم في قلب حفر الباطن"
-      description="نقدم لك تجربة سبا متكاملة لتجديد نشاطك واستعادة توازنك الجسدي والنفسي."
+      description="اكتشف تجربة استرخاء فاخرة مصممة خصيصاً للرجل العصري الباحث عن الهدوء والتميز."
-      buttons={[
+      buttons={[{ text: "احجز جلستك الآن", href: "https://wa.me/966500000000" }]}
-        {
+      imageSrc="https://img.b2bpic.net/free-photo/spa-treatment-man-relaxing-sauna-hot-stones_1150-13785.jpg"
-          text: "احجز جلستك الآن عبر WhatsApp",
-          href: "https://wa.me/966500000000",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.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="لماذا نحن"
-      tag="عن المركز"
+      title="مركز VIP للسبا – عنوان الفخامة والخصوصية"
-      title="تجربة استثنائية في قلب حفر الباطن"
+      description="نحن نتميز بتقديم خدمات سبا رجالية فاخرة بإشراف طاقم عمل احترافي يضمن لك الخصوصية التامة والخدمة الراقية."
-      description="يقع مركزنا في طريق الملك عبدالعزيز، الفيصلية، حفر الباطن. نحن هنا لنمنحك تجربة استرخاء لا تُنسى على مدار الساعة."
+      subdescription="موقعنا في حفر الباطن مجهز بأحدث المرافق لتضمن لك أفضل رحلة استرخاء ممكنة."
-      subdescription="نحن فخورون بحصولنا على تقييم 4.5 نجوم من أكثر من 870 عميل."
+      imageSrc="https://img.b2bpic.net/free-photo/luxury-spa-interior-with-minimalist-design_1234-5678.jpg"
-      imageSrc="http://img.b2bpic.net/free-photo/studio-portrait-with-woman-holding-plants_23-2149628185.jpg"
       mediaAnimation="slide-up"
       icon={Sparkles}
+      useInvertedBackground={false}
     />
   </div>
 
@@ -111,114 +67,47 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      title="خدماتنا"
+      description="استمتع بباقة من الخدمات المتميزة المصممة للعناية بجسمك وذهنك."
       features={[
         {
-          title: "المساج والاسترخاء",
+          title: "المساج الرجالي", description: "مساج علاجي واسترخائي على يد خبراء لراحة عضلاتك.", imageSrc: "https://img.b2bpic.net/free-photo/man-getting-massage-in-spa-salon_1234-9012.jpg"
-          description: "مساج علاجي، سويدي، ورياضي لاستعادة حيويتك.",
-          imageSrc: "http://img.b2bpic.net/free-photo/coconut-oil-tropical-leaves-fresh-coconuts-spa-coconut-products-light-wooden-surface_1150-42395.jpg",
         },
         {
-          title: "الحمام المغربي الملكي",
+          title: "الحمام المغربي", description: "استمتع بطقوس الحمام المغربي التقليدي للتنظيف العميق.", imageSrc: "https://img.b2bpic.net/free-photo/traditional-moroccan-hammam-details_1234-3456.jpg"
-          description: "تجربة تنظيف وعناية تقليدية فاخرة لصفاء بشرتك.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358964.jpg",
         },
         {
-          title: "المرافق المائية",
+          title: "المرافق المائية", description: "استرخ في الساونا والجاكوزي الخاص بنا لتجديد نشاطك.", imageSrc: "https://img.b2bpic.net/free-photo/luxury-sauna-room-design_1234-7890.jpg"
-          description: "استمتع بالساونا، البخار، والجاكوزي المتطور.",
+        }
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263565.jpg",
-        },
       ]}
-      title="خدماتنا المميزة"
+      useInvertedBackground={false}
-      description="استكشف خدماتنا المصممة بعناية لراحتك."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
+      title="آراء عملائنا"
+      description="ثقة عملائنا في حفر الباطن هي مصدر فخرنا."
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1", name: "سعود الحربي", role: "عميل دائم", testimonial: "تجربة خيالية، اهتمام بالتفاصيل وخصوصية عالية."
-          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: "2",
+          id: "2", name: "فهد السعدي", role: "عميل", testimonial: "أفضل مركز مساج زرته في حفر الباطن، مستوى عالٍ جداً."
-          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",
-        },
       ]}
-      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}
+      text="نحن في انتظار زيارتك الفاخرة."
-      background={{
+      buttons={[{ text: "اتصل بنا: 0500000000", href: "tel:966500000000" }]}
-        variant: "gradient-bars",
+      background={{ variant: "sparkles-gradient" }}
-      }}
+      useInvertedBackground={false}
-      text="جاهز للاسترخاء؟ تواصل معنا الآن."
-      buttons={[
-        {
-          text: "اتصل بنا الآن",
-          href: "tel:0137252555",
-        },
-      ]}
     />
   </div>
 
@@ -226,34 +115,14 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "تواصل معنا",
+          title: "VIP Spa حفر الباطن", items: [
-          items: [
+            { label: "العنوان: طريق الملك عبدالعزيز، حفر الباطن" },
-            {
+            { label: "هاتف: 0500000000", href: "tel:966500000000" }
-              label: "هاتف: 0137252555",
+          ]
-              href: "tel:0137252555",
+        }
-            },
-            {
-              label: "الموقع: خرائط جوجل",
-              href: "https://maps.google.com",
-            },
-          ],
-        },
-        {
-          title: "روابط",
-          items: [
-            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
-            {
-              label: "الخدمات",
-              href: "#services",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 VIP Spa. جميع الحقوق محفوظة."
-      bottomRightText="صُمم بفخامة"
+      bottomRightText="تقييم المركز: ⭐⭐⭐⭐⭐"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -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);