ba1d24fa02
- SEO technique: sitemap.ts, robots.ts, structured data JSON-LD (Organization, Course, FAQPage) - Meta tags optimisés pour 12+ mots-clés TikTok Shop France - Hero SEO-optimisé: H1 ciblant "formation TikTok Shop" + "créateur affilié France" - Nouvelle section ResultsShowcase: stats marché TikTok Shop + timeline 8 semaines - Tableau comparatif HookLab vs alternatives - 6 témoignages avec disclaimer Google-compliant (pas de faux avis) - Pricing avec prix barré, bonus inclus, garantie satisfait ou remboursé - Badges de confiance (paiement sécurisé, RGPD, support, garantie) - Pop-up exit-intent (desktop) avec stats marché - Barre sticky CTA mobile - Notifications social proof animées - CTA final avant footer - Barre d'annonce urgence en haut - FAQ enrichie (10 questions) avec structured data FAQPage - Smooth scroll + animations CSS ajoutées https://claude.ai/code/session_01H2aRGDaKgarPvhay2HxN6Y
60 lines
2.6 KiB
TypeScript
60 lines
2.6 KiB
TypeScript
import Link from "next/link";
|
|
import Button from "@/components/ui/Button";
|
|
|
|
export default function FinalCTA() {
|
|
return (
|
|
<section className="py-20 md:py-32 relative overflow-hidden">
|
|
{/* Background effect */}
|
|
<div className="absolute inset-0">
|
|
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[500px] bg-primary/15 rounded-full blur-[150px]" />
|
|
</div>
|
|
|
|
<div className="relative max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
<h2 className="text-3xl md:text-4xl lg:text-5xl font-bold tracking-[-0.02em] mb-6">
|
|
Prêt à lancer ton business{" "}
|
|
<span className="gradient-text">TikTok Shop</span> ?
|
|
</h2>
|
|
<p className="text-white/60 text-lg md:text-xl max-w-xl mx-auto mb-8 leading-relaxed">
|
|
Chaque jour sans action est un jour de commissions perdues.
|
|
Les places sont limitées pour garantir un accompagnement de qualité.
|
|
</p>
|
|
|
|
<div className="flex flex-col sm:flex-row items-center justify-center gap-4 mb-8">
|
|
<Link href="/candidature">
|
|
<Button size="lg" className="pulse-glow text-lg px-10">
|
|
Candidater maintenant
|
|
</Button>
|
|
</Link>
|
|
<a href="#tarif">
|
|
<Button variant="secondary" size="lg">
|
|
Voir le tarif
|
|
</Button>
|
|
</a>
|
|
</div>
|
|
|
|
{/* Trust elements */}
|
|
<div className="flex flex-wrap items-center justify-center gap-6 text-white/40 text-sm">
|
|
<div className="flex items-center gap-2">
|
|
<svg className="w-4 h-4 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
|
|
</svg>
|
|
Réponse sous 24h
|
|
</div>
|
|
<div className="flex items-center gap-2">
|
|
<svg className="w-4 h-4 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
|
|
</svg>
|
|
14 jours satisfait ou remboursé
|
|
</div>
|
|
<div className="flex items-center gap-2">
|
|
<svg className="w-4 h-4 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M5 13l4 4L19 7" />
|
|
</svg>
|
|
Paiement en 2 fois
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|