src/app/page.tsx

@@ -12,7 +12,6 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Code2, Server, Database, Globe, Layout, Palette } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -91,6 +90,7 @@ export default function LandingPage() {
       animationType="slide-up"
       gridVariant="three-columns-all-equal-width"
       textboxLayout="split"
+      useInvertedBackground={false}
       title="Portfolio Projects"
       description="Case studies highlighting complex problem solving and user-centric design."
       products={[
@@ -105,6 +105,7 @@ export default function LandingPage() {
       <PricingCardThree
       animationType="slide-up"
       textboxLayout="split"
+      useInvertedBackground={false}
       plans={[
         { id: "basic", badge: "Start", price: "Contact", name: "Consultation", buttons: [{text: "Inquire"}], features: ["Requirements Analysis", "Project Roadmap", "Tech Stack Advice"] },
         { id: "pro", badge: "Project", price: "Custom", name: "Full Development", buttons: [{text: "Inquire"}], features: ["MVP Development", "Design System", "Deployment", "Support"] },
@@ -138,6 +139,7 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqDouble
       textboxLayout="split"
+      useInvertedBackground={false}
       faqs={[
         { id: "f1", title: "Tech Stack?", content: "Primary: React, Next.js, Node, PostgreSQL, and AWS." },
         { id: "f2", title: "Timeline?", content: "Typically 4-12 weeks depending on scope and complexity." },