src/app/page.tsx

@@ -8,7 +8,6 @@ import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Wifi, Signal, Zap, ShieldCheck } from "lucide-react";
 
 export default function SonicWifiPage() {
   return (
@@ -49,6 +48,7 @@ export default function SonicWifiPage() {
             showStepNumbers={true}
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             features={[
               { 
                 title: "Gigabit Speeds", 
@@ -72,6 +72,7 @@ export default function SonicWifiPage() {
             gridVariant="uniform-all-items-equal"
             animationType="depth-3d"
             textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[
               { id: "1", value: "99.9%", description: "Uptime guarantee" },
               { id: "2", value: "1Gbps", description: "Average speed" },
@@ -84,6 +85,8 @@ export default function SonicWifiPage() {
             tag="Get Started"
             title="Join the Network"
             description="Check availability in your area today."
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
             onSubmit={(email) => console.log(email)}
           />
         </div>