src/app/page.tsx

@@ -4,10 +4,9 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroCentered from "@/components/sections/hero/HeroCentered";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FeatureBento from "@/components/sections/feature/FeatureCardTwelve";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Shield, TrendingUp, Users, CheckCircle } from "lucide-react";
 
 export default function TaxGuyLandingPage() {
   return (
@@ -46,6 +45,8 @@ export default function TaxGuyLandingPage() {
             title="Our Services"
             description="Comprehensive tax solutions designed to keep you compliant and minimize your liabilities."
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             features={[
               {
                 id: "planning",                label: "Strategy",                title: "Tax Planning",                items: ["Strategic business planning", "Asset protection", "Tax efficiency analysis"],
@@ -64,6 +65,7 @@ export default function TaxGuyLandingPage() {
             text="Ready to get your finances in order? Contact TaxGuy Pretoria today for a professional consultation."
             background={{ variant: "downward-rays-static" }}
             buttons={[{ text: "Book Appointment", href: "#contact" }]}
+            useInvertedBackground={false}
           />
         </div>
         <FooterCard