2 Commits

Author SHA1 Message Date
kudinDmitriyUp
aebd0911fd Bob AI: Add satisfaction guarantee badge section near CTA 2026-07-03 14:33:04 +00:00
kudinDmitriyUp
b4227ecc8b Bob AI: Add persistent mobile-friendly call-to-action bar 2026-07-03 14:30:24 +00:00
3 changed files with 32 additions and 1 deletions

View File

@@ -17,7 +17,9 @@ 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';
import GuaranteeSection from './HomePage/sections/Guarantee';export default function HomePage(): React.JSX.Element {
return (
<>
<HeroSection />
@@ -36,8 +38,10 @@ import ClientLogosSection from './HomePage/sections/ClientLogos';export default
<SocialProofSection />
<FaqSection />
<GuaranteeSection />
<ContactSection />
<FloatingCtaSection />
</>
);
}

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

View File

@@ -0,0 +1,12 @@
import { ShieldCheck } from "lucide-react";
export default function GuaranteeSection() {
return (
<section data-webild-section="guarantee" className="w-full bg-background pt-16 pb-8 flex justify-center">
<div className="inline-flex items-center gap-3 px-6 py-3 rounded-full bg-card border border-black/5 shadow-sm">
<ShieldCheck className="w-6 h-6 text-accent" />
<span className="text-sm font-medium text-foreground">100% Satisfaction Guarantee Love your loaf or it's on us.</span>
</div>
</section>
);
}