src/app/page.tsx

@@ -9,7 +9,7 @@ import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { LayoutTemplate, Layers, Wand2, Zap, Star, Rocket, Palette } from "lucide-react";
+import { LayoutTemplate, Palette, Rocket, Star } from "lucide-react";
 
 export default function WebsiteBuilderPage() {
     const navItems = [
@@ -61,6 +61,7 @@ export default function WebsiteBuilderPage() {
                     tag="UI Gallery"
                     tagIcon={LayoutTemplate}
                     textboxLayout="default"
+                    useInvertedBackground={false}
                     features={[
                         {
                             title: "Dashboard Preview",                            description: "Modern interface design with intuitive controls and clear data visualization.",                            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D9u9a4niXOwkTd0Vfg7jUohDTF/uploaded-1777708840347-d6yxdtuz.jpg",                            imageAlt: "Dashboard Preview"
@@ -77,6 +78,7 @@ export default function WebsiteBuilderPage() {
                     tagIcon={Palette}
                     title="Design Without Limits"
                     buttons={[{ text: "Learn More" }]}
+                    useInvertedBackground={false}
                 />
             </div>
             <div id="pricing" data-section="pricing">
@@ -118,6 +120,7 @@ export default function WebsiteBuilderPage() {
                     title="Ready to Launch Your Project?"
                     description="Tell us about your next project and we'll help you get started."
                     useInvertedBackground={false}
+                    background={{ variant: "sparkles-gradient" }}
                     buttonText="Connect With Us"
                 />
             </div>