From e19b5015254d4ca1c56780eeb0caa7e0ef44124d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 20:29:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 178 ++++++++++++-----------------------------------
 1 file changed, 43 insertions(+), 135 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5c0476e..d6490e4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,27 +17,26 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "الرئيسية",
-          id: "hero",
-        },
+          name: "الرئيسية",          id: "hero"},
         {
-          name: "خدماتنا",
-          id: "services",
-        },
+          name: "خدماتنا",          id: "services"},
         {
-          name: "لماذا وتين",
-          id: "features",
-        },
+          name: "لماذا وتين",          id: "features"},
         {
-          name: "حجز موعد",
-          id: "contact",
-        },
+          name: "حجز موعد",          id: "contact"},
       ]}
       brandName="Wateen Scan"
     />
@@ -49,36 +48,22 @@ export default function LandingPage() {
       description="نقدم خدمات الأشعة والتحاليل المتكاملة بأعلى معايير الدقة على يد نخبة من الأطباء المتخصصين في مدينة السادس من أكتوبر."
       buttons={[
         {
-          text: "احجز الآن",
-          href: "#contact",
-        },
+          text: "احجز الآن",          href: "#contact"},
         {
-          text: "تواصل واتساب",
-          href: "https://wa.me/201111824767",
-        },
+          text: "تواصل واتساب",          href: "https://wa.me/201111824767"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/nobody-working-empty-reception-desk-waiting-room-support-healthcare-appointments-consultation-examination-hospital-lobby-with-waiting-area-seats-medical-facility_482257-48712.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/mature-woman-medical-technician-hand-xray-scan-hospital-xaxa_637285-509.jpg",
-          alt: "medical technician at work",
-        },
+          src: "http://img.b2bpic.net/free-photo/mature-woman-medical-technician-hand-xray-scan-hospital-xaxa_637285-509.jpg",          alt: "medical technician at work"},
         {
-          src: "http://img.b2bpic.net/free-photo/professional-medical-cabinet-awaiting-patient-check-up-visit_482257-119767.jpg",
-          alt: "medical reception",
-        },
+          src: "http://img.b2bpic.net/free-photo/professional-medical-cabinet-awaiting-patient-check-up-visit_482257-119767.jpg",          alt: "medical reception"},
         {
-          src: "http://img.b2bpic.net/free-photo/old-man-waiting-medical-checkup_482257-119428.jpg",
-          alt: "patient waiting",
-        },
+          src: "http://img.b2bpic.net/free-photo/old-man-waiting-medical-checkup_482257-119428.jpg",          alt: "patient waiting"},
         {
-          src: "http://img.b2bpic.net/free-photo/clinic-room-neurological-diagnosis_482257-110155.jpg",
-          alt: "clinical setting",
-        },
+          src: "http://img.b2bpic.net/free-photo/clinic-room-neurological-diagnosis_482257-110155.jpg",          alt: "clinical setting"},
         {
-          src: "http://img.b2bpic.net/free-photo/stethoscope-patient-information_1232-4432.jpg",
-          alt: "medical records",
-        },
+          src: "http://img.b2bpic.net/free-photo/stethoscope-patient-information_1232-4432.jpg",          alt: "medical records"},
       ]}
       avatarText="موثوقون من قبل أكثر من 10,000 عميل"
     />
@@ -92,20 +77,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "نتائج دقيقة",
-          description: "نتائج دقيقة في وقت قياسي باستخدام أجهزة متطورة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-pen-eyeglasses-clipboard-with-paper-white-background_23-2147883776.jpg",
-        },
+          title: "نتائج دقيقة",          description: "نتائج دقيقة في وقت قياسي باستخدام أجهزة متطورة.",          imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-pen-eyeglasses-clipboard-with-paper-white-background_23-2147883776.jpg"},
         {
-          title: "أجهزة حديثة",
-          description: "تكنولوجيا طبية متطورة تضمن أعلى درجات الدقة والراحة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-radiologist-preparing-ct-scanner-medical-examination-patient_637285-4969.jpg",
-        },
+          title: "أجهزة حديثة",          description: "تكنولوجيا طبية متطورة تضمن أعلى درجات الدقة والراحة.",          imageSrc: "http://img.b2bpic.net/free-photo/female-radiologist-preparing-ct-scanner-medical-examination-patient_637285-4969.jpg"},
         {
-          title: "فريق متخصص",
-          description: "نخبة من الأطباء والاستشاريين لضمان أفضل تشخيص.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-health-workers_23-2149112516.jpg",
-        },
+          title: "فريق متخصص",          description: "نخبة من الأطباء والاستشاريين لضمان أفضل تشخيص.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-team-health-workers_23-2149112516.jpg"},
       ]}
       title="لماذا تختار وتين؟"
       description="نحن نضع صحتك في مقدمة أولوياتنا من خلال الجمع بين أحدث التقنيات وأفضل الكوادر الطبية."
