src/app/page.tsx

@@ -17,16 +17,16 @@ import { Award, CheckCircle, Clock, Diamond, Facebook, Instagram, Linkedin, Shie
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
         contentWidth="medium"
-        sizing="mediumLarge"
-        background="circleGradient"
+        sizing="largeSizeMediumTitles"
+        background="noise"
         cardStyle="glass-depth"
-        primaryButtonStyle="radial-glow"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -50,7 +50,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars"}}
+        variant: "radial-gradient"}}
       title="Singapore's Trusted Roofing Experts — Built to Last"
       description="High-quality roof repair, waterproofing, and maintenance with expert workmanship and honest pricing. Get a professional assessment today—no pressure, just expert advice."
       avatars={[
@@ -65,6 +65,7 @@ export default function LandingPage() {
         { text: "Get Free Quote", href: "#contact" },
         { text: "Call Now", href: "tel:+6561234567" },
       ]}
+      buttonAnimation="slide-up"
       marqueeItems={[
         { type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
         { type: "text-icon", text: "24/7 Support", icon: Clock },
@@ -83,6 +84,7 @@ export default function LandingPage() {
       buttons={[
         { text: "Learn More", href: "#contact" },
       ]}
+      buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/man-working-roof-with-drill_23-2148748774.jpg"
     />
   </div>
@@ -104,7 +106,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
@@ -119,7 +121,7 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
@@ -147,7 +149,7 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
@@ -158,7 +160,7 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/confident-young-carpenter-doing-his-job_329181-15607.jpg"
       title="Frequently Asked Questions"
       description="We're here to provide clarity and expert advice."
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -171,7 +173,7 @@ export default function LandingPage() {
       title="Request Your Free Inspection Today"
       description="No-pressure, expert assessment for your peace of mind. Get in touch with our team now."
       imageSrc="http://img.b2bpic.net/free-photo/business-owner-exchanging-ideas-with-realtor-contractor-office-tour_482257-91195.jpg"
-      mediaAnimation="opacity"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -189,4 +191,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}