Update src/app/page.tsx

src/app/page.tsx

@@ -8,7 +8,7 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Flame, Pipette, Utensils, Leaf, Heart, Spoon, MapPin, Clock, Award, Zap, Star } from "lucide-react";
+import { Flame, Pipette, Utensils, Leaf, Heart, MapPin, Clock, Award, Zap, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -50,7 +50,7 @@ export default function LandingPage() {
           imageAlt="slow-motion brisket slicing smoke"
           mediaAnimation="blur-reveal"
           frameStyle="card"
-          background="radial-gradient"
+          background={{ variant: "radial-gradient" }}
           ariaLabel="Hero section"
         />
       </div>
@@ -151,7 +151,7 @@ export default function LandingPage() {
           metrics={[
             { icon: Leaf, label: "House-Made Slaw", value: "Fresh Daily" },
             { icon: Flame, label: "Slow-Cooked Beans", value: "Never Canned" },
-            { icon: Spoon, label: "Thoughtful Sides", value: "Complete Plate" },
+            { icon: Star, label: "Thoughtful Sides", value: "Complete Plate" },
             { icon: Heart, label: "Craft Mentality", value: "In Everything" }
           ]}
           metricsAnimation="slide-up"
@@ -214,7 +214,7 @@ export default function LandingPage() {
           imageAlt="restaurant interior moody warm lighting"
           mediaAnimation="opacity"
           frameStyle="card"
-          background="gradient-bars"
+          background={{ variant: "gradient-bars" }}
           ariaLabel="Hero section"
         />
       </div>