src/app/page.tsx

@@ -1,19 +1,30 @@
 'use client';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline/NavbarLayoutFloatingInline';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi/HeroSplitKpi';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import SplitAbout from '@/components/sections/about/SplitAbout/SplitAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo/TestimonialCardTwo';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven/MetricCardEleven';
-import ContactText from '@/components/sections/contact/ContactText/ContactText';
-import FooterBase from '@/components/sections/footer/FooterBase/FooterBase';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function HomePage() {
   const navItems = [{ name: "Home", id: "/" }];
 
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline navItems={navItems} brandName="The House of Dentistry" />
       </div>
@@ -37,6 +48,7 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             { title: "General Dentistry", description: "Routine checkups, cleaning, and preventative care.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg", titleIconSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" },
             { title: "Teeth Whitening", description: "Brighten your smile with professional solutions.", imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg", titleIconSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg", buttonText: "Book Now", buttonHref: "tel:08072982811" },
@@ -59,6 +71,7 @@ export default function HomePage() {
             { title: "Affordable Pricing", description: "Premium quality dental care without breaking the bank." }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/empty-stomatology-orthodontist-hospital-cabinet-with-nobody-it_482257-10435.jpg"
+          mediaAnimation="slide-up"
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -67,6 +80,7 @@ export default function HomePage() {
           description="Read how we've helped patients regain confidence in their smiles."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[
             { id: "1", name: "Priya", role: "IT Professional", testimonial: "I was very nervous, but the team made me feel completely comfortable. Painless treatment!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg" },
             { id: "2", name: "Arun", role: "Architect", testimonial: "Excellent clinic. Very hygienic and the dentists explain everything clearly.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg" },
@@ -81,6 +95,8 @@ export default function HomePage() {
           title="Simple Steps to Your Best Smile"
           description="Our streamlined process ensures you get the care you need quickly and comfortably."
           animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
           metrics={[
             { id: "1", value: "Step 1", title: "Call & Book", description: "Call us to book your convenient time slot.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-medical-symbols_23-2149510237.jpg" },
             { id: "2", value: "Step 2", title: "Consultation", description: "Visit us for a expert diagnosis and treatment plan.", imageSrc: "http://img.b2bpic.net/free-photo/dental-implants-surgery-concept-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10421.jpg" },
@@ -100,6 +116,7 @@ export default function HomePage() {
           background={{ variant: "plain" }}
           text="Don’t Delay Your Dental Health. Book your appointment today and experience painless, professional care."
           buttons={[{ text: "Call Now to Book Appointment", href: "tel:08072982811" }]}
+          useInvertedBackground={true}
         />
       </div>
       <div id="footer" data-section="footer">