Compare commits
2 Commits
version_5_
...
version_7_
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
aebd0911fd | ||
|
|
b4227ecc8b |
@@ -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 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
15
src/pages/HomePage/sections/FloatingCta.tsx
Normal file
15
src/pages/HomePage/sections/FloatingCta.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
12
src/pages/HomePage/sections/Guarantee.tsx
Normal file
12
src/pages/HomePage/sections/Guarantee.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user