Switch to version 2: modified src/app/testimonials/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -1,20 +1,18 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function AboutPage() {
-  const navLinks = [{ name: "الرئيسية", id: "/" }, { name: "من نحن", id: "/about" }, { name: "خدماتنا", id: "/services" }, { name: "معرض الأعمال", id: "/portfolio" }, { name: "تواصل معنا", id: "/#contact" }];
   return (
-    <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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/blog/page.tsx

@@ -1,38 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-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 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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/contact/page.tsx

@@ -1,35 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-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 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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/faq/page.tsx

@@ -1,30 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-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 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={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
-        <FaqSplitText
-          sideTitle="الأسئلة الشائعة"
-          sideDescription="إجابات على أكثر استفسارات مرضانا شيوعاً"
-          faqsAnimation="slide-up"
-          useInvertedBackground={false}
-          faqs={[
-            { id: "q1", title: "كيف أحجز موعد؟", content: "يمكنك الحجز عبر نموذج المواعيد في موقعنا." },
-            { id: "q2", title: "هل تتوفر خدمات تجميلية؟", content: "نعم، لدينا باقات تبييض وعدسات لومينير." }
-          ]}
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
         />
-        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
-      </ReactLenis>
+      </div>
     </ThemeProvider>
   );
 }

src/app/page.tsx

@@ -10,7 +10,7 @@ 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 { Shield, Smile, Award } from "lucide-react";
+import { Award, Shield, Smile } from "lucide-react";
 
 export default function LandingPage() {
   const navLinks = [
@@ -24,112 +24,106 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+        borderRadius="pill"
         contentWidth="medium"
-        sizing="largeSizeMediumTitles"
-        background="noiseDiagonalGradient"
+        sizing="mediumLargeSizeLargeTitles"
+        background="aurora"
         cardStyle="glass-elevated"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={navLinks}
-      brandName="Aljoman Dental"
-      button={{ text: "احجز موعداً", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={navLinks}
+            brandName="Aljoman Dental"
+            button={{ text: "احجز موعداً", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      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" },
-        { 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>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="أبتسامة ثقة تليق بك"
+            description="خدمات طب أسنان تجميلية وعلاجية عالية الجودة."
+            testimonials={[{ name: "أحمد", handle: "@ahmed", testimonial: "تجربة استثنائية.", rating: 5 }]}
+            buttons={[{ text: "احجز الآن", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      tag="لماذا نحن؟"
-      title="التميز في طب الأسنان منذ عقود"
-      description="عيادات الجومان ليست مجرد مركز طبي، بل تجربة متكاملة للعناية بصحة وجمال أسنانك."
-      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="blur-reveal"
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="لماذا نحن؟"
+            title="التميز في طب الأسنان"
+            description="عيادات الجومان تقدم تجربة رعاية متكاملة."
+            subdescription="أحدث التقنيات الرقمية."
+            icon={Shield}
+            imageSrc="https://img.b2bpic.net/free-photo/dentist-s-office-interior-with-modern-chair-special-dentisd-equipment-interior-stomatology-clinic_482257-11998.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="split"
-      features={[
-        { title: "طب الأسنان التجميلي", description: "ابتسامة هوليود، تبييض الأسنان، وعدسات اللومينير.", imageSrc: "http://img.b2bpic.net/free-photo/patient-pov-listening-explication-teeth-treatment-dentist-coverall-showing-x-ray-tablet-stomatology-specialist-wearing-protective-suit-against-infection-with-covid19-pointing-radiograph_482257-13149.jpg?_wi=2" },
-        { title: "العلاج التحفظي", description: "علاج العصب، الحشوات التجميلية، وعلاج اللثة.", imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?_wi=2" }
-      ]}
-      title="خدماتنا المتميزة"
-      description="نقدم حلولاً طبية متكاملة لابتسامة ساحرة."
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="split"
+            features={[
+              { title: "التجميل", description: "ابتسامة هوليود", imageSrc: "https://img.b2bpic.net/free-photo/vials-medicine-arrangement-top-view_23-2149341595.jpg" },
+              { title: "العلاج", description: "علاج العصب", imageSrc: "https://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg" }
+            ]}
+            title="خدماتنا"
+            description="نقدم حلولاً متكاملة."
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="blur-reveal"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      products={[
-        { id: "p1", name: "باقة التبييض الاحترافية", price: "٩٩٩ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" }
-      ]}
-      title="عروضنا الحصرية"
-      description="استكشف أحدث عروض الباقات التجميلية والعلاجية."
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            products={[
+              { id: "p1", name: "تبييض الأسنان", price: "٩٩٩ ر.س", imageSrc: "https://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
+              { id: "p2", name: "فينير", price: "١٥٠٠ ر.س", imageSrc: "https://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-toolsclose-up_8353-1677.jpg" },
+              { id: "p3", name: "تقويم", price: "٥٠٠٠ ر.س", imageSrc: "https://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-toolsclose-up_8353-1677.jpg" }
+            ]}
+            title="عروضنا"
+            description="اكتشف باقاتنا."
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="blur-reveal"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      metrics={[
-        { id: "m1", value: "١٥,٠٠٠+", title: "مريض سعيد", description: "ثقتكم هي سر نجاحنا الدائم.", icon: Smile },
-        { id: "m2", value: "٢٠+", title: "سنة خبرة", description: "نقدم خبرة عقود لابتسامتك.", icon: Award }
-      ]}
-      title="أرقام تدل على تميزنا"
-      description="نحن نفخر بما حققناه لآلاف المرضى."
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            metrics={[
+              { id: "m1", value: "١٥٠٠٠+", title: "مريض سعيد", description: "ثقتكم تهمنا", icon: Smile },
+              { id: "m2", value: "٢٠+", title: "سنة خبرة", description: "خبرة طويلة", icon: Award }
+            ]}
+            title="أرقامنا"
+            description="نحن نفخر بما قدمناه."
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      tag="تواصل معنا"
-      title="ابدأ رحلة ابتسامتك اليوم"
-      description="احجز استشارتك المجانية. العنوان: طريق المدينة المنورة، حي الفيصلية، جدة 23442، المملكة العربية السعودية."
-      background={{ variant: "sparkles-gradient" }}
-      useInvertedBackground={false}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="تواصل"
+            title="ابدأ رحلتك"
+            description="احجز استشارتك اليوم."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "من نحن", href: "#about" }, { label: "خدماتنا", href: "#features" }] },
-        { items: [{ label: "احجز موعداً", href: "#contact" }, { label: "جدة - الفيصلية", href: "#" }] }
-      ]}
-      logoText="عيادات الجومان"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "الرئيسية", href: "#" }] }]}
+            logoText="عيادات الجومان"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -1,22 +1,18 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-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 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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/privacy-policy/page.tsx

@@ -1,42 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import LegalSection from '@/components/legal/LegalSection';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-
-export default function PrivacyPolicyPage() {
-  const navLinks = [
-    { name: "الرئيسية", id: "/" },
-    { name: "المدونة", id: "/blog" },
-    { name: "سياسة الخصوصية", id: "/privacy-policy" },
-    { name: "تواصل معنا", id: "/contact" },
-  ];
 
+export default function PrivacyPage() {
   return (
-    <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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/service-request/page.tsx

@@ -1,27 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-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" }];
 
+export default function RequestPage() {
   return (
-    <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={navLinks} brandName="Aljoman Dental" button={{ text: "احجز موعداً", href: "#contact" }} />
-        <ContactSplit
-          tag="احجز موعداً"
-          title="سعداء بخدمتك"
-          description="أدخل بياناتك وسنتواصل معك لتأكيد الموعد."
-          background={{ variant: "gradient-bars" }}
-          useInvertedBackground={false}
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
         />
-        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
-      </ReactLenis>
+      </div>
     </ThemeProvider>
   );
 }

src/app/services/page.tsx

@@ -1,22 +1,18 @@
 "use client";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-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 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 defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
     </ThemeProvider>
   );
 }

src/app/testimonials/page.tsx

@@ -1,30 +1,18 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-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 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={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" }
-          ]}
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="mediumLargeSizeLargeTitles" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
         />
-        <FooterLogoEmphasis logoText="عيادات الجومان" columns={[{ items: [{ label: "الرئيسية", href: "/" }] }]} />
-      </ReactLenis>
+      </div>
     </ThemeProvider>
   );
 }