Update src/app/testimonials/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function AboutPage() {
+  return (
+    <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

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function BlogPage() {
+  return (
+    <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

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ContactPage() {
+  return (
+    <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

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function FaqPage() {
+  return (
+    <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/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,376 +10,119 @@ 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 { Award, Shield, Smile } from "lucide-react";
 
 export default function LandingPage() {
+  const navLinks = [
+    { name: "الرئيسية", id: "hero" },
+    { name: "من نحن", id: "about" },
+    { name: "خدماتنا", id: "features" },
+    { name: "تواصل معنا", id: "contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+        borderRadius="pill"
         contentWidth="medium"
-        sizing="largeSmallSizeLargeTitles"
-        background="noiseDiagonalGradient"
+        sizing="mediumLargeSizeLargeTitles"
+        background="aurora"
         cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="bold"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "hero",
-        },
-        {
-          name: "من نحن",
-          id: "about",
-        },
-        {
-          name: "خدماتنا",
-          id: "features",
-        },
-        {
-          name: "تواصل معنا",
-          id: "contact",
-        },
-      ]}
-      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 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: "@mohammad",
-          testimonial: "احترافية في العمل ودقة في المواعيد، أنصح بالزيارة.",
-          rating: 5,
-          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=1",
-          imageAlt: "dental clinic interior modern",
-        },
-        {
-          name: "فاطمة العمري",
-          handle: "@fatima",
-          testimonial: "نتائج مذهلة، لم أكن أتوقع أن تكون الابتسامة بهذا الجمال.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?_wi=1",
-          imageAlt: "dental clinic interior modern",
-        },
-        {
-          name: "خالد سعد",
-          handle: "@khalid",
-          testimonial: "خدمة ممتازة واحترافية عالية، تجربة تستحق التكرار.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-man-teeth-with-dental-explorer-dental-mirror_651396-2613.jpg?_wi=1",
-          imageAlt: "dental clinic interior modern",
-        },
-      ]}
-      buttons={[
-        {
-          text: "احجز موعداً",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontic-hospital-cabinet-with-nobody-it-equipped-with-modern-furniture-teet_482257-2882.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-dentist-patient-smiling_23-2148396176.jpg",
-          alt: "Portrait of dentist and patient smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-sitting-chair-while-female-dentist-working-clinic_662251-2551.jpg",
-          alt: "Portrait of smiling man sitting on chair while female dentist working in clinic",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beuatiful-female-dentist-posing-smiling-with-her-lovely-patient-laying-dental-chair-redviolet-dress_627829-9746.jpg",
-          alt: "Beuatiful female dentist posing and smiling with her lovely patient laying on a dental chair in redviolet dress",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-65663.jpg",
-          alt: "Female patient smiling while talking to doctor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-father-posing-home-with-thumbs-up_23-2148853977.jpg",
-          alt: "Front view of smiley father posing at home with thumbs up",
-        },
-      ]}
-    />
-  </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
-      useInvertedBackground={false}
-      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="slide-up"
-    />
-  </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"
-      useInvertedBackground={false}
-      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",
-          imageAlt: "تجميل",
-        },
-        {
-          title: "العلاج التحفظي",
-          description: "علاج العصب، الحشوات التجميلية، وعلاج اللثة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg?_wi=2",
-          imageAlt: "علاج",
-        },
-        {
-          title: "تقويم الأسنان",
-          description: "تقويم شفاف ومعدني بأحدث الأنظمة العلاجية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-man-teeth-with-dental-explorer-dental-mirror_651396-2613.jpg?_wi=2",
-          imageAlt: "تقويم",
-        },
-      ]}
-      title="خدماتنا المتميزة"
-      description="نقدم حلولاً طبية متكاملة لابتسامة ساحرة."
-    />
-  </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="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "باقة التبييض الاحترافية",
-          price: "٩٩٩ ر.س",
-          imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg",
-        },
-        {
-          id: "p2",
-          name: "تقويم الأسنان الشفاف",
-          price: "١٤٩٩٩ ر.س",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042930.jpg",
-        },
-        {
-          id: "p3",
-          name: "ابتسامة هوليود (فينيير)",
-          price: "١٩٩٩ ر.س",
-          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",
-        },
-        {
-          id: "p4",
-          name: "تنظيف الأسنان الشامل",
-          price: "٤٩٩ ر.س",
-          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",
-        },
-        {
-          id: "p5",
-          name: "علاج حساسية الأسنان",
-          price: "٢٩٩ ر.س",
-          imageSrc: "http://img.b2bpic.net/free-photo/vials-medicine-arrangement-top-view_23-2149341595.jpg",
-        },
-        {
-          id: "p6",
-          name: "توريد اللثة التجميلي",
-          price: "٧٩٩ ر.س",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-39161.jpg",
-        },
-      ]}
-      title="عروضنا الحصرية"
-      description="استكشف أحدث عروض الباقات التجميلية والعلاجية."
-    />
-  </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="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "١٥,٠٠٠+",
-          title: "مريض سعيد",
-          description: "ثقتكم هي سر نجاحنا الدائم.",
-          icon: Smile,
-        },
-        {
-          id: "m2",
-          value: "٢٠+",
-          title: "سنة خبرة",
-          description: "نقدم خبرة عقود لابتسامتك.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "٩٩%",
-          title: "معدل الرضا",
-          description: "معايير عالمية في كل خطوة.",
-          icon: Star,
-        },
-      ]}
-      title="أرقام تدل على تميزنا"
-      description="نحن نفخر بما حققناه لآلاف المرضى."
-    />
-  </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="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "سارة",
-          role: "مراجعة",
-          testimonial: "طاقم عمل رائع وخدمة احترافية جداً.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-professional-dentist-with-gloves-mask-discuss-what-treatment-will-look-like-patient-s-teeth_158595-7630.jpg",
-        },
-        {
-          id: "t2",
-          name: "أحمد",
-          role: "مراجع",
-          testimonial: "نتيجة مبهرة وتفاصيل دقيقة في المعالجة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-happy-dentist_23-2148396150.jpg",
-        },
-        {
-          id: "t3",
-          name: "ليلى",
-          role: "مراجعة",
-          testimonial: "لن أتردد في العودة مرة أخرى، شكراً جزيلاً.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-patient-bed-physiotherapy-center_1139-1121.jpg",
-        },
-        {
-          id: "t4",
-          name: "عمر",
-          role: "مراجع",
-          testimonial: "تجربة لا تنسى، عيادة متطورة بكل المقاييس.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-showing-her-thumbs-up_1301-1128.jpg",
-        },
-        {
-          id: "t5",
-          name: "نورة",
-          role: "مراجعة",
-          testimonial: "الابتسامة التي حلمت بها تحققت هنا.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup_158538-11753.jpg",
-        },
-      ]}
-      title="ماذا يقول مرضانا؟"
-      description="رأيكم هو دافعنا للاستمرار في تقديم الأفضل."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="تواصل"
+            title="ابدأ رحلتك"
+            description="احجز استشارتك اليوم."
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "هل خدمات تبييض الأسنان آمنة؟",
-          content: "نعم، نستخدم تقنيات حديثة ومعتمدة تضمن سلامة المينا واللثة.",
-        },
-        {
-          id: "f2",
-          title: "كم يستغرق تركيب تقويم الأسنان؟",
-          content: "تختلف المدة حسب الحالة، ولكن عادة ما تتراوح بين ١٢ إلى ٢٤ شهراً.",
-        },
-        {
-          id: "f3",
-          title: "هل يوجد ضمان على ابتسامة هوليود؟",
-          content: "نقدم ضماناً على جودة المواد المستخدمة والعمليات التجميلية التي نقوم بها.",
-        },
-      ]}
-      sideTitle="أسئلة شائعة"
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="تواصل معنا"
-      title="ابدأ رحلة ابتسامتك اليوم"
-      description="احجز استشارتك المجانية مع أطباء الجومان المتخصصين."
-      imageSrc="http://img.b2bpic.net/free-photo/nobody-empty-waiting-room-lobby-with-desktop-reception-helping-patients-with-medical-insurance-attend-checkup-visit-appointment-waiting-area-with-counter-hospital_482257-47691.jpg"
-      inputPlaceholder="أدخل بريدك الإلكتروني"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "من نحن",
-              href: "#about",
-            },
-            {
-              label: "خدماتنا",
-              href: "#features",
-            },
-            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
-          ],
-        },
-        {
-          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

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function PortfolioPage() {
+  return (
+    <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

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function PrivacyPage() {
+  return (
+    <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

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function RequestPage() {
+  return (
+    <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/services/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ServicesPage() {
+  return (
+    <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/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #fbfaff;
+  --card: #ffffff;
+  --foreground: #0f0022;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #d8cef5;
+  --background-accent: #c4a8f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/testimonials/page.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function TestimonialsPage() {
+  return (
+    <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>
+  );
+}