src/app/page.tsx

@@ -12,7 +12,7 @@ import FaqDouble from "@/components/sections/faq/FaqDouble";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Shield, Wrench, Search, HelpCircle, ClipboardCheck, Phone, HardHat, CheckCircle, Clock, Users, Award, ThumbsUp, Star } from "lucide-react";
+import { Shield, Wrench, Search, ClipboardCheck, HardHat, Clock, Users, Award, ThumbsUp, Star } from "lucide-react";
 
 export default function RoofingPage() {
   return (
@@ -150,6 +150,7 @@ export default function RoofingPage() {
               { id: "2", name: "Maria Gonzalez", role: "Homeowner", company: "Arlington, TX", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/roofing/maria-gonzalez.webp" },
             ]}
             textboxLayout="default"
+            useInvertedBackground={false}
           />
         </div>
 
@@ -159,6 +160,7 @@ export default function RoofingPage() {
             description="Answers to help you navigate your roofing journey."
             faqsAnimation="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             faqs={[
               { id: "1", title: "How long does installation take?", content: "1-3 days depending on complexity." },
               { id: "2", title: "Do you offer financing?", content: "Yes, we provide flexible options." },
@@ -176,6 +178,7 @@ export default function RoofingPage() {
             descriptionClassName="text-zinc-400"
             mediaPosition="right"
             background={{ variant: "radial-gradient" }}
+            useInvertedBackground={true}
           />
         </div>