@@ -114,25 +90,17 @@ export default function LandingPage() {
 
   <div id="services" data-section="services">
       <FeatureCardThree
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
         {
-          title: "الأشعة",
-          description: "رنين مغناطيسي، أشعة مقطعية، وسونار دوبلر.",
-          imageSrc: "http://img.b2bpic.net/free-vector/25-biology-flat-color-icon-pack_1142-26474.jpg",
-        },
+          title: "الأشعة",          description: "رنين مغناطيسي، أشعة مقطعية، وسونار دوبلر.",          imageSrc: "http://img.b2bpic.net/free-vector/25-biology-flat-color-icon-pack_1142-26474.jpg"},
         {
-          title: "القلب",
-          description: "رسم قلب، إيكو، ومسح ذري للقلب.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-ready-get-ct-scan_23-2149341499.jpg",
-        },
+          title: "القلب",          description: "رسم قلب، إيكو، ومسح ذري للقلب.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-ready-get-ct-scan_23-2149341499.jpg"},
         {
-          title: "الأسنان",
-          description: "بانوراما، سيفالومتري، وتقنية CBCT.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-three-doctors-nurses-standing-hospital-corridor-wearing-scrubs-coats-team-healthcare-workers-are-staring-camera-smiling_657921-98.jpg",
-        },
+          title: "الأسنان",          description: "بانوراما، سيفالومتري، وتقنية CBCT.",          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-three-doctors-nurses-standing-hospital-corridor-wearing-scrubs-coats-team-healthcare-workers-are-staring-camera-smiling_657921-98.jpg"},
       ]}
       title="خدماتنا التشخيصية"
       description="مجموعة واسعة من الخدمات الطبية الدقيقة لتلبية جميع احتياجاتك."
@@ -146,26 +114,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "4.9",
-          title: "تقييم العيادة",
-          description: "أكثر من 100 مراجعة إيجابية",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-hand-made-red-heart-with-stethoscope-clipboard-pink-background_23-2148129631.jpg",
-        },
+          id: "m1",          value: "4.9",          title: "تقييم العيادة",          description: "أكثر من 100 مراجعة إيجابية",          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-hand-made-red-heart-with-stethoscope-clipboard-pink-background_23-2148129631.jpg"},
         {
-          id: "m2",
-          value: "24/7",
-          title: "خدمة مستمرة",
-          description: "جاهزون لخدمتكم طوال اليوم",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-patient-getting-ct-scan_23-2149341519.jpg",
-        },
+          id: "m2",          value: "24/7",          title: "خدمة مستمرة",          description: "جاهزون لخدمتكم طوال اليوم",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-patient-getting-ct-scan_23-2149341519.jpg"},
         {
-          id: "m3",
-          value: "10k+",
-          title: "حالة مشخصة",
-          description: "دقة متناهية في كل فحص",
-          imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-standing-row_107420-84774.jpg",
-        },
+          id: "m3",          value: "10k+",          title: "حالة مشخصة",          description: "دقة متناهية في كل فحص",          imageSrc: "http://img.b2bpic.net/free-photo/team-doctors-standing-row_107420-84774.jpg"},
       ]}
       title="نجاحنا بلغة الأرقام"
       description="ثقة عملائنا هي الوقود الذي يدفعنا للتميز."
