From 964b8b282446a1a42a0f6f3c4c3b84e93913f480 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 21:32:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 421 +++++++++++++++--------------------------------
 1 file changed, 129 insertions(+), 292 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 16f466b..28ebd4e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,307 +28,144 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "hero",
-        },
-        {
-          name: "الأقسام الطبية",
-          id: "features",
-        },
-        {
-          name: "الأطباء",
-          id: "team",
-        },
-        {
-          name: "الخدمات",
-          id: "services",
-        },
-        {
-          name: "التأمين",
-          id: "insurance",
-        },
-        {
-          name: "تواصل معنا",
-          id: "contact",
-        },
-      ]}
-      button={{
-        text: "احجز موعد",
-        href: "#booking",
-      }}
-      brandName="مستشفى أس أم سي"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "الرئيسية", id: "hero" },
+              { name: "الأقسام الطبية", id: "features" },
+              { name: "الأطباء", id: "team" },
+              { name: "الخدمات", id: "services" },
+              { name: "التأمين", id: "insurance" },
+              { name: "تواصل معنا", id: "contact" },
+            ]}
+            button={{ text: "احجز موعد", href: "#booking" }}
+            brandName="مستشفى أس أم سي"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="مستشفى أس أم سي"
-      description="مستشفى أس أم سي يقدم خدمات طبية متكاملة بأحدث التقنيات الطبية وعلى مدار الساعة بمعايير عالمية."
-      buttons={[
-        {
-          text: "احجز الآن",
-          href: "#booking",
-        },
-        {
-          text: "تعرف على خدماتنا",
-          href: "#features",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
-          imageAlt: "Luxury hospital interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5168.jpg",
-          imageAlt: "Luxury hospital interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/home-entrance-with-furniture-modern-decor_23-2150832014.jpg",
-          imageAlt: "Luxury hospital interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg",
-          imageAlt: "Luxury hospital interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160768.jpg",
-          imageAlt: "Luxury hospital interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/moving-flat-escalator-subway-dubai_93675-134742.jpg",
-          imageAlt: "Luxury hospital interior",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="مستشفى أس أم سي"
+            description="مستشفى أس أم سي يقدم خدمات طبية متكاملة بأحدث التقنيات الطبية وعلى مدار الساعة بمعايير عالمية."
+            buttons={[{ text: "احجز الآن", href: "#booking" }, { text: "تعرف على خدماتنا", href: "#features" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg", imageAlt: "Luxury hospital interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-airport-interior_74190-5168.jpg", imageAlt: "Luxury hospital interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/home-entrance-with-furniture-modern-decor_23-2150832014.jpg", imageAlt: "Luxury hospital interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/no-people-hospital-reception-desk-medical-appointments-checkup-visit-waiting-room-lobby-with-counter-indoors-give-support-advice-modern-healthcare-facility_482257-44451.jpg", imageAlt: "Luxury hospital interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160768.jpg", imageAlt: "Luxury hospital interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/moving-flat-escalator-subway-dubai_93675-134742.jpg", imageAlt: "Luxury hospital interior" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="إنجازاتنا في أرقام"
-      tag="لماذا نتميز"
-      metrics={[
-        {
-          id: "1",
-          value: "100+",
-          description: "طبيب متخصص",
-        },
-        {
-          id: "2",
-          value: "24/7",
-          description: "طوارئ متاحة",
-        },
-        {
-          id: "3",
-          value: "9,995+",
-          description: "تقييم إيجابي",
-        },
-        {
-          id: "4",
-          value: "100%",
-          description: "أجهزة حديثة",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={true}
+            title="إنجازاتنا في أرقام"
+            tag="لماذا نتميز"
+            metrics={[
+              { id: "1", value: "100+", description: "طبيب متخصص" },
+              { id: "2", value: "24/7", description: "طوارئ متاحة" },
+              { id: "3", value: "9,995+", description: "تقييم إيجابي" },
+              { id: "4", value: "100%", description: "أجهزة حديثة" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "الطوارئ",
-          description: "رعاية عاجلة على مدار الساعة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital_482257-26171.jpg",
-        },
-        {
-          title: "القلب",
-          description: "تخطيط وعلاج دقيق للقلب.",
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital-room_482257-26198.jpg",
-        },
-        {
-          title: "الأسنان",
-          description: "عناية متكاملة لصحة الأسنان.",
-          imageSrc: "http://img.b2bpic.net/free-photo/health-still-life-with-copy-space_23-2148854027.jpg",
-        },
-        {
-          title: "النساء والولادة",
-          description: "رعاية متخصصة للأم والطفل.",
-          imageSrc: "http://img.b2bpic.net/free-vector/blue-circular-arrow_1010-528.jpg",
-        },
-        {
-          title: "الأطفال",
-          description: "عيادات متخصصة للأطفال.",
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-24-hours-customer-support_53876-5592.jpg",
-        },
-        {
-          title: "الأشعة",
-          description: "أجهزة أشعة متطورة.",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-medical-feast-illustration_23-2148875933.jpg",
-        },
-      ]}
-      title="خدماتنا الطبية"
-      description="نقدم مجموعة واسعة من الخدمات الطبية التخصصية باستخدام أحدث التقنيات لضمان أفضل رعاية."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "الطوارئ", description: "رعاية عاجلة على مدار الساعة.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital_482257-26171.jpg" },
+              { title: "القلب", description: "تخطيط وعلاج دقيق للقلب.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-checking-her-patient-heart-hospital-room_482257-26198.jpg" },
+              { title: "الأسنان", description: "عناية متكاملة لصحة الأسنان.", imageSrc: "http://img.b2bpic.net/free-photo/health-still-life-with-copy-space_23-2148854027.jpg" },
+              { title: "النساء والولادة", description: "رعاية متخصصة للأم والطفل.", imageSrc: "http://img.b2bpic.net/free-vector/blue-circular-arrow_1010-528.jpg" },
+              { title: "الأطفال", description: "عيادات متخصصة للأطفال.", imageSrc: "http://img.b2bpic.net/free-vector/illustration-24-hours-customer-support_53876-5592.jpg" },
+              { title: "الأشعة", description: "أجهزة أشعة متطورة.", imageSrc: "http://img.b2bpic.net/free-vector/flat-medical-feast-illustration_23-2148875933.jpg" },
+            ]}
+            title="خدماتنا الطبية"
+            description="نقدم مجموعة واسعة من الخدمات الطبية التخصصية باستخدام أحدث التقنيات لضمان أفضل رعاية."
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={true}
-      title="فريقنا الطبي"
-      tag="نخبة الأطباء"
-      members={[
-        {
-          id: "1",
-          name: "د. أحمد خالد",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-doctor-wearing-white-coat-stethoscope-looking-confident-with-smile-face-isolated-green-background_141793-12601.jpg",
-        },
-        {
-          id: "2",
-          name: "د. سارة محمد",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-blue-uniform-with-closed-eyes-holding-hands-raised_171337-5803.jpg",
-        },
-        {
-          id: "3",
-          name: "د. علي حسن",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980742.jpg",
-        },
-        {
-          id: "4",
-          name: "د. منى سعيد",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-with-copy-space_23-2148980759.jpg",
-        },
-      ]}
-      memberVariant="card"
-      membersAnimation="slide-up"
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTen
+            useInvertedBackground={true}
+            title="فريقنا الطبي"
+            tag="نخبة الأطباء"
+            members={[
+              { id: "1", name: "د. أحمد خالد", imageSrc: "http://img.b2bpic.net/free-photo/young-man-doctor-wearing-white-coat-stethoscope-looking-confident-with-smile-face-isolated-green-background_141793-12601.jpg" },
+              { id: "2", name: "د. سارة محمد", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-blue-uniform-with-closed-eyes-holding-hands-raised_171337-5803.jpg" },
+              { id: "3", name: "د. علي حسن", imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-special-equipment_23-2148980742.jpg" },
+              { id: "4", name: "د. منى سعيد", imageSrc: "http://img.b2bpic.net/free-photo/portrait-health-worker-with-copy-space_23-2148980759.jpg" },
+            ]}
+            memberVariant="card"
+            membersAnimation="slide-up"
+          />
+        </div>
 
-  <div id="insurance" data-section="insurance">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Bupa",
-        "Tawuniya",
-        "Medgulf",
-        "Cigna",
-        "Axa",
-        "GlobeMed",
-        "Nahdi",
-      ]}
-      title="شركاء التأمين"
-      description="نحن نقبل مجموعة واسعة من بطاقات التأمين الصحي."
-    />
-  </div>
+        <div id="insurance" data-section="insurance">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Bupa", "Tawuniya", "Medgulf", "Cigna", "Axa", "GlobeMed", "Nahdi"]}
+            title="شركاء التأمين"
+            description="نحن نقبل مجموعة واسعة من بطاقات التأمين الصحي."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "محمد العتيبي",
-          role: "مريض",
-          testimonial: "تجربة استثنائية ورعاية طبية ممتازة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-checking-oximeter-attached-senior-man_482257-14024.jpg",
-        },
-        {
-          id: "2",
-          name: "سارة القحطاني",
-          role: "مريضة",
-          testimonial: "الطاقم الطبي محترف جداً ومرافق المستشفى رائعة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/nurse-sitting-patient-bedside-writing-clipboard-with-medical-chart-daily-visit-consulting-woman-with-low-spo2-saturation-person-hospital-bed-with-vitals-monitored-checkup_482257-37744.jpg",
-        },
-        {
-          id: "3",
-          name: "عبدالله فهد",
-          role: "مريض",
-          testimonial: "سرعة في الإنجاز وخدمة طبية فائقة المستوى.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg",
-        },
-        {
-          id: "4",
-          name: "نورة خالد",
-          role: "مريضة",
-          testimonial: "أشكر الجميع على التعامل الراقي والمهني.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
-        },
-        {
-          id: "5",
-          name: "خالد سعد",
-          role: "مريض",
-          testimonial: "مستشفى مميز جداً ويستحق كل ثقة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-female-doctor-wearing-medical-robe-stethoscope-sitting-desk-with-medical-tools-clipboard-laptop-showing-thumb-up-isolated_141793-69126.jpg",
-        },
-      ]}
-      title="تقييمات مرضانا"
-      description="ماذا يقول مراجعونا عن تجربتهم في مستشفى أس أم سي."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "محمد العتيبي", role: "مريض", testimonial: "تجربة استثنائية ورعاية طبية ممتازة.", imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-checking-oximeter-attached-senior-man_482257-14024.jpg" },
+              { id: "2", name: "سارة القحطاني", role: "مريضة", testimonial: "الطاقم الطبي محترف جداً ومرافق المستشفى رائعة.", imageSrc: "http://img.b2bpic.net/free-photo/nurse-sitting-patient-bedside-writing-clipboard-with-medical-chart-daily-visit-consulting-woman-with-low-spo2-saturation-person-hospital-bed-with-vitals-monitored-checkup_482257-37744.jpg" },
+              { id: "3", name: "عبدالله فهد", role: "مريض", testimonial: "سرعة في الإنجاز وخدمة طبية فائقة المستوى.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-hospital-reception-holding-flyer-waiting-doctor-private-clinic-perform-clinical-examination-selective-focus-asian-patient-with-appointment-hospital-lobby_482257-46748.jpg" },
+              { id: "4", name: "نورة خالد", role: "مريضة", testimonial: "أشكر الجميع على التعامل الراقي والمهني.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg" },
+              { id: "5", name: "خالد سعد", role: "مريض", testimonial: "مستشفى مميز جداً ويستحق كل ثقة.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-female-doctor-wearing-medical-robe-stethoscope-sitting-desk-with-medical-tools-clipboard-laptop-showing-thumb-up-isolated_141793-69126.jpg" },
+            ]}
+            title="تقييمات مرضانا"
+            description="ماذا يقول مراجعونا عن تجربتهم في مستشفى أس أم سي."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "كيف أحجز موعد؟",
-          content: "يمكنك الحجز عبر الموقع أو الاتصال بنا مباشرة.",
-        },
-        {
-          id: "2",
-          title: "هل المستشفى يعمل 24 ساعة؟",
-          content: "نعم، الطوارئ لدينا متاحة على مدار الساعة.",
-        },
-        {
-          id: "3",
-          title: "هل تقبلون التأمين؟",
-          content: "نعم، نتعامل مع كبرى شركات التأمين.",
-        },
-      ]}
-      sideTitle="هل تحتاج مساعدة؟"
-      sideDescription="تواصل مع فريق الدعم لدينا لأي استفسارات إضافية."
-      faqsAnimation="slide-up"
-      title="أسئلة شائعة"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "كيف أحجز موعد؟", content: "يمكنك الحجز عبر الموقع أو الاتصال بنا مباشرة." },
+              { id: "2", title: "هل المستشفى يعمل 24 ساعة؟", content: "نعم، الطوارئ لدينا متاحة على مدار الساعة." },
+              { id: "3", title: "هل تقبلون التأمين؟", content: "نعم، نتعامل مع كبرى شركات التأمين." },
+            ]}
+            sideTitle="هل تحتاج مساعدة؟"
+            sideDescription="تواصل مع فريق الدعم لدينا لأي استفسارات إضافية."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="اتصل بنا"
-      title="تواصل معنا"
-      description="نحن هنا لخدمتك طوال أيام الأسبوع."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            tag="اتصل بنا"
+            title="تواصل معنا"
+            description="نحن هنا لخدمتك طوال أيام الأسبوع."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="مستشفى أس أم سي"
-      leftLink={{
-        text: "سياسة الخصوصية",
-        href: "#",
-      }}
-      rightLink={{
-        text: "جميع الحقوق محفوظة 2024",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="مستشفى أس أم سي"
+            leftLink={{ text: "سياسة الخصوصية", href: "#" }}
+            rightLink={{ text: "جميع الحقوق محفوظة 2024", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );