From b4227ecc8b417b617fc99def2984f1280e8dcafc Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 3 Jul 2026 14:30:24 +0000
Subject: [PATCH] Bob AI: Add persistent mobile-friendly call-to-action bar

---
 src/pages/HomePage.tsx                      |  4 +++-
 src/pages/HomePage/sections/FloatingCta.tsx | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/FloatingCta.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 91383e4..4576e51 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -17,7 +17,8 @@ import ContactSection from './HomePage/sections/Contact';
 
 import FaqSection from './HomePage/sections/Faq';
 import CertificationsSection from './HomePage/sections/Certifications';
-import ClientLogosSection from './HomePage/sections/ClientLogos';export default function HomePage(): React.JSX.Element {
+import ClientLogosSection from './HomePage/sections/ClientLogos';
+import FloatingCtaSection from './HomePage/sections/FloatingCta';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -38,6 +39,7 @@ import ClientLogosSection from './HomePage/sections/ClientLogos';export default
       <FaqSection />
 
   <ContactSection />
+          <FloatingCtaSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/FloatingCta.tsx b/src/pages/HomePage/sections/FloatingCta.tsx
new file mode 100644
index 0000000..d547955
--- /dev/null
+++ b/src/pages/HomePage/sections/FloatingCta.tsx
@@ -0,0 +1,15 @@
+import Button from "@/components/ui/Button";
+
+export default function FloatingCta() {
+  return (
+    <div data-webild-section="floating-cta" className="fixed bottom-4 left-1/2 -translate-x-1/2 w-[calc(100%-2rem)] max-w-md z-50 pointer-events-none">
+      <div className="card pointer-events-auto w-full p-4 flex items-center justify-between gap-4 shadow-2xl rounded-xl border border-black/5">
+        <div className="flex flex-col">
+          <span className="text-sm font-bold text-foreground">Ready to order?</span>
+          <span className="text-xs text-accent">Get in touch today</span>
+        </div>
+        <Button text="Contact Us" variant="primary" href="#contact" />
+      </div>
+    </div>
+  );
+}