diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c2a72a7..6bc43b4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,12 +9,12 @@ const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, {
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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} />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Our Vision' }]} />
+        <InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Our Vision' }]} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Company" />
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index fcb193f..e93a018 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -9,12 +9,12 @@ const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, {
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit tag="Contact" title="Contact Us" description="Questions? Reach out anytime." />
+        <ContactSplit tag="Contact" title="Contact Us" description="Questions? Reach out anytime." background={{ variant: 'plain' }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Company" />
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71156a3..2e9daf4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,13 +8,13 @@ import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwen
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Star, Shield, ArrowRight } from 'lucide-react';
+import { Star } from 'lucide-react';
 
 const navItems = [{ name: 'Home', id: '/' }, { name: 'About', id: '/about' }, { name: 'Contact', id: '/contact' }];
 
 export default function Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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} />
       </div>
@@ -22,16 +22,16 @@ export default function Page() {
         <HeroBillboard title="Welcome to Our Platform" description="Build your future with our advanced tools and community-driven solutions." background={{ variant: 'animated-grid' }} />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Us' }]} />
+        <InlineImageSplitTextAbout heading={[{ type: 'text', content: 'About Us' }]} useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyNine title="Our Services" description="Explore what we offer" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: 'Innovation', description: 'Cutting edge tech', imageSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', titleIconSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', buttonText: 'Learn More' }, { title: 'Security', description: 'Safe and secure', imageSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', titleIconSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', buttonText: 'Read More' }]} />
+        <FeatureCardTwentyNine title="Our Services" description="Explore what we offer" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} features={[{ title: 'Innovation', description: 'Cutting edge tech', imageSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', titleIconSrc: 'https://images.unsplash.com/photo-1518770660439-4636190af475', buttonText: 'Learn More' }, { title: 'Security', description: 'Safe and secure', imageSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', titleIconSrc: 'https://images.unsplash.com/photo-1563986768609-322da13575f3', buttonText: 'Read More' }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardThirteen testimonials={[{ id: '1', name: 'John Doe', handle: '@johndoe', testimonial: 'Great service!', rating: 5, icon: Star }]} showRating={true} animationType="blur-reveal" title="Testimonials" textboxLayout="default" />
+        <TestimonialCardThirteen testimonials={[{ id: '1', name: 'John Doe', handle: '@johndoe', testimonial: 'Great service!', rating: 5, icon: Star }]} showRating={true} animationType="blur-reveal" title="Testimonials" description="What clients say" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." />
+        <ContactSplit tag="Contact" title="Get in Touch" description="We would love to hear from you." background={{ variant: 'plain' }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Company" />