From 9c76502aa22df9be761dd8f24116a3781a9c3404 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 18:57:14 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 300 ++++++++++++++++-------------------------------
 1 file changed, 99 insertions(+), 201 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1ff0b3a..2f5c1f6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,213 +25,111 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Recovery Center"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Recovery Center"
+            button={{ text: "Book Consultation", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Recovery Center"
-      description="أن نكون الوجهة الرائدة في الشرق الأوسط للتعافي النفسي والسلوكي، عبر دمج أحدث المدارس العلاجية العالمية في بيئة آمنة تضمن الخصوصية وتصون الكرامة الإنسانية."
-      buttons={[
-        {
-          text: "Book Consultation",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/patients-stomatology-reception-waiting-line-taking-filling-form-doctor-examining-senior-man-discussing-teeh-healthcare_482257-4850.jpg"
-      imageAlt="Recovery Center Lounge"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Recovery Center"
+            description="أن نكون الوجهة الرائدة في الشرق الأوسط للتعافي النفسي والسلوكي، عبر دمج أحدث المدارس العلاجية العالمية في بيئة آمنة تضمن الخصوصية وتصون الكرامة الإنسانية."
+            buttons={[{ text: "Book Consultation", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/patients-stomatology-reception-waiting-line-taking-filling-form-doctor-examining-senior-man-discussing-teeh-healthcare_482257-4850.jpg"
+            imageAlt="Recovery Center Lounge"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Empowering Life Balance"
-      description="Empowering individuals to reclaim their life balance through specialized, evidence-based treatment programs. We blend medical expertise with modern analytical approaches (such as DBT, CBT, and ACT) to provide a comprehensive recovery journey."
-      metrics={[
-        {
-          value: "15+",
-          title: "Evidence-Based Modalities",
-        },
-        {
-          value: "100%",
-          title: "Commitment to Privacy",
-        },
-        {
-          value: "24/7",
-          title: "Clinical Support",
-        },
-        {
-          value: "1000+",
-          title: "Lives Transformed",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg"
-      imageAlt="Consultation Room"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Empowering Life Balance"
+            description="Empowering individuals to reclaim their life balance through specialized, evidence-based treatment programs. We blend medical expertise with modern analytical approaches (such as DBT, CBT, and ACT) to provide a comprehensive recovery journey."
+            metrics={[
+              { value: "15+", title: "Evidence-Based Modalities" },
+              { value: "100%", title: "Commitment to Privacy" },
+              { value: "24/7", title: "Clinical Support" },
+              { value: "1000+", title: "Lives Transformed" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8577.jpg"
+            imageAlt="Consultation Room"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "v1",
-          title: "Uncompromising Confidentiality",
-          descriptions: [
-            "Patient privacy is our highest priority, strictly adhering to international standards.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg?_wi=1",
-        },
-        {
-          id: "v2",
-          title: "Holistic Care",
-          descriptions: [
-            "We treat the human as a complete entity—psychologically, behaviorally, and physically.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg?_wi=1",
-        },
-        {
-          id: "v3",
-          title: "Safe Haven",
-          descriptions: [
-            "Providing a quiet, sophisticated, and calming environment for deep healing.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-with-copy-space_23-2148286470.jpg",
-        },
-        {
-          id: "v4",
-          title: "Global Standards",
-          descriptions: [
-            "Integrating world-class therapeutic practices for all our international patients.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg?_wi=2",
-        },
-        {
-          id: "v5",
-          title: "Expert Team",
-          descriptions: [
-            "Our clinical team consists of world-renowned specialists in behavioral health.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg?_wi=2",
-        },
-      ]}
-      title="Our Core Values"
-      description="We are committed to providing world-class psychological recovery with these guiding pillars."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "v1", title: "Uncompromising Confidentiality", descriptions: ["Patient privacy is our highest priority, strictly adhering to international standards."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg" },
+              { id: "v2", title: "Holistic Care", descriptions: ["We treat the human as a complete entity—psychologically, behaviorally, and physically."], imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg" },
+              { id: "v3", title: "Safe Haven", descriptions: ["Providing a quiet, sophisticated, and calming environment for deep healing."], imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-her-hands-with-copy-space_23-2148286470.jpg" },
+              { id: "v4", title: "Global Standards", descriptions: ["Integrating world-class therapeutic practices for all our international patients."], imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-human-brains-watering-can_23-2150547701.jpg" },
+              { id: "v5", title: "Expert Team", descriptions: ["Our clinical team consists of world-renowned specialists in behavioral health."], imageSrc: "http://img.b2bpic.net/free-photo/background-with-aloe-vera_23-2147721601.jpg" },
+            ]}
+            title="Our Core Values"
+            description="We are committed to providing world-class psychological recovery with these guiding pillars."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "What therapies do you offer?",
-          content: "We provide DBT, CBT, and ACT evidence-based modalities.",
-        },
-        {
-          id: "q2",
-          title: "Is my privacy guaranteed?",
-          content: "Yes, we adhere to strict international confidentiality standards.",
-        },
-        {
-          id: "q3",
-          title: "Can I visit from abroad?",
-          content: "Absolutely, our recovery journey is designed to transcend borders.",
-        },
-        {
-          id: "q4",
-          title: "How long is the program?",
-          content: "Programs are tailored to the individual, typically ranging from 4 to 12 weeks.",
-        },
-        {
-          id: "q5",
-          title: "Do you offer family support?",
-          content: "Yes, we integrate family therapy sessions as part of our holistic approach.",
-        },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about our recovery journey."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "What therapies do you offer?", content: "We provide DBT, CBT, and ACT evidence-based modalities." },
+              { id: "q2", title: "Is my privacy guaranteed?", content: "Yes, we adhere to strict international confidentiality standards." },
+              { id: "q3", title: "Can I visit from abroad?", content: "Absolutely, our recovery journey is designed to transcend borders." },
+              { id: "q4", title: "How long is the program?", content: "Programs are tailored to the individual, typically ranging from 4 to 12 weeks." },
+              { id: "q5", title: "Do you offer family support?", content: "Yes, we integrate family therapy sessions as part of our holistic approach." },
+            ]}
+            title="Common Questions"
+            description="Everything you need to know about our recovery journey."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Start Your Recovery"
-      description="Connect with our team to begin your journey toward a stable and fulfilling life."
-      tag="Get in touch"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Start Your Recovery"
+            description="Connect with our team to begin your journey toward a stable and fulfilling life."
+            tag="Get in touch"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Recovery Center"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Recovery Center"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About", href: "#about" },
+                  { label: "Services", href: "#features" },
+                  { label: "Contact", href: "#contact" },
+                ],
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );