bender/2cbce3ee-5d20-46a9-b1ac-62e6782b8edb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Add persistent mobile-friendly call-to-action bar

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-07-03 14:30:24 +00:00
parent 500a55ab1d
commit b4227ecc8b
2 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/HomePage.tsx
View File

@@ -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 />
</>
);
}

15
src/pages/HomePage/sections/FloatingCta.tsx Normal file
View File

@@ -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>
);
}