Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -32,68 +33,37 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "الرئيسية",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "عن المحل",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "خدماتنا",          id: "services"},
         {
-          name: "Team",
-          id: "team",
-        },
+          name: "فريقنا",          id: "team"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "اتصل بنا",          id: "contact"},
       ]}
-      brandName="Wasfi Barber"
+      brandName="صالون وصفي للحلاقة"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
-      title="Precision Cuts in Irbid"
-      description="Experience professional grooming at the heart of Irbid. Expert barbers, relaxing atmosphere, and a style tailored perfectly to you."
+        variant: "plain"}}
+      title="حلاقة دقيقة في إربد"
+      description="جرب خدمات الحلاقة الاحترافية في قلب إربد. حلاقون خبراء، أجواء مريحة، وأسلوب مصمم خصيصاً لك."
       buttons={[
         {
-          text: "Book Now",
-          href: "#contact",
-        },
+          text: "احجز الآن",          href: "#booking"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=1",
-          imageAlt: "Barber shop interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=1",          imageAlt: "Barber shop interior"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506339.jpg?_wi=1",
-          imageAlt: "Barber tools",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506339.jpg?_wi=1",          imageAlt: "Barber tools"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg?_wi=1",
-          imageAlt: "Barber shop exterior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-little-child-is-getting-trendy-haircut-from-barber-busy-barbershop_613910-20834.jpg",
-          imageAlt: "Professional barber service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
-          imageAlt: "Expert grooming tools",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg",
-          imageAlt: "Salon environment",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg?_wi=1",          imageAlt: "Barber shop exterior"},
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -102,11 +72,9 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextSplitAbout
       useInvertedBackground={true}
-      title="Your Style, Our Passion"
+      title="أسلوبك، شغفنا"
       description={[
-        "Founded with a vision to provide world-class grooming in Irbid, we blend traditional techniques with modern style.",
-        "Our team is committed to excellence, ensuring every client leaves feeling refreshed and confident.",
-      ]}
+        "تأسسنا برؤية تقديم خدمات حلاقة عالمية في إربد، حيث نمزج التقنيات التقليدية بالأسلوب الحديث.",        "فريقنا ملتزم بالتميز، لضمان خروج كل عميل وهو يشعر بالانتعاش والثقة."]}
     />
   </div>
 
@@ -118,26 +86,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Classic Haircuts",
-          description: "Timeless styles tailored to your face shape.",
-          imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
-          imageAlt: "Classic haircut",
-        },
+          title: "حلاقة كلاسيكية",          description: "أساليب خالدة تناسب شكل وجهك.",          imageSrc: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",          imageAlt: "Classic haircut"},
         {
-          title: "Precision Beard Trims",
-          description: "Detailed edging and grooming for a polished look.",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-hair-equipment_23-2148352914.jpg",
-          imageAlt: "Beard trim",
-        },
+          title: "تهذيب اللحية",          description: "تحديد وتدقيق دقيق لمظهر أنيق.",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-hair-equipment_23-2148352914.jpg",          imageAlt: "Beard trim"},
         {
-          title: "Royal Shaves",
-          description: "Relaxing hot towel shaves for a smooth finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/big-black-dog-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-dog-dog-is-tied-blue-table_1157-51538.jpg",
-          imageAlt: "Hot towel shave",
-        },
+          title: "حلاقة ملكية",          description: "حلاقة دافئة بالمنشفة لتجربة مريحة.",          imageSrc: "http://img.b2bpic.net/free-photo/big-black-dog-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-dog-dog-is-tied-blue-table_1157-51538.jpg",          imageAlt: "Hot towel shave"},
       ]}
-      title="Professional Services"
-      description="Comprehensive grooming solutions for modern men."
+      title="خدمات احترافية"
+      description="حلول حلاقة متكاملة للرجل العصري."
     />
   </div>
 
@@ -148,57 +104,45 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
-          badge: "Popular",
-          price: "10 JOD",
-          subtitle: "Basic Grooming",
-          features: [
-            "Classic haircut",
-            "Neck trim",
-          ],
+          id: "p1",          badge: "الأكثر طلباً",          price: "10 دينار",          subtitle: "حلاقة أساسية",          features: [
+            "حلاقة كلاسيكية",            "تحديد الرقبة"],
           buttons: [
             {
-              text: "Book",
-              href: "#contact",
-            },
+              text: "احجز",              href: "#booking"},
           ],
         },
         {
-          id: "p2",
-          badge: "Premium",
-          price: "15 JOD",
-          subtitle: "Signature Service",
-          features: [
-            "Classic haircut",
-            "Beard groom",
-            "Hot towel",
-          ],
+          id: "p2",          badge: "مميز",          price: "15 دينار",          subtitle: "خدمة التوقيع",          features: [
+            "حلاقة كلاسيكية",            "تهذيب اللحية",            "حلاقة بالمنشفة الدافئة"],
           buttons: [
             {
-              text: "Book",
-              href: "#contact",
-            },
+              text: "احجز",              href: "#booking"},
           ],
         },
         {
-          id: "p3",
-          badge: "Classic",
-          price: "5 JOD",
-          subtitle: " Beard Only",
-          features: [
-            "Beard shape",
-            "Hot steam",
-          ],
+          id: "p3",          badge: "كلاسيكي",          price: "5 دينار",          subtitle: "لحية فقط",          features: [
+            "تحديد اللحية",            "حلاقة بالبخار"],
           buttons: [
             {
-              text: "Book",
-              href: "#contact",
-            },
+              text: "احجز",              href: "#booking"},
           ],
         },
       ]}
-      title="Our Pricing"
-      description="Simple, transparent pricing for quality grooming."
+      title="قائمة الأسعار"
+      description="أسعار بسيطة وشفافة لخدمات ذات جودة عالية."
+    />
+  </div>
+
+  <div id="booking" data-section="booking">
+    <ContactCenter
+      tag="حجز"
+      title="احجز موعدك"
+      description="أدخل بريدك الإلكتروني أدناه وسنتواصل معك لتأكيد زيارتك."
+      onSubmit={(email) => console.log("Booking requested by:", email)}
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
+      buttonText="احجز الآن"
+      inputPlaceholder="أدخل بريدك الإلكتروني"
     />
   </div>
 
@@ -209,26 +153,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       team={[
         {
-          id: "t1",
-          name: "Malik",
-          role: "Master Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg?_wi=1",
-        },
+          id: "t1",          name: "مالك",          role: "حلاق رئيسي",          imageSrc: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg?_wi=1"},
         {
-          id: "t2",
-          name: "Ahmad",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg",
-        },
+          id: "t2",          name: "أحمد",          role: "مصفف أول",          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286038.jpg"},
         {
-          id: "t3",
-          name: "Omar",
-          role: "Barber",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379236.jpg",
-        },
+          id: "t3",          name: "عمر",          role: "حلاق",          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379236.jpg"},
       ]}
-      title="Meet Our Barbers"
-      description="Dedicated professionals here to serve you."
+      title="تعرف على فريقنا"
+      description="محترفون متخصصون هنا لخدمتكم."
     />
   </div>
 
@@ -238,63 +170,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Moe Jam",
-          date: "5 months ago",
-          title: "Great Experience",
-          quote: "Professional, clean, and top-tier service.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=2",
-          imageAlt: "man happy after haircut",
-        },
+          id: "1",          name: "معاذ",          date: "منذ 5 أشهر",          title: "تجربة رائعة",          quote: "خدمة احترافية، نظيفة، ومن الدرجة الأولى.",          tag: "عميل دائم",          avatarSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=2",          imageAlt: "man happy after haircut"},
         {
-          id: "2",
-          name: "Rami",
-          date: "8 months ago",
-          title: "Excellent Service",
-          quote: "Skilled barbers who really know what they are doing.",
-          tag: "Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506339.jpg?_wi=2",
-          imageAlt: "man happy after haircut",
-        },
+          id: "2",          name: "رامي",          date: "منذ 8 أشهر",          title: "خدمة ممتازة",          quote: "حلاقون مهرة يعرفون حقاً ماذا يفعلون.",          tag: "عميل",          avatarSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506339.jpg?_wi=2",          imageAlt: "man happy after haircut"},
         {
-          id: "3",
-          name: "Ali",
-          date: "3 months ago",
-          title: "Highly Recommend",
-          quote: "The best place for a haircut in Irbid.",
-          tag: "Regular",
-          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-trans-model-posing_23-2148905626.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg?_wi=2",
-          imageAlt: "man happy after haircut",
-        },
-        {
-          id: "4",
-          name: "Client Four",
-          date: "1 year ago",
-          title: "Consistent Quality",
-          quote: "Always satisfied with the results.",
-          tag: "Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-gear-accessories_482257-76733.jpg",
-          imageAlt: "man happy after haircut",
-        },
-        {
-          id: "5",
-          name: "Client Five",
-          date: "1 year ago",
-          title: "Friendly Staff",
-          quote: "A very relaxing experience every visit.",
-          tag: "Client",
-          avatarSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94785.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg?_wi=2",
-          imageAlt: "man happy after haircut",
-        },
+          id: "3",          name: "علي",          date: "منذ 3 أشهر",          title: "أوصي به بشدة",          quote: "أفضل مكان للحلاقة في إربد.",          tag: "عميل دائم",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-trans-model-posing_23-2148905626.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/vet-with-brush-animals-woman-black-t-shirt-cat-couch_1157-46550.jpg?_wi=2",          imageAlt: "man happy after haircut"},
       ]}
-      title="What Clients Say"
-      description="Join our community of satisfied gentlemen."
+      title="ماذا يقول عملاؤنا"
+      description="انضم إلى مجتمعنا من الرجال الراضين."
     />
   </div>
 
@@ -304,25 +187,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "Do I need an appointment?",
-          content: "We welcome walk-ins, but appointments are recommended on weekends.",
-        },
+          id: "q1",          title: "هل أحتاج إلى موعد؟",          content: "نرحب بزيارتكم في أي وقت، لكن يُفضل حجز موعد في عطلة نهاية الأسبوع."},
         {
-          id: "q2",
-          title: "What are your operating hours?",
-          content: "We are open daily until 2 AM.",
-        },
+          id: "q2",          title: "ما هي ساعات العمل؟",          content: "نحن مفتوحون يومياً حتى الساعة 2 صباحاً."},
         {
-          id: "q3",
-          title: "Do you accept card payments?",
-          content: "Yes, we accept major credit and debit cards.",
-        },
+          id: "q3",          title: "هل تقبلون الدفع بالبطاقة؟",          content: "نعم، نقبل بطاقات الائتمان والخصم الرئيسية."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/business-woman-video-call-with-friends-while-eating-breakfast-before-leaving-office-using-modern-online-internet-web-technology-chat-via-webcam-videoconference-app-with-relatives_482257-14233.jpg"
       mediaAnimation="blur-reveal"
-      title="Common Questions"
-      description="Here are answers to common questions about our shop."
+      title="أسئلة شائعة"
+      description="إليك إجابات على الأسئلة الشائعة حول محلنا."
       faqsAnimation="slide-up"
     />
   </div>
@@ -331,59 +205,44 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Ready for a fresh look?"
-      description="Visit us on Wasfi At-Tal St., Irbid. We're open until 2 AM every day."
+        variant: "plain"}}
+      tag="تفضل بزيارتنا"
+      title="هل أنت مستعد لمظهر جديد؟"
+      description="زرنا في شارع وصفي التل، إربد. نحن مفتوحون حتى الساعة 2 صباحاً كل يوم."
       buttons={[
         {
-          text: "Call Now",
-          href: "tel:0782460054",
-        },
+          text: "اتصل الآن",          href: "tel:0782460054"},
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="Wasfi Barber Shop"
+      logoText="صالون وصفي للحلاقة"
       columns={[
         {
-          title: "Menu",
-          items: [
+          title: "القائمة",          items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "الرئيسية",              href: "#hero"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "خدماتنا",              href: "#services"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "اتصل بنا",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "قانوني",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "سياسة الخصوصية",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "شروط الخدمة",              href: "#"},
           ],
         },
       ]}
-      copyrightText="© 2024 Wasfi Barber Shop. All rights reserved."
+      copyrightText="© 2024 صالون وصفي للحلاقة. جميع الحقوق محفوظة."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}