Update src/app/page.tsx

src/app/page.tsx

@@ -9,18 +9,28 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import Link from "next/link";
 
 const navItems = [{ name: "Home", id: "/" }];
 
 export default function Home() {
   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">
         <NavbarStyleFullscreen navItems={navItems} brandName="Andrew McReynolds Plumbing" />
       </div>
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel 
+        <HeroBillboardCarousel
           background={{ variant: "gradient-bars" }}
           title="ACT's Most Trusted Plumbing Professionals"
           description="Reliable, honest and professional plumbing services backed by hundreds of happy customers."
@@ -35,10 +45,10 @@ export default function Home() {
         />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne 
-          animationType="slide-up" 
-          textboxLayout="split" 
-          gridVariant="uniform-all-items-equal" 
+        <TestimonialCardOne
+          animationType="slide-up"
+          textboxLayout="split"
+          gridVariant="uniform-all-items-equal"
           useInvertedBackground={false}
           title="Trusted By Hundreds Of Local Homeowners"
           description="Don't just take our word for it—read what our local ACT customers have to say about our professional service."
@@ -52,10 +62,10 @@ export default function Home() {
         />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardNine 
-          textboxLayout="default" 
-          animationType="slide-up" 
-          useInvertedBackground={true} 
+        <FeatureCardNine
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
           showStepNumbers={false}
           title="Our Plumbing Services"
           description="We offer a wide range of professional plumbing services to keep your home running smoothly."
@@ -69,10 +79,10 @@ export default function Home() {
         />
       </div>
       <div id="metrics" data-section="metrics">
-        <MetricCardFourteen 
-          useInvertedBackground={false} 
-          metricsAnimation="slide-up" 
-          title="Why Locals Choose Andrew McReynolds" 
+        <MetricCardFourteen
+          useInvertedBackground={false}
+          metricsAnimation="slide-up"
+          title="Why Locals Choose Andrew McReynolds"
           tag="Trusted Service"
           metrics={[
             { id: "m1", value: "10+", description: "Years of Local Experience" },
@@ -82,17 +92,17 @@ export default function Home() {
         />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout 
-          useInvertedBackground={true} 
+        <InlineImageSplitTextAbout
+          useInvertedBackground={true}
           heading={[{ type: "text", content: "Meet Andrew McReynolds" }, { type: "image", src: "http://img.b2bpic.net/free-photo/portrait-worker-woman_23-2148138157.jpg", alt: "Andrew McReynolds" }]} 
           buttons={[{ text: "Speak To Andrew Today", href: "tel:0400000000" }]}
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit 
-          useInvertedBackground={false} 
-          background={{ variant: "radial-gradient" }} 
-          title="Need A Reliable Plumber?" 
+        <ContactSplit
+          useInvertedBackground={false}
+          background={{ variant: "radial-gradient" }}
+          title="Need A Reliable Plumber?"
           description="Don't let plumbing problems get worse. Contact Andrew McReynolds Plumbing today for professional and honest service."
           imageSrc="http://img.b2bpic.net/free-photo/top-view-pipe-wrench-left-side-wooden-background-with-copy-space_141793-15202.jpg"
           buttonText="Request Quote"
@@ -100,9 +110,9 @@ export default function Home() {
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterLogoReveal 
-          logoText="Andrew McReynolds Plumbing" 
-          leftLink={{ text: "Privacy Policy", href: "#" }} 
+        <FooterLogoReveal
+          logoText="Andrew McReynolds Plumbing"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
           rightLink={{ text: "Terms of Service", href: "#" }}
         />
       </div>