Update src/app/privacy-policy/page.tsx

src/app/about/page.tsx

@@ -1,39 +1,20 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import TeamCardSix from '@/components/sections/team/TeamCardSix';
 
 export default function AboutPage() {
+  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "من نحن", id: "/about" }, { name: "خدماتنا", id: "/services" }, { name: "معرض الأعمال", id: "/portfolio" }, { name: "تواصل معنا", id: "/#contact" }];
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "الرئيسية", id: "/" },
-            { name: "من نحن", id: "/about" },
-            { name: "خدماتنا", id: "/" },
-            { name: "تواصل معنا", id: "/" },
-          ]}
-          brandName="Aljoman Dental"
-        />
-        <InlineImageSplitTextAbout
-          heading={[{ type: 'text', content: "مهمتنا ورؤيتنا" }]}
-        />
-        <TeamCardSix
-          title="فريقنا الطبي المتميز"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          members={[]}
-        />
-        <FooterLogoEmphasis
-          columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "من نحن", href: "/about" }] }]}
-          logoText="عيادات الجومان"
-        />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+      <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8">من نحن</h1>
+        <p className="mb-6">تأسست عيادات الجومان بهدف تقديم أعلى مستويات العناية بالأسنان.</p>
+        <h2 className="text-2xl font-semibold mt-8 mb-4">رسالتنا</h2>
+        <p>تقديم رعاية صحية تجميلية وعلاجية تتجاوز توقعات مرضانا.</p>
+      </main>
+      <FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
     </ThemeProvider>
   );
 }

src/app/blog/page.tsx

@@ -1,32 +1,38 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function BlogPage() {
+  const navLinks = [
+    { name: "الرئيسية", id: "/" },
+    { name: "المدونة", id: "/blog" },
+    { name: "سياسة الخصوصية", id: "/privacy-policy" },
+    { name: "تواصل معنا", id: "/contact" },
+  ];
+
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "الرئيسية", id: "/" },
-            { name: "التقييمات", id: "/testimonials" },
-            { name: "المدونة", id: "blog" }
-          ]}
-          brandName="Aljoman Dental"
-        />
-        <div className="pt-32 pb-20">
-          <BlogCardOne
-            title="مقالات صحة الأسنان"
-            description="نصائح وإرشادات للعناية بصحة فمك."
-            blogs={[]}
-            animationType="slide-up"
-          />
-        </div>
-        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <ReactLenis root>
+            <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+            <BlogCardThree 
+                title="مقالات صحة الأسنان"
+                description="نصائح يومية للحفاظ على ابتسامة صحية وجميلة."
+                animationType="blur-reveal"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                blogs={[
+                    { id: "1", category: "عناية يومية", title: "طرق العناية الصحيحة بالأسنان", excerpt: "تعرف على الخطوات الصحيحة لتفريش أسنانك يومياً.", imageSrc: "https://images.unsplash.com/photo-1606811841689-23dfddce3e95", authorName: "د. محمد", authorAvatar: "", date: "٢٠٢٤-٠١-٠١" }
+                ]}
+            />
+            <FooterLogoEmphasis 
+                columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "المدونة", href: "/blog" }] }]} 
+                logoText="عيادات الجومان" 
+            />
+        </ReactLenis>
     </ThemeProvider>
   );
 }

src/app/contact/page.tsx

@@ -1,24 +1,35 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ContactPage() {
+  const navLinks = [
+    { name: "الرئيسية", id: "/" },
+    { name: "المدونة", id: "/blog" },
+    { name: "سياسة الخصوصية", id: "/privacy-policy" },
+    { name: "تواصل معنا", id: "/contact" },
+  ];
+
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[{ name: "الرئيسية", id: "/" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "حجز موعد", id: "/service-request" }, { name: "تواصل معنا", id: "/contact" }]} 
-          brandName="Aljoman Dental" 
-        />
-        <ContactSplit
-          tag="اتصل بنا"
-          title="تواصل معنا مباشرة"
-          description="نحن دائماً جاهزون للرد على استفساراتكم عبر الهاتف أو البريد الإلكتروني."
-          background={{ variant: "gradient-bars" }}
-        />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <ReactLenis root>
+            <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+            <ContactSplit 
+                title="تواصل معنا"
+                description="نحن هنا للرد على استفساراتكم وحجز مواعيدكم."
+                tag="اتصل بنا"
+                background={{ variant: "sparkles-gradient" }}
+                useInvertedBackground={false}
+            />
+            <FooterLogoEmphasis 
+                columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "تواصل معنا", href: "/contact" }] }]} 
+                logoText="عيادات الجومان" 
+            />
+        </ReactLenis>
     </ThemeProvider>
   );
 }

