Update src/app/page.tsx

src/app/page.tsx

@@ -3,14 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import { Award, Coffee, ShoppingCart, Info, Mail, MapPin } from "lucide-react";
+import { Award, Coffee } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -67,6 +65,7 @@ export default function LandingPage() {
 
   <div id="product" data-section="product">
       <ProductCardThree
+      useInvertedBackground={false}
       title="Featured Selection"
       description="Our premium roasted beans."
       gridVariant="three-columns-all-equal-width"
@@ -82,6 +81,7 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <AboutMetric
+      useInvertedBackground={false}
       title="Roasting Milestones"
       metricsAnimation="slide-up"
       metrics={[