Update src/app/page.tsx

src/app/page.tsx

@@ -7,13 +7,14 @@ import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleC
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
 import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
-import { Sparkles, Utensils, Award, Users, TrendingUp, Shield, Clock, Smile, CheckCircle, XCircle } from "lucide-react";
+import { Sparkles, Utensils, Award, Users, TrendingUp, Shield, Clock, Smile, CheckCircle, XCircle, Star, Calendar } from "lucide-react";
 
 export default function BuffetPage() {
   return (
@@ -90,29 +91,36 @@ export default function BuffetPage() {
             }
           ]}
         />
-        <MetricCardOne
+        <PricingCardFive
           title="Transparent Value"
-          description="Simple, family-friendly pricing with something for everyone."
+          description="Choose the perfect dining time for you and your family."
-          textboxLayout="default"
+          textboxLayout="split-actions"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
-          metrics={[
+          useInvertedBackground={false}
-            { id: "lunch", value: "$15.99", title: "Lunch", description: "Available daily until 4:00 PM", icon: Clock },
+          plans={[
-            { id: "dinner", value: "$19.99", title: "Dinner", description: "Full evening buffet experience", icon: Utensils },
+            {
-            { id: "kids", value: "Age-Based", title: "Kids Pricing", description: "Special rates for younger guests", icon: Users },
+                id: "lunch",                tag: "Most Popular",                tagIcon: Star,
+                price: "$15.99",                period: "per person",                description: "Full access to our lunch selection until 4:00 PM.",                button: { text: "Reserve Lunch", href: "#contact" },
+                featuresTitle: "Includes:",                features: ["All Lunch Stations", "Soft Drinks", "Fresh Sushi Bar"]
+            },
+            {
+                id: "dinner",                tag: "Premium Choice",                tagIcon: Award,
+                price: "$29.99",                period: "per person",                description: "Complete dinner experience with full seafood bar.",                button: { text: "Reserve Dinner", href: "#contact" },
+                featuresTitle: "Includes:",                features: ["All Lunch Features", "Premium Crab Legs", "Chef Specials"]
+            }
           ]}
         />
-        <TestimonialCardFifteen
+        <TestimonialCardTwelve
-          testimonial="The variety here is unmatched! From the fresh sashimi to the hot crab legs, everything was constantly replenished and tasted incredible. Truly the best value in the city."
+          cardTitle="Join 10,000+ Happy Guests"
-          rating={5}
+          cardTag="Testimonials"
-          author="— Sarah Jenkins, Local Foodie"
+          cardTagIcon={Star}
-          avatars={[
+          cardAnimation="slide-up"
-            { src: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg", alt: "Guest" },
+          useInvertedBackground={true}
+          testimonials={[
+            { id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
+            { id: "2", name: "Mark Thompson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man_23-2148213458.jpg" },
+            { id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-looking-away_23-2148213451.jpg" }
           ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
         />
         <FeatureCardSixteen
           title="Our Commitment to Excellence"
@@ -137,12 +145,12 @@ export default function BuffetPage() {
           ]}
         />
         <ContactCTA
-          tag="Book Your Table"
+          tag="Hurry, Seats Filling Fast"
           title="Join Us Tonight"
-          description="Weekend dining fills fast — reserve now to guarantee your spot for an exceptional evening."
+          description="Urgency Alert: Peak hours filling up. Book now to guarantee your spot for an exceptional evening."
           background={{ variant: "rotated-rays-animated" }}
           buttons={[
-            { text: "Book Now", href: "#contact" }
+            { text: "Reserve Now", href: "#contact" }
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: undefined;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: undefined;
 }

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #0a0a0a;
   --card: #161616;
   --foreground: #f0f0f0;
-  --primary-cta: #ffffff;
+  --primary-cta: #d4af37;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1e1e1e;
+  --secondary-cta: #8b0000;
   --secondary-cta-text: #e0e0e0;
-  --accent: #d0d0d0;
+  --accent: #d4af37;
-  --background-accent: #9a9a9a;
+  --background-accent: #2e0000;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);