src/app/faq/page.tsx

@@ -1,28 +1,29 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function FaqPage() {
+  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "آراء العملاء", id: "/testimonials" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "احجز موعداً", id: "/service-request" }];
+
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[{ name: "الرئيسية", id: "/" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "حجز موعد", id: "/service-request" }, { name: "تواصل معنا", id: "/contact" }]} 
-          brandName="Aljoman Dental" 
-        />
-        <FaqSplitMedia
-          title="أسئلة شائعة"
-          description="نحن هنا للإجابة على جميع استفساراتكم المتعلقة بصحة أسنانكم."
-          faqs={[
-            { id: "1", title: "هل تبييض الأسنان آمن؟", content: "نعم، نستخدم تقنيات طبية آمنة لا تضر بالمينا." },
-            { id: "2", title: "كيف أحجز موعداً؟", content: "يمكنكم الحجز بسهولة عبر صفحة حجز المواعيد." },
-            { id: "3", title: "ما هي طرق الدفع؟", content: "نقبل جميع البطاقات الائتمانية والتحويلات البنكية." }
-          ]}
+        <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+        <FaqSplitText
+          sideTitle="الأسئلة الشائعة"
+          sideDescription="إجابات على أكثر استفسارات مرضانا شيوعاً"
           faqsAnimation="slide-up"
-          mediaPosition="left"
+          useInvertedBackground={false}
+          faqs={[
+            { id: "q1", title: "كيف أحجز موعد؟", content: "يمكنك الحجز عبر نموذج المواعيد في موقعنا." },
+            { id: "q2", title: "هل تتوفر خدمات تجميلية؟", content: "نعم، لدينا باقات تبييض وعدسات لومينير." }
+          ]}
         />
+        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -3,7 +3,6 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
@@ -11,15 +10,13 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, Shield, Smile, Star } from "lucide-react";
+import { Shield, Smile, Award } from "lucide-react";
 
 export default function LandingPage() {
   const navLinks = [
     { name: "الرئيسية", id: "hero" },
     { name: "من نحن", id: "about" },
     { name: "خدماتنا", id: "features" },
-    { name: "سياسة الخصوصية", id: "/privacy-policy" },
     { name: "تواصل معنا", id: "contact" },
   ];
 
@@ -27,10 +24,10 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="aurora"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
         cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
@@ -41,8 +38,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={navLinks}
       brandName="Aljoman Dental"
-      button={{
-        text: "احجز موعداً",        href: "#contact"}}
+      button={{ text: "احجز موعداً", href: "#contact" }}
     />
   </div>
 
@@ -51,10 +47,11 @@ export default function LandingPage() {
       title="أبتسامة ثقة تليق بك في عيادات الجومان"
       description="نقدم خدمات طب الأسنان التجميلي والعلاجي بأعلى معايير الجودة العالمية، بلمسة من العناية الفائقة."
       testimonials={[
-        { name: "أحمد العتيبي", handle: "@ahmed", testimonial: "تجربة استثنائية وعناية احترافية في الجومان، شكراً لكم على الابتسامة الجديدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg?_wi=1", imageAlt: "dental clinic interior modern" },
-        { name: "سارة خالد", handle: "@sara", testimonial: "أفضل عيادة تعاملت معها، الأجهزة متطورة جداً والتعامل راقي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=1", imageAlt: "dental clinic interior modern" }
+        { name: "أحمد العتيبي", handle: "@ahmed", testimonial: "تجربة استثنائية وعناية احترافية في الجومان، شكراً لكم على الابتسامة الجديدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg?_wi=1", imageAlt: "dental clinic interior" },
+        { name: "سارة خالد", handle: "@sara", testimonial: "أفضل عيادة تعاملت معها، الأجهزة متطورة جداً والتعامل راقي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=1", imageAlt: "dental clinic interior" }
       ]}
       buttons={[{ text: "احجز موعداً", href: "#contact" }]}
+      showBlur={true}
     />
   </div>
 
@@ -66,7 +63,8 @@ export default function LandingPage() {
       subdescription="نستخدم أحدث التقنيات الرقمية لضمان أدق النتائج وأكثرها راحة للمريض."
       icon={Shield}
       imageSrc="http://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg?_wi=2"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -79,12 +77,13 @@ export default function LandingPage() {
       ]}
       title="خدماتنا المتميزة"
       description="نقدم حلولاً طبية متكاملة لابتسامة ساحرة."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardOne
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       products={[
@@ -92,20 +91,22 @@ export default function LandingPage() {
       ]}
       title="عروضنا الحصرية"
       description="استكشف أحدث عروض الباقات التجميلية والعلاجية."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardOne
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="bento-grid"
       metrics={[
         { id: "m1", value: "١٥,٠٠٠+", title: "مريض سعيد", description: "ثقتكم هي سر نجاحنا الدائم.", icon: Smile },
         { id: "m2", value: "٢٠+", title: "سنة خبرة", description: "نقدم خبرة عقود لابتسامتك.", icon: Award }
       ]}
       title="أرقام تدل على تميزنا"
       description="نحن نفخر بما حققناه لآلاف المرضى."
+      useInvertedBackground={false}
     />
   </div>
 
@@ -114,15 +115,16 @@ export default function LandingPage() {
       tag="تواصل معنا"
       title="ابدأ رحلة ابتسامتك اليوم"
       description="احجز استشارتك المجانية. العنوان: طريق المدينة المنورة، حي الفيصلية، جدة 23442، المملكة العربية السعودية."
-      background={{ variant: "gradient-bars" }}
+      background={{ variant: "sparkles-gradient" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "من نحن", href: "#about" }, { label: "خدماتنا", href: "#features" }, { label: "سياسة الخصوصية", href: "/privacy-policy" }] },
-        { items: [{ label: "احجز موعداً", href: "#contact" }, { label: "طريق المدينة المنورة، حي الفيصلية، جدة 23442، المملكة العربية السعودية", href: "#" }] }
+        { items: [{ label: "من نحن", href: "#about" }, { label: "خدماتنا", href: "#features" }] },
+        { items: [{ label: "احجز موعداً", href: "#contact" }, { label: "جدة - الفيصلية", href: "#" }] }
       ]}
       logoText="عيادات الجومان"
     />

src/app/portfolio/page.tsx

@@ -1,39 +1,22 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function PortfolioPage() {
+  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "من نحن", id: "/about" }, { name: "خدماتنا", id: "/services" }, { name: "معرض الأعمال", id: "/portfolio" }, { name: "تواصل معنا", id: "/#contact" }];
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "الرئيسية", id: "/" },
-          { name: "الخدمات", id: "/services" },
-          { name: "المعرض", id: "/portfolio" },
-          { name: "تواصل معنا", id: "/#contact" }
-        ]}
-        brandName="Aljoman Dental"
-      />
-      <div className="pt-32">
-        <TestimonialCardOne
-          title="حالات سريرية متميزة"
-          description="شاهد نتائج تحول ابتسامة مرضانا بعد العناية في عيادتنا."
-          textboxLayout="split"
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          testimonials={[
-            { id: "c1", name: "تبييض الأسنان", role: "قبل وبعد", company: "نتائج فورية", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042930.jpg" },
-            { id: "c2", name: "فينير التجميلي", role: "قبل وبعد", company: "ابتسامة مشرقة", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-stomatologist-putting-oxigen-mask-before-tooth-surgery-sitting-stomatological-chair-doctor-nurse-working-modern-orthodontic-office-wearing-protection-mask-gloves_482257-13133.jpg" }
-          ]}
-        />
-      </div>
-      <FooterLogoEmphasis
-        columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "الخدمات", href: "/services" }, { label: "المعرض", href: "/portfolio" }] }]} 
-        logoText="عيادات الجومان" 
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+      <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8">معرض الأعمال</h1>
+        <p className="mb-8">استكشف نتائج الابتسامات التي صممناها لمئات المرضى.</p>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <div className="bg-gray-100 p-6 rounded-lg">قبل وبعد: تبييض احترافي</div>
+          <div className="bg-gray-100 p-6 rounded-lg">قبل وبعد: عدسات اللومينير</div>
+        </div>
+      </main>
+      <FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
     </ThemeProvider>
   );
 }