@@ -179,40 +132,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "أحمد محمد",
-          role: "مريض",
-          testimonial: "طاقم محترم جدًا وسرعة في الحصول على النتائج.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-icon-pulse-wave-cross-symbol_23-2152013364.jpg",
-        },
+          id: "t1",          name: "أحمد محمد",          role: "مريض",          testimonial: "طاقم محترم جدًا وسرعة في الحصول على النتائج.",          imageSrc: "http://img.b2bpic.net/free-photo/medical-icon-pulse-wave-cross-symbol_23-2152013364.jpg"},
         {
-          id: "t2",
-          name: "سارة محمود",
-          role: "مريضة",
-          testimonial: "نظافة وتنظيم ممتاز، تجربة طبية مريحة للغاية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-getting-patient-ready-ct-scan_23-2149367402.jpg",
-        },
+          id: "t2",          name: "سارة محمود",          role: "مريضة",          testimonial: "نظافة وتنظيم ممتاز، تجربة طبية مريحة للغاية.",          imageSrc: "http://img.b2bpic.net/free-photo/doctor-getting-patient-ready-ct-scan_23-2149367402.jpg"},
         {
-          id: "t3",
-          name: "خالد عمر",
-          role: "مريض",
-          testimonial: "أسعار مناسبة جدًا مقارنة بالخدمة الاحترافية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682131.jpg",
-        },
+          id: "t3",          name: "خالد عمر",          role: "مريض",          testimonial: "أسعار مناسبة جدًا مقارنة بالخدمة الاحترافية.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682131.jpg"},
         {
-          id: "t4",
-          name: "منى حسين",
-          role: "مريضة",
-          testimonial: "دقة عالية في النتائج وخدمة عملاء راقية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/switzerland-flag-heart-banner_187299-34514.jpg",
-        },
+          id: "t4",          name: "منى حسين",          role: "مريضة",          testimonial: "دقة عالية في النتائج وخدمة عملاء راقية.",          imageSrc: "http://img.b2bpic.net/free-photo/switzerland-flag-heart-banner_187299-34514.jpg"},
         {
-          id: "t5",
-          name: "ياسين علي",
-          role: "مريض",
-          testimonial: "أفضل مركز أشعة في أكتوبر، أنصح به بشدة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-technician-starting-head-mri-scan-procedure-female-patient-hospital_637285-404.jpg",
-        },
+          id: "t5",          name: "ياسين علي",          role: "مريض",          testimonial: "أفضل مركز أشعة في أكتوبر، أنصح به بشدة.",          imageSrc: "http://img.b2bpic.net/free-photo/medical-technician-starting-head-mri-scan-procedure-female-patient-hospital_637285-404.jpg"},
       ]}
       title="ماذا يقول عملاؤنا"
       description="رضاكم هو هدفنا الأول."
@@ -225,20 +153,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "كيف أحجز موعد؟",
-          content: "يمكنك الحجز عبر الموقع أو الاتصال بنا مباشرة على 01111824767.",
-        },
+          id: "f1",          title: "كيف أحجز موعد؟",          content: "يمكنك الحجز عبر الموقع أو الاتصال بنا مباشرة على 01111824767."},
         {
-          id: "f2",
-          title: "هل المركز يعمل 24 ساعة؟",
-          content: "نعم، نحن متاحون لخدمتكم طوال أيام الأسبوع على مدار 24 ساعة.",
-        },
+          id: "f2",          title: "هل المركز يعمل 24 ساعة؟",          content: "نعم، نحن متاحون لخدمتكم طوال أيام الأسبوع على مدار 24 ساعة."},
         {
-          id: "f3",
-          title: "أين يقع المركز؟",
-          content: "نقع في مدينة السادس من أكتوبر بالقرب من ميدان الحصري.",
-        },
+          id: "f3",          title: "أين يقع المركز؟",          content: "نقع في مدينة السادس من أكتوبر بالقرب من ميدان الحصري."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-medical-office-with-technology_482257-110140.jpg"
       mediaAnimation="slide-up"
@@ -252,8 +171,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "animated-grid",
-      }}
+        variant: "animated-grid"}}
       tag="حجز موعد"
       title="احجز موعدك خلال 30 ثانية"
       description="نحن هنا لخدمتك. اترك بياناتك وسيتواصل معك فريقنا في أقرب وقت."
@@ -267,29 +185,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "روابط سريعة",
-          items: [
+          title: "روابط سريعة",          items: [
             {
-              label: "الرئيسية",
-              href: "/",
-            },
+              label: "الرئيسية",              href: "/"},
             {
-              label: "اتصل بنا",
-              href: "#contact",
-            },
+              label: "اتصل بنا",              href: "#contact"},
           ],
         },
         {
-          title: "تواصل معنا",
-          items: [
+          title: "تواصل معنا",          items: [
             {
-              label: "01111824767",
-              href: "tel:+201111824767",
-            },
+              label: "01111824767",              href: "tel:+201111824767"},
             {
-              label: "واتساب",
-              href: "https://wa.me/201111824767",
-            },
+              label: "واتساب",              href: "https://wa.me/201111824767"},
           ],
         },
       ]}
-- 
2.49.1