diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2ea4a4c..183e435 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,12 +10,12 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Globe, Shield, Star, Zap } from 'lucide-react';
+import { Shield, Zap } from 'lucide-react';
 
 export default function Page() {
   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">
         <NavbarLayoutFloatingOverlay navItems={navItems} />
       </div>
@@ -34,6 +34,7 @@ export default function Page() {
           title="About Us"
           description="Dedicated to excellence and innovation in everything we do."
           textboxLayout="default"
+          useInvertedBackground={false}
           bulletPoints={[{ title: "Quality", description: "Top-tier standards", icon: Shield }, { title: "Innovation", description: "Cutting edge tech", icon: Zap }]}
         />
       </div>
@@ -42,6 +43,7 @@ export default function Page() {
           title="Masterplan"
           description="Our comprehensive development strategy."
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[{ title: "Strategy", description: "Long term planning", imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb" }]}
         />
       </div>
@@ -50,6 +52,7 @@ export default function Page() {
           title="Amenities"
           description="Everything you need for comfort."
           textboxLayout="default"
+          useInvertedBackground={false}
           features={[{ title: "Pool", description: "Crystal clear water", imageSrc: "https://images.unsplash.com/photo-1576013551627-0cc20b96c2a7" }]}
         />
       </div>
@@ -57,6 +60,7 @@ export default function Page() {
         <MetricCardFourteen 
           title="Lifestyle Metrics"
           tag="Quality"
+          useInvertedBackground={false}
           metrics={[{ id: "1", value: "98%", description: "Happy residents" }, { id: "2", value: "24/7", description: "Support available" }]} 
         />
       </div>
@@ -76,6 +80,7 @@ export default function Page() {
           sideTitle="FAQ"
           faqs={[{ id: "1", title: "Where?", content: "Central city location" }, { id: "2", title: "How?", content: "Accessible via metro" }]}
           faqsAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -93,6 +98,7 @@ export default function Page() {
         <ContactText 
           text="Get in touch with us!"
           background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">