Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -19,7 +19,7 @@ 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} />
       </div>
@@ -35,6 +35,7 @@ export default function Home() {
           title="Our Mission"
           description="We believe in simplifying complex workflows through elegant design."
           textboxLayout="default"
+          useInvertedBackground={false}
           bulletPoints={[
             { title: 'Quality First', description: 'Built with performance in mind.' },
             { title: 'Scalable', description: 'Designed to grow with your needs.' }
@@ -58,6 +59,7 @@ export default function Home() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[]}
         />
       </div>
@@ -66,6 +68,7 @@ export default function Home() {
           title="Customer Stories"
           description="See what others are saying."
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[]}
         />
       </div>
@@ -75,13 +78,16 @@ export default function Home() {
           description="Stay updated with our progress."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           blogs={[]}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactSplit 
+          tag="Contact Us"
           title="Get In Touch"
           description="Ready to get started?"
+          useInvertedBackground={false}
           background={{ variant: 'animated-grid' }}
         />
       </div>