src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import { Suspense } from "react";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap } from "lucide-react";
+import { Search, ArrowUpRight, Monitor, Shield, Zap } from "lucide-react";
 
 function LoadingFallback() {
   return <div className="flex items-center justify-center min-h-screen text-lg">Loading your experience...</div>;
@@ -65,7 +65,7 @@ export default function WebAgency2Page() {
                 useInvertedBackground={false}
                 animationType="slide-up"
                 features={[
-                  { title: "SEO", description: "High ranking optimization.", bentoComponent: "marquee", centerIcon: Search },
+                  { title: "SEO", description: "High ranking optimization.", bentoComponent: "marquee", variant: "icon", icons: [Search] },
                   { title: "Web Development", description: "Custom-built responsive sites.", bentoComponent: "media-stack", items: [
                     { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project" },
                     { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project" },
@@ -97,6 +97,7 @@ export default function WebAgency2Page() {
                 gridVariant="uniform-all-items-equal"
                 animationType="slide-up"
                 textboxLayout="default"
+                useInvertedBackground={false}
                 metrics={[
                   { id: "1", value: "100+", title: "Projects", description: "Successfully delivered.", icon: Monitor },
                   { id: "2", value: "99%", title: "Satisfaction", description: "Client retention rate.", icon: Shield },

src/app/products/page.tsx

@@ -17,6 +17,7 @@ export default function ProductsPage() {
         gridVariant="uniform-all-items-equal"
         animationType="slide-up"
         textboxLayout="default"
+        useInvertedBackground={false}
         products={[
             { id: "1", brand: "A", name: "P1", price: "$10", rating: 5, reviewCount: "10", imageSrc: "/i1.jpg" },
             { id: "2", brand: "B", name: "P2", price: "$20", rating: 4, reviewCount: "20", imageSrc: "/i2.jpg" },