From 99578774d9969b827a5701e6d4cf3614bf20f1ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 08:46:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 437 +++++++++++++++--------------------------------
 1 file changed, 133 insertions(+), 304 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6718aac..a32d25d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,318 +28,147 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "#hero",
-        },
-        {
-          name: "عن الصالون",
-          id: "#about",
-        },
-        {
-          name: "الخدمات",
-          id: "#services",
-        },
-        {
-          name: "آراء العملاء",
-          id: "#testimonials",
-        },
-        {
-          name: "تواصل معنا",
-          id: "#contact",
-        },
-      ]}
-      brandName="صالون الراقي"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "الرئيسية", id: "#hero" },
+              { name: "عن الصالون", id: "#about" },
+              { name: "الخدمات", id: "#services" },
+              { name: "آراء العملاء", id: "#testimonials" },
+              { name: "تواصل معنا", id: "#contact" },
+            ]}
+            brandName="صالون الراقي"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="صالون الراقي - التميز في الحلاقة والعناية"
-      description="تجربة حلاقة فاخرة وخدمات احترافية تليق بك في قلب مدينة جدة."
-      testimonials={[
-        {
-          name: "أحمد علي",
-          handle: "@ahmed",
-          testimonial: "أفضل حلاقة حصلت عليها في جدة، خدمة ممتازة ونظافة عالية.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg",
-        },
-        {
-          name: "خالد محمد",
-          handle: "@khaled",
-          testimonial: "الصالون مرتب والموظفون محترفون جداً، أنصح به بشدة.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg",
-        },
-        {
-          name: "سعد القرني",
-          handle: "@saad",
-          testimonial: "تجربة فاخرة بكل المقاييس، خدمة 5 نجوم.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-afro-american-male-barber-wearing-uniform-combing-his-mustache_141793-117565.jpg",
-        },
-        {
-          name: "فيصل العتيبي",
-          handle: "@faisal",
-          testimonial: "اهتمام بالتفاصيل غير مسبوق، فعلاً يستحقون الزيارة.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg",
-        },
-        {
-          name: "سلطان",
-          handle: "@sultan",
-          testimonial: "حلاقة دقيقة ومكان هادئ ومريح جداً.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "احجز موعدك الآن",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230960.jpg",
-          alt: "عميل سعيد",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg",
-          alt: "عميل راضي",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg",
-          alt: "زبون منتظم",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg",
-          alt: "عميل جديد",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg",
-          alt: "عميل دائم",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="صالون الراقي - التميز في الحلاقة والعناية"
+            description="تجربة حلاقة فاخرة وخدمات احترافية تليق بك في قلب مدينة جدة."
+            testimonials={[
+              { name: "أحمد علي", handle: "@ahmed", testimonial: "أفضل حلاقة حصلت عليها في جدة، خدمة ممتازة ونظافة عالية.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2921.jpg" },
+              { name: "خالد محمد", handle: "@khaled", testimonial: "الصالون مرتب والموظفون محترفون جداً، أنصح به بشدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg" },
+              { name: "سعد القرني", handle: "@saad", testimonial: "تجربة فاخرة بكل المقاييس، خدمة 5 نجوم.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-afro-american-male-barber-wearing-uniform-combing-his-mustache_141793-117565.jpg" },
+              { name: "فيصل العتيبي", handle: "@faisal", testimonial: "اهتمام بالتفاصيل غير مسبوق، فعلاً يستحقون الزيارة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg" },
+              { name: "سلطان", handle: "@sultan", testimonial: "حلاقة دقيقة ومكان هادئ ومريح جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg" },
+            ]}
+            buttons={[{ text: "احجز موعدك الآن", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230960.jpg", alt: "عميل سعيد" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", alt: "عميل راضي" },
+              { src: "http://img.b2bpic.net/free-photo/makeup-artist-female-customer-looking-mobile-phone_329181-1952.jpg", alt: "زبون منتظم" },
+              { src: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg", alt: "عميل جديد" },
+              { src: "http://img.b2bpic.net/free-photo/man-getting-his-hairstyle-done_23-2148465240.jpg", alt: "عميل دائم" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="لماذا صالون الراقي؟"
-      title="نحن نصنع التغيير"
-      description="نقدم خدماتنا بخبرة عالية لنضمن لك مظهراً أنيقاً يليق بمكانتك."
-      subdescription="في صالون الراقي، نؤمن بأن الحلاقة ليست مجرد خدمة، بل هي تجربة شخصية مميزة لكل عميل."
-      icon={Scissors}
-      imageSrc="http://img.b2bpic.net/free-photo/great-time-barbershop-cheerful-young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop_1153-9482.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="لماذا صالون الراقي؟"
+            title="نحن نصنع التغيير"
+            description="نقدم خدماتنا بخبرة عالية لنضمن لك مظهراً أنيقاً يليق بمكانتك."
+            subdescription="في صالون الراقي، نؤمن بأن الحلاقة ليست مجرد خدمة، بل هي تجربة شخصية مميزة لكل عميل."
+            icon={Scissors}
+            imageSrc="http://img.b2bpic.net/free-photo/great-time-barbershop-cheerful-young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop_1153-9482.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Scissors,
-          title: "حلاقة احترافية",
-          description: "قصات شعر عصرية وكلاسيكية تناسب ذوقك.",
-        },
-        {
-          icon: Sparkles,
-          title: "عناية بالبشرة",
-          description: "جلسات تنظيف البشرة لتجربة انتعاش كاملة.",
-        },
-        {
-          icon: Watch,
-          title: "سرعة ودقة",
-          description: "نقدر وقتك ونلتزم بالمواعيد المحددة بكل دقة.",
-        },
-        {
-          icon: Smile,
-          title: "خدمة عملاء",
-          description: "توفير بيئة مريحة وتقديم أفضل معاملة للعملاء.",
-        },
-        {
-          icon: ThumbsUp,
-          title: "جودة عالية",
-          description: "نستخدم أفضل الأدوات والمنتجات للعناية بشعرك.",
-        },
-      ]}
-      title="خدماتنا المميزة"
-      description="نقدم باقة متنوعة من خدمات العناية بالرجل."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Scissors, title: "حلاقة احترافية", description: "قصات شعر عصرية وكلاسيكية تناسب ذوقك." },
+              { icon: Sparkles, title: "عناية بالبشرة", description: "جلسات تنظيف البشرة لتجربة انتعاش كاملة." },
+              { icon: Watch, title: "سرعة ودقة", description: "نقدر وقتك ونلتزم بالمواعيد المحددة بكل دقة." },
+              { icon: Smile, title: "خدمة عملاء", description: "توفير بيئة مريحة وتقديم أفضل معاملة للعملاء." },
+              { icon: ThumbsUp, title: "جودة عالية", description: "نستخدم أفضل الأدوات والمنتجات للعناية بشعرك." },
+            ]}
+            title="خدماتنا المميزة"
+            description="نقدم باقة متنوعة من خدمات العناية بالرجل."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "قص شعر كلاسيكي",
-          price: "50 ريال",
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
-        },
-        {
-          id: "2",
-          name: "تحديد لحية",
-          price: "30 ريال",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-client_1153-1498.jpg",
-        },
-        {
-          id: "3",
-          name: "تنظيف بشرة",
-          price: "100 ريال",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",
-        },
-        {
-          id: "4",
-          name: "صبغة شعر",
-          price: "150 ريال",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg",
-        },
-        {
-          id: "5",
-          name: "حمام مغربي",
-          price: "200 ريال",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-standing-barbershop_1157-20142.jpg",
-        },
-        {
-          id: "6",
-          name: "عناية كاملة",
-          price: "250 ريال",
-          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-client_23-2147778764.jpg",
-        },
-      ]}
-      title="قائمة الخدمات"
-      description="اختر الخدمة المناسبة لك."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "قص شعر كلاسيكي", price: "50 ريال", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg" },
+              { id: "2", name: "تحديد لحية", price: "30 ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-shaving-client_1153-1498.jpg" },
+              { id: "3", name: "تنظيف بشرة", price: "100 ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg" },
+              { id: "4", name: "صبغة شعر", price: "150 ريال", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665403.jpg" },
+              { id: "5", name: "حمام مغربي", price: "200 ريال", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-standing-barbershop_1157-20142.jpg" },
+              { id: "6", name: "عناية كاملة", price: "250 ريال", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-client_23-2147778764.jpg" },
+            ]}
+            title="قائمة الخدمات"
+            description="اختر الخدمة المناسبة لك."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "أحمد",
-          role: "عميل",
-          company: "جدة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
-        },
-        {
-          id: "2",
-          name: "سالم",
-          role: "عميل",
-          company: "جدة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg",
-        },
-        {
-          id: "3",
-          name: "فهد",
-          role: "عميل",
-          company: "جدة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg",
-        },
-        {
-          id: "4",
-          name: "محمد",
-          role: "عميل",
-          company: "جدة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg",
-        },
-        {
-          id: "5",
-          name: "ناصر",
-          role: "عميل",
-          company: "جدة",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg",
-        },
-      ]}
-      title="آراء عملائنا"
-      description="فخورون بثقة عملائنا الدائمين."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "أحمد", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg" },
+              { id: "2", name: "سالم", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-male-with-long-hair-dressed-denim-jacket-isolated-grey-background_613910-8903.jpg" },
+              { id: "3", name: "فهد", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg" },
+              { id: "4", name: "محمد", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg" },
+              { id: "5", name: "ناصر", role: "عميل", company: "جدة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg" },
+            ]}
+            title="آراء عملائنا"
+            description="فخورون بثقة عملائنا الدائمين."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "هل يتطلب الحجز موعد مسبق؟",
-          content: "نعم، ننصح بالحجز لضمان توفر الوقت المناسب لك.",
-        },
-        {
-          id: "2",
-          title: "أين يقع الصالون؟",
-          content: "نقع في موقع متميز في جدة، يمكنك الوصول لنا عبر خرائط جوجل.",
-        },
-        {
-          id: "3",
-          title: "ما هي ساعات العمل؟",
-          content: "نعمل يومياً من الساعة 10 صباحاً وحتى 11 مساءً.",
-        },
-        {
-          id: "4",
-          title: "هل يتوفر لديكم حلاقة للأطفال؟",
-          content: "نعم، لدينا متخصصون في حلاقة الأطفال بأمان ودقة.",
-        },
-        {
-          id: "5",
-          title: "هل تتوفر خدمات تنظيف البشرة؟",
-          content: "نعم، نقدم باقة متكاملة من خدمات البشرة.",
-        },
-      ]}
-      title="أسئلة متكررة"
-      description="كل ما تحتاج معرفته عن الصالون."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "هل يتطلب الحجز موعد مسبق؟", content: "نعم، ننصح بالحجز لضمان توفر الوقت المناسب لك." },
+              { id: "2", title: "أين يقع الصالون؟", content: "نقع في موقع متميز في جدة، يمكنك الوصول لنا عبر خرائط جوجل." },
+              { id: "3", title: "ما هي ساعات العمل؟", content: "نعمل يومياً من الساعة 10 صباحاً وحتى 11 مساءً." },
+              { id: "4", title: "هل يتوفر لديكم حلاقة للأطفال؟", content: "نعم، لدينا متخصصون في حلاقة الأطفال بأمان ودقة." },
+              { id: "5", title: "هل تتوفر خدمات تنظيف البشرة؟", content: "نعم، نقدم باقة متكاملة من خدمات البشرة." },
+            ]}
+            title="أسئلة متكررة"
+            description="كل ما تحتاج معرفته عن الصالون."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="تواصل معنا واحجز موعدك"
-      description="نحن هنا لخدمتك، تواصل معنا لحجز موعدك أو للاستفسار عن خدماتنا."
-      imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
-      mediaAnimation="slide-up"
-      inputPlaceholder="أدخل رقم هاتفك للحجز"
-      buttonText="حجز الموعد"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="تواصل معنا"
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="تواصل معنا واحجز موعدك"
+            description="نحن هنا لخدمتك، تواصل معنا لحجز موعدك أو للاستفسار عن خدماتنا."
+            imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
+            mediaAnimation="slide-up"
+            inputPlaceholder="أدخل رقم هاتفك للحجز"
+            buttonText="حجز الموعد"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="صالون الراقي"
-      copyrightText="© 2025 صالون الراقي. جميع الحقوق محفوظة."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="صالون الراقي"
+            copyrightText="© 2025 صالون الراقي. جميع الحقوق محفوظة."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1