Bob AI: Add an image to the CTA section card

src/app/page.tsx

@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroSplitDualMedia
           tag="Global Logistics Solutions"
           tagIcon={Globe}
-          title="Streamline Your Supply Chain with Enterprise Logistics"
+          title="Nationwide Fulfillment, One Intelligent Platform"
           description="LogistiCore delivers end-to-end logistics solutions designed for global enterprises. Real-time tracking, optimized routes, and dedicated support ensure your cargo reaches its destination on time, every time."
           background={{ variant: "plain" }}
           mediaItems={[

src/components/sections/contact/ContactText.tsx

@@ -8,6 +8,7 @@ import { getButtonProps } from "@/lib/buttonUtils";
 import { useTheme } from "@/providers/themeProvider/ThemeProvider";
 import type { ButtonConfig } from "@/types/button";
 import type { InvertedBackground } from "@/providers/themeProvider/config/constants";
+import Image from "next/image";
 
 type AnimationType = "entrance-slide" | "reveal-blur" | "background-highlight";
 
@@ -104,6 +105,14 @@ const ContactText = ({
                     <div className="absolute inset-0 w-full h-full z-0 rounded-theme-capped overflow-hidden">
                         <HeroBackgrounds {...background} />
                     </div>
+                    <div className="absolute bottom-0 right-0 w-1/2 h-1/2">
+                        <Image
+                            src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
+                            alt="Contact Image"
+                            fill
+                            className="object-cover rounded-theme-capped"
+                        />
+                    </div>
                 </div>
             </div>
         </section>