src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Clock, Pizza, Star, Truck, Utensils, MapPin, Heart } from "lucide-react";
+import { Clock, Pizza, Star, Truck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -63,7 +63,7 @@ export default function LandingPage() {
                 { icon: Pizza, label: "Kitchen", value: "Made Fresh" },
               ]}
               metricsAnimation="slide-up"
-              useInvertedBackground={true}
+              useInvertedBackground={false}
             />
         </div>
 
@@ -78,6 +78,7 @@ export default function LandingPage() {
               gridVariant="bento-grid"
               animationType="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
             />
         </div>
 
@@ -108,6 +109,7 @@ export default function LandingPage() {
               gridVariant="four-items-2x2-equal-grid"
               animationType="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
             />
         </div>
 
@@ -129,12 +131,14 @@ export default function LandingPage() {
         <div id="testimonials" data-section="testimonials">
             <TestimonialCardSix
               title="What People Say"
+              description="Hear from our satisfied customers."
               testimonials={[
                 { id: "t1", name: "Sarah", handle: "@sarah", testimonial: "The best pizza in town, hands down." },
                 { id: "t2", name: "Mark", handle: "@mark", testimonial: "Fantastic shawarma, so fresh!" },
               ]}
               animationType="slide-up"
               textboxLayout="default"
+              useInvertedBackground={false}
             />
         </div>
 
@@ -144,6 +148,8 @@ export default function LandingPage() {
               title="Hungry? Reach Out."
               description="Located in the heart of the city. We look forward to serving you!"
               buttons={[{ text: "Order Online", href: "#menu" }, { text: "Call Us", href: "tel:1234567890" }]}
+              background={{ variant: "gradient-bars" }}
+              useInvertedBackground={true}
             />
         </div>