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

Merge version_4 into main

src/app/about/page.tsx

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -34,101 +34,96 @@ export default function LandingPage() {
         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 },
-        { name: "سارة خالد", handle: "@sara", testimonial: "أفضل عيادة تعاملت معها.", rating: 5 }
-      ]}
-    />
-  </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"
-      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="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      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/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
-        { id: "p3", 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="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="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="احجز استشارتك المجانية."
-      background={{ variant: "gradient-bars" }}
-      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" }] }
-      ]}
-      logoText="عيادات الجومان"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "الرئيسية", href: "#" }] }]}
+            logoText="عيادات الجومان"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -3,25 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 
-export default function ServiceRequestPage() {
+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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <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

@@ -5,23 +5,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 
 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"
-    >
+    <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="Company"
-          button={{ text: "Get Started", href: "#" }}
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
+          brandName="Aljoman Dental"
+          button={{ text: "Contact", href: "/contact" }}
         />
       </div>
     </ThemeProvider>