src/app/privacy-policy/page.tsx

@@ -3,49 +3,40 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import LegalSection from '@/components/legal/LegalSection';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function PrivacyPolicyPage() {
   const navLinks = [
     { name: "الرئيسية", id: "/" },
-    { name: "من نحن", id: "/#about" },
-    { name: "خدماتنا", id: "/#features" },
+    { name: "المدونة", id: "/blog" },
     { name: "سياسة الخصوصية", id: "/privacy-policy" },
-    { name: "تواصل معنا", id: "/#contact" },
+    { name: "تواصل معنا", id: "/contact" },
   ];
 
   return (
-    <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        borderRadius="pill"
-        contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="aurora"
-        cardStyle="glass-elevated"
-    >
-      <ReactLenis root>
-        <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" />
-        <LegalSection
-          layout="page"
-          title="سياسة الخصوصية"
-          sections={[
-            {
-              heading: "جمع المعلومات",              content: { type: "paragraph", text: "نحن في عيادات الجومان نحرص على حماية بياناتكم الشخصية ونجمعها فقط لغرض تقديم أفضل رعاية طبية." }
-            },
-            {
-              heading: "استخدام البيانات",              content: { type: "list", items: ["تحسين تجربة العلاج", "المراسلات الطبية", "المواعيد"] }
-            }
-          ]}
-        />
-        <FooterLogoEmphasis
-          columns={[
-            { items: [{ label: "الرئيسية", href: "/" }, { label: "سياسة الخصوصية", href: "/privacy-policy" }] },
-            { items: [{ label: "طريق المدينة المنورة، حي الفيصلية، جدة 23442، المملكة العربية السعودية", href: "#" }] }
-          ]}
-          logoText="عيادات الجومان"
-        />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <ReactLenis root>
+            <div id="nav" data-section="nav">
+                <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+            </div>
+            <div id="legal" data-section="legal">
+                <LegalSection 
+                    layout="page"
+                    title="سياسة الخصوصية"
+                    sections={[
+                        { heading: "جمع المعلومات", content: { type: "paragraph", text: "نحن نحترم خصوصيتك ونقوم بجمع معلومات محدودة لتقديم أفضل خدمة." } },
+                        { heading: "استخدام المعلومات", content: { type: "paragraph", text: "تستخدم البيانات لتحسين تجربتك في العيادة فقط." } }
+                    ]}
+                />
+            </div>
+            <div id="footer" data-section="footer">
+                <FooterLogoEmphasis 
+                    columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "سياسة الخصوصية", href: "/privacy-policy" }] }]} 
+                    logoText="عيادات الجومان" 
+                />
+            </div>
+        </ReactLenis>
     </ThemeProvider>
   );
 }

src/app/service-request/page.tsx

@@ -1,23 +1,26 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ServiceRequestPage() {
+  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "آراء العملاء", id: "/testimonials" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "احجز موعداً", id: "/service-request" }];
+
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[{ name: "الرئيسية", id: "/" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "حجز موعد", id: "/service-request" }, { name: "تواصل معنا", id: "/contact" }]} 
-          brandName="Aljoman Dental" 
-        />
+        <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
         <ContactSplit
-          tag="حجز موعد"
-          title="احجز موعدك الآن"
-          description="قم بتعبئة النموذج أدناه وسنتواصل معك لتأكيد حجزك."
-          background={{ variant: "sparkles-gradient" }}
+          tag="احجز موعداً"
+          title="سعداء بخدمتك"
+          description="أدخل بياناتك وسنتواصل معك لتأكيد الموعد."
+          background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
         />
+        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/services/page.tsx

@@ -1,38 +1,22 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ServicesPage() {
+  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "من نحن", id: "/about" }, { name: "خدماتنا", id: "/services" }, { name: "معرض الأعمال", id: "/portfolio" }, { name: "تواصل معنا", id: "/#contact" }];
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        navItems={[
-          { name: "الرئيسية", id: "/" },
-          { name: "الخدمات", id: "/services" },
-          { name: "المعرض", id: "/portfolio" },
-          { name: "تواصل معنا", id: "/#contact" }
-        ]}
-        brandName="Aljoman Dental"
-      />
-      <div className="pt-32">
-        <FeatureCardSix
-          title="خدماتنا العلاجية والتجميلية"
-          description="نقدم مجموعة متكاملة من الحلول الطبية للعناية بأسنانك."
-          textboxLayout="split"
-          features={[
-            { title: "تجميل الأسنان", description: "ابتسامة هوليود، فينير، وتبييض متطور.", imageSrc: "http://img.b2bpic.net/free-photo/stomatology-orthodontic-hospital-room-equipped-with-uv-lamp-teeth-whitening-device-stomatological-office-ready-professional-dentistry-procedure-ultraviolet-oral-dental-machine_482257-9416.jpg" },
-            { title: "التقويم", description: "حلول التقويم الشفاف والمعدني لتصحيح التموضع.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-39161.jpg" },
-            { title: "علاجات اللثة", description: "عناية متخصصة بصحة أنسجة الفم.", imageSrc: "http://img.b2bpic.net/free-photo/vials-medicine-arrangement-top-view_23-2149341595.jpg" }
-          ]}
-        />
-      </div>
-      <FooterLogoEmphasis
-        columns={[{ items: [{ label: "الرئيسية", href: "/" }, { label: "الخدمات", href: "/services" }, { label: "المعرض", href: "/portfolio" }] }]} 
-        logoText="عيادات الجومان" 
-      />
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+      <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8">خدماتنا</h1>
+        <ul className="list-disc pl-6 space-y-4">
+          <li><strong>ابتسامة هوليود:</strong> تصميم ابتسامتك الرقمية.</li>
+          <li><strong>تبييض الأسنان:</strong> بأحدث التقنيات العالمية.</li>
+          <li><strong>علاج العصب:</strong> تحت المجهر لنتائج دقيقة.</li>
+        </ul>
+      </main>
+      <FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
     </ThemeProvider>
   );
 }

src/app/testimonials/page.tsx

@@ -1,31 +1,29 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function TestimonialsPage() {
+  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "آراء العملاء", id: "/testimonials" }, { name: "الأسئلة الشائعة", id: "/faq" }, { name: "احجز موعداً", id: "/service-request" }];
+  
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "الرئيسية", id: "/" },
-            { name: "التقييمات", id: "testimonials" },
-            { name: "المدونة", id: "/blog" }
+        <NavbarLayoutFloatingInline navItems={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
+        <TestimonialCardTwelve 
+          cardTitle="آراء عملائنا المميزين"
+          cardTag="testimonials"
+          cardAnimation="slide-up"
+          useInvertedBackground={false}
+          testimonials={[
+            { id: "1", name: "أحمد", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330" },
+            { id: "2", name: "سارة", imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb" }
           ]}
-          brandName="Aljoman Dental"
         />
-        <div className="pt-32 pb-20">
-          <TestimonialCardTwo
-            title="آراء مرضانا"
-            description="نفخر بثقة عملائنا في خدماتنا."
-            testimonials={[]}
-            animationType="slide-up"
-          />
-        </div>
-        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[]} />
+        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
       </ReactLenis>
     </ThemeProvider>
   );