src/app/about/page.tsx

@@ -166,7 +166,6 @@ export default function AboutPage() {
               imageAlt: "Michael Osei",
             },
           ]}
-          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}

src/app/contact/page.tsx

@@ -5,6 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import { Mail } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -87,7 +88,7 @@ export default function ContactPage() {
           tag="Get in Touch"
           title="Ready to Transform Your Repair Business?"
           description="Have questions about MobiFixHub? Our team is here to help. Get in touch with us today and let's discuss how we can help your business grow."
-          tagIcon="Mail"
+          tagIcon={Mail}
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}

src/app/page.tsx

@@ -299,7 +299,7 @@ export default function HomePage() {
               icon: Clock,
             },
           ]}
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="bento-grid"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -383,7 +383,6 @@ export default function HomePage() {
               imageAlt: "Patricia Nakamura",
             },
           ]}
-          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}