From ceded747bd4be83acd8e8a08749c2903fcffefc8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 15:51:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 247628a..6490c4d 100644
--- a/src/app/page.tsx
+++ b/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">
-- 
2.49.1