src/app/page.tsx

@@ -19,6 +19,12 @@ export default function Page() {
       defaultTextAnimation="background-highlight"
       borderRadius="pill"
       contentWidth="mediumSmall"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple 
@@ -86,6 +92,7 @@ export default function Page() {
       <div id="faq" data-section="faq">
         <FaqDouble
           title="Frequently Asked Questions"
+          description="Find answers to common questions about our services."
           faqs={[{id: "f1", title: "Are you available after hours?", content: "Yes, we operate 24/7 for emergency plumbing needs."}, {id: "f2", title: "Do you offer bathroom renovations?", content: "Absolutely, we specialize in complete bathroom renovations."}, {id: "f3", title: "Where do you operate in Cape Town?", content: "We serve all Table View and greater Cape Town areas."}]}
           faqsAnimation="blur-reveal"
           textboxLayout="split"
@@ -99,6 +106,7 @@ export default function Page() {
           title="Need Professional Help?"
           description="Our team is ready to solve your plumbing problems 24/7."
           buttons={[{text: "Call 061 150 9475", href: "tel:0611509475"}, {text: "Directions", href: "https://maps.google.com"}]}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>