src/app/page.tsx

@@ -7,13 +7,13 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Globe, Shield, Star, Zap, Cpu, BarChart3, Users, ChevronRight } from 'lucide-react';
+import { Shield, Users } 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">
         <NavbarStyleCentered navItems={navItems} brandName="TechCorp" />
       </div>
@@ -58,6 +58,7 @@ export default function Page() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "p1", name: "Basic", price: "$99", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" },
             { id: "p2", name: "Pro", price: "$299", imageSrc: "https://images.unsplash.com/photo-1593642532400-2682810df593" },
@@ -71,6 +72,7 @@ export default function Page() {
           title="Get in Touch"
           description="Contact our expert team to discuss your project requirements."
           buttons={[{ text: "Contact Us", href: "#contact" }]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">