Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,13 +9,23 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Star, Shield, ArrowRight } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
 export default function Page() {
   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}
@@ -36,12 +46,14 @@ export default function Page() {
         <TextSplitAbout 
           title="About Us"
           description={["We are a team dedicated to excellence.", "Building the future with passion."]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="menu" data-section="menu">
         <FeatureCardNineteen 
           title="Our Services"
           textboxLayout="split"
+          useInvertedBackground={false}
           features={[
             { tag: "Fast", title: "Service 1", subtitle: "Subtitle", description: "Description", imageSrc: "/placeholder.jpg" },
             { tag: "Secure", title: "Service 2", subtitle: "Subtitle", description: "Description", imageSrc: "/placeholder.jpg" }
@@ -54,6 +66,7 @@ export default function Page() {
           textboxLayout="default"
           gridVariant="asymmetric-60-wide-40-narrow"
           animationType="blur-reveal"
+          useInvertedBackground={false}
           products={[
             { id: "p1", name: "Signature 1", price: "$10", imageSrc: "/placeholder.jpg" },
             { id: "p2", name: "Signature 2", price: "$20", imageSrc: "/placeholder.jpg" },
@@ -67,6 +80,7 @@ export default function Page() {
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="blur-reveal"
+          useInvertedBackground={false}
           testimonials={[
             { id: "t1", name: "Client 1", role: "CEO", company: "Comp A", rating: 5 },
             { id: "t2", name: "Client 2", role: "CTO", company: "Comp B", rating: 5 }
@@ -79,6 +93,7 @@ export default function Page() {
           textboxLayout="default"
           gridVariant="uniform-all-items-equal"
           animationType="blur-reveal"
+          useInvertedBackground={false}
           members={[
             { id: "m1", name: "John", role: "Founder", imageSrc: "/placeholder.jpg" },
             { id: "m2", name: "Jane", role: "Engineer", imageSrc: "/placeholder.jpg" }
@@ -93,7 +108,7 @@ export default function Page() {
             { name: "name", type: "text", placeholder: "Name", required: true },
             { name: "email", type: "email", placeholder: "Email", required: true }
           ]}
-          buttons={[{ text: "Submit" }]}
+          buttonText="Submit"
         />
       </div>
       <div id="footer" data-section="footer">