src/app/page.tsx

@@ -8,14 +8,24 @@ import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Fish, Utensils, Star, Info } from "lucide-react";
-import Link from "next/link";
+import { Fish } 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">
         <NavbarStyleCentered navItems={navItems} brandName="Top Table" />
       </div>
@@ -41,10 +51,12 @@ export default function Page() {
       <div id="features" data-section="features">
         <FeatureCardSixteen 
             title="Why Choose Us"
+            description="We prioritize quality in every dish."
             negativeCard={{ items: ["Frozen Fish", "Old Oil"] }}
             positiveCard={{ items: ["Freshly Caught", "Clean Oil"] }}
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -52,6 +64,7 @@ export default function Page() {
             title="Customer Reviews"
             description="See what locals say."
             textboxLayout="split"
+            useInvertedBackground={false}
             testimonials={[{ id: "1", title: "Excellent", quote: "Best fish in town!", name: "John Doe", role: "Local" }]}
         />
       </div>
@@ -61,6 +74,8 @@ export default function Page() {
             title="Ready for a bite?"
             description="Visit our store today."
             buttons={[{ text: "Get Directions", href: "#" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">