Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -14,7 +14,7 @@ const navItems = [{ name: "Home", id: "/" }];
 
 export default function HomePage() {
   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>
@@ -38,7 +38,9 @@ export default function HomePage() {
           title="Features"
           description="Key highlights."
           animationType="slide-up"
-          features={[{ id: "f1", title: "Quality", description: "High quality standards." }, { id: "f2", title: "Support", description: "24/7 assistance." }]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[{ id: "f1", title: "Quality", description: "High quality standards.", tag: "Quality" }, { id: "f2", title: "Support", description: "24/7 assistance.", tag: "Support" }]}
         />
       </div>
       <div id="menu" data-section="menu">
@@ -58,6 +60,7 @@ export default function HomePage() {
           description="What our clients say."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[{ id: "t1", name: "John", role: "CEO", testimonial: "Great service!" }, { id: "t2", name: "Jane", role: "CTO", testimonial: "Outstanding experience." }]}
         />
       </div>
@@ -68,6 +71,7 @@ export default function HomePage() {
           gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           metrics={[{ id: "m1", value: "100%", description: "Satisfaction" }, { id: "m2", value: "10k+", description: "Users" }]}
         />
       </div>
@@ -75,6 +79,7 @@ export default function HomePage() {
         <ContactText 
           text="Get in touch with us today!"
           background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">