diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4e105c1..0338484 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -13,112 +13,62 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Patients",
-          id: "/patients",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Noe Valley Smiles"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Patients", id: "/patients" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Noe Valley Smiles"
+          />
+        </div>
 
-  <div id="about-body" data-section="about-body">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Our Mission",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197258.jpg",
-          alt: "Clinic Exterior",
-        },
-      ]}
-    />
-  </div>
+        <div id="about-body" data-section="about-body">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Our Mission" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/big-billboard-template-building-city_23-2148197258.jpg", alt: "Clinic Exterior" }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Leadership"
-      description="The faces behind our practice."
-      members={[
-        {
-          id: "a1",
-          name: "Dr. Jane Smith",
-          role: "Director",
-          description: "Committed to clinical excellence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/doctor-hospital-interior_1398-731.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Our Leadership"
+            description="The faces behind our practice."
+            members={[
+              { id: "a1", name: "Dr. Jane Smith", role: "Director", description: "Committed to clinical excellence.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-hospital-interior_1398-731.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Patients",
-              href: "/patients",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Noe Valley Smiles"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
+              { items: [{ label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Noe Valley Smiles"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index d752d33..1c91544 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -13,112 +13,63 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Patients",
-          id: "/patients",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Noe Valley Smiles"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Patients", id: "/patients" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Noe Valley Smiles"
+          />
+        </div>
 
-  <div id="contact-section" data-section="contact-section">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Get in touch"
-      description="Schedule your visit today."
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
-    />
-  </div>
+        <div id="contact-section" data-section="contact-section">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact"
+            title="Get in touch"
+            description="Schedule your visit today."
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-spacious-office-dentist_8353-9976.jpg"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Send Us a Message"
-      description="Our team will get back to you shortly."
-      imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Send Us a Message"
+            description="Our team will get back to you shortly."
+            imageSrc="http://img.b2bpic.net/free-photo/concept-interior-new-modern-dental-clinic-office-dental-equipment_613910-6062.jpg"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Patients",
-              href: "/patients",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Noe Valley Smiles"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
+              { items: [{ label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Noe Valley Smiles"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index efdaf3f..54741b8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,233 +17,113 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Patients",
-          id: "/patients",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Noe Valley Smiles"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Patients", id: "/patients" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Noe Valley Smiles"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Your Smile, Our Passion"
-      description="Compassionate dental care for the whole family in the heart of Noe Valley."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "/contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-397.jpg",
-          imageAlt: "Modern dentistry office",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg",
-          imageAlt: "Friendly dentist",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg",
-          imageAlt: "Clean clinic room",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg",
-          imageAlt: "Braces equipment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg",
-          imageAlt: "Happy patient",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg",
-          imageAlt: "Dental tech",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Your Smile, Our Passion"
+            description="Compassionate dental care for the whole family in the heart of Noe Valley."
+            buttons={[{ text: "Book Now", href: "/contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-dental-office_1204-397.jpg", imageAlt: "Modern dentistry office" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-sitting-beside-patient-dental-office_651396-3411.jpg", imageAlt: "Friendly dentist" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/orthodontist-using-tablet-explaining-dental-x-ray-patient-standing-waiting-area-stomatologic-office-dentist-showing-woman-radiography-using-digital-device-working-modern-clinic_482257-3589.jpg", imageAlt: "Clean clinic room" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-dental-tools-tray_23-2147905991.jpg", imageAlt: "Braces equipment" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/nurse-portrait-hospital_23-2150780424.jpg", imageAlt: "Happy patient" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/professional-medical-equipment-dental-procedures_651396-1693.jpg", imageAlt: "Dental tech" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Patient Stories"
-      description="What our community says about their experience."
-      testimonials={[
-        {
-          id: "t1",
-          title: "Great care!",
-          quote: "The team at Noe Valley Smiles is fantastic.",
-          name: "Sarah J.",
-          role: "Patient",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg",
-        },
-        {
-          id: "t2",
-          title: "Professional",
-          quote: "I felt very comfortable during my treatment.",
-          name: "Mark D.",
-          role: "Patient",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg",
-        },
-        {
-          id: "t3",
-          title: "Highly Recommend",
-          quote: "The best dental experience I've had in SF.",
-          name: "Alice W.",
-          role: "Patient",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg",
-        },
-        {
-          id: "t4",
-          title: "Excellent!",
-          quote: "Gentle, kind, and very thorough.",
-          name: "John B.",
-          role: "Patient",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Patient Stories"
+            description="What our community says about their experience."
+            testimonials={[
+              { id: "t1", title: "Great care!", quote: "The team at Noe Valley Smiles is fantastic.", name: "Sarah J.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling_23-2148396154.jpg" },
+              { id: "t2", title: "Professional", quote: "I felt very comfortable during my treatment.", name: "Mark D.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-clinic_23-2149103560.jpg" },
+              { id: "t3", title: "Highly Recommend", quote: "The best dental experience I've had in SF.", name: "Alice W.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-sofa-smiling_329181-1264.jpg" },
+              { id: "t4", title: "Excellent!", quote: "Gentle, kind, and very thorough.", name: "John B.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Frequently Asked Questions"
-      description="Answers to common concerns about our clinic."
-      faqsAnimation="slide-up"
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you accept new patients?",
-          content: "Yes, we are currently accepting new patients of all ages.",
-        },
-        {
-          id: "f2",
-          title: "Is parking available?",
-          content: "Street parking is available nearby, and we are close to public transit.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Answers to common concerns about our clinic."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Do you accept new patients?", content: "Yes, we are currently accepting new patients of all ages." },
+              { id: "f2", title: "Is parking available?", content: "Street parking is available nearby, and we are close to public transit." }
+            ]}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Meet Our Dentists"
-      description="Meet our team of caring professionals."
-      members={[
-        {
-          id: "m1",
-          name: "Dr. Miller",
-          role: "Lead Dentist",
-          description: "Passionate about cosmetic dentistry.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15128.jpg",
-        },
-        {
-          id: "m2",
-          name: "Dr. Davis",
-          role: "Orthodontist",
-          description: "Specializing in braces and Invisalign.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-standing-with-arms-crossed-clinic_107420-65658.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Meet Our Dentists"
+            description="Meet our team of caring professionals."
+            members={[
+              { id: "m1", name: "Dr. Miller", role: "Lead Dentist", description: "Passionate about cosmetic dentistry.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-dentist-room-with-medical-equipment-background_613910-15128.jpg" },
+              { id: "m2", name: "Dr. Davis", role: "Orthodontist", description: "Specializing in braces and Invisalign.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-standing-with-arms-crossed-clinic_107420-65658.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Impact"
-      description="A glimpse into our success serving Noe Valley."
-      metrics={[
-        {
-          id: "m1",
-          icon: Smile,
-          title: "Happy Patients",
-          value: "2,000+",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Years Experience",
-          value: "15",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Impact"
+            description="A glimpse into our success serving Noe Valley."
+            metrics={[
+              { id: "m1", icon: Smile, title: "Happy Patients", value: "2,000+" },
+              { id: "m2", icon: Award, title: "Years Experience", value: "15" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Patients",
-              href: "/patients",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Noe Valley Smiles"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
+              { items: [{ label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Noe Valley Smiles"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/patients/page.tsx b/src/app/patients/page.tsx
index 079186a..eea17b1 100644
--- a/src/app/patients/page.tsx
+++ b/src/app/patients/page.tsx
@@ -13,111 +13,63 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Patients",
-          id: "/patients",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Noe Valley Smiles"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Patients", id: "/patients" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Noe Valley Smiles"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Resources FAQ"
-      description="Useful tips for your dental health."
-      faqsAnimation="opacity"
-      faqs={[
-        {
-          id: "p1",
-          title: "What insurance do you take?",
-          content: "We work with most major PPO insurance providers.",
-        },
-      ]}
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Resources FAQ"
+            description="Useful tips for your dental health."
+            faqsAnimation="opacity"
+            faqs={[
+              { id: "p1", title: "What insurance do you take?", content: "We work with most major PPO insurance providers." }
+            ]}
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Resources Testimonials"
-      description="Patient experiences using our resources."
-      testimonials={[
-        {
-          id: "t1",
-          title: "Great tools",
-          quote: "The resources online were so helpful.",
-          name: "Kelsey P.",
-          role: "Patient",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-pain-recovery-clinic-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-9533.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Resources Testimonials"
+            description="Patient experiences using our resources."
+            testimonials={[
+              { id: "t1", title: "Great tools", quote: "The resources online were so helpful.", name: "Kelsey P.", role: "Patient", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-with-braids-working-pain-recovery-clinic-winking-looking-camera-with-sexy-expression-cheerful-happy-face_839833-9533.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Patients",
-              href: "/patients",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Noe Valley Smiles"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
+              { items: [{ label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Noe Valley Smiles"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 552a6c4..b7c3d65 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -14,126 +14,66 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Patients",
-          id: "/patients",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Noe Valley Smiles"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Patients", id: "/patients" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Noe Valley Smiles"
+          />
+        </div>
 
-  <div id="services-list" data-section="services-list">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "General Dentistry",
-          description: "Preventive and restorative care.",
-          tag: "General",
-          imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg",
-        },
-        {
-          id: "s2",
-          title: "Orthodontics",
-          description: "Expert alignment solutions.",
-          tag: "Ortho",
-          imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg",
-        },
-        {
-          id: "s3",
-          title: "Invisalign",
-          description: "Clear aligner therapy.",
-          tag: "Invisible",
-          imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg",
-        },
-      ]}
-      title="Comprehensive Dental Services"
-      description="Explore our expert dental care solutions."
-    />
-  </div>
+        <div id="services-list" data-section="services-list">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "s1", title: "General Dentistry", description: "Preventive and restorative care.", tag: "General", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg" },
+              { id: "s2", title: "Orthodontics", description: "Expert alignment solutions.", tag: "Ortho", imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1676.jpg" },
+              { id: "s3", title: "Invisalign", description: "Clear aligner therapy.", tag: "Invisible", imageSrc: "http://img.b2bpic.net/free-photo/revealing-shot-orthodontic-chair-with-nobody-teeth-x-ray-images-modern-display_482257-14035.jpg" }
+            ]}
+            title="Comprehensive Dental Services"
+            description="Explore our expert dental care solutions."
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Services Stats"
-      description="Proven results for your dental care."
-      metrics={[
-        {
-          id: "s1",
-          icon: CheckCircle,
-          title: "Procedures",
-          value: "500+",
-        },
-      ]}
-    />
-  </div>
+        <div id="metric" data-section="metric">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Services Stats"
+            description="Proven results for your dental care."
+            metrics={[
+              { id: "s1", icon: CheckCircle, title: "Procedures", value: "500+" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Patients",
-              href: "/patients",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Noe Valley Smiles"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Services", href: "/services" }, { label: "Patients", href: "/patients" }] },
+              { items: [{ label: "Contact", href: "/contact" }] }
+            ]}
+            logoText="Noe Valley Smiles"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );