45 lines
2.4 KiB
TypeScript
45 lines
2.4 KiB
TypeScript
export default function CTA() {
|
|
return (
|
|
<section className="bg-primary text-white py-20 md:py-28 relative overflow-hidden">
|
|
{/* Background decorative elements */}
|
|
<div className="absolute inset-0 opacity-10">
|
|
<div className="absolute top-10 right-10 w-48 h-48 bg-white rounded-full blur-3xl"></div>
|
|
<div className="absolute bottom-10 left-10 w-64 h-64 bg-white rounded-full blur-3xl"></div>
|
|
</div>
|
|
|
|
<div className="max-w-7xl mx-auto px-6 text-center relative z-10">
|
|
<div className="space-y-6 animate-slideDown">
|
|
<h2 className="text-5xl md:text-6xl font-black leading-tight">
|
|
Ready to Protect <span className="text-yellow-200">Your Legacy?</span>
|
|
</h2>
|
|
<p className="text-lg md:text-xl opacity-95 max-w-2xl mx-auto leading-relaxed font-medium">
|
|
Join thousands of families who have learned to safeguard their future through our expert-led webinars. Take control today.
|
|
</p>
|
|
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center pt-4">
|
|
<a
|
|
href="/webinars"
|
|
className="inline-flex items-center justify-center gap-2 rounded-xl px-8 py-4 text-lg font-bold bg-white text-primary shadow-lg shadow-black/20 border border-white/70 transition-all duration-300 hover:-translate-y-1 hover:bg-white/90"
|
|
>
|
|
🚀 Browse Free Webinars
|
|
</a>
|
|
<a
|
|
href="/contact"
|
|
className="inline-flex items-center justify-center gap-2 rounded-xl px-8 py-4 text-lg font-bold border-2 border-white/70 text-white bg-white/10 backdrop-blur-sm transition-all duration-300 hover:bg-white/20 hover:-translate-y-1"
|
|
>
|
|
📧 Contact Our Experts
|
|
</a>
|
|
</div>
|
|
|
|
{/* Trust badge */}
|
|
<div className="pt-6 flex items-center justify-center gap-4 flex-wrap text-sm font-semibold">
|
|
<span className="bg-white/15 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">✅ 15,000+ Students</span>
|
|
<span className="bg-white/15 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">⭐ 4.9/5 Rating</span>
|
|
<span className="bg-white/15 backdrop-blur-sm px-4 py-2 rounded-full border border-white/20">🎓 100% Free Options</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|