src/components/CTASection.tsx

export default function CTASection() {
  return (
    <section className="py-20 bg-charcoal-700 relative overflow-hidden">
      <div className="wedding-section relative text-center">
        <h2 className="font-heading text-3xl md:text-4xl lg:text-5xl font-semibold text-ivory-50 mb-4">
          Ready to say &ldquo;I do&rdquo;?
        </h2>
        <p className="text-charcoal-300 text-lg max-w-xl mx-auto mb-8 leading-relaxed">
          Join thousands of couples who planned their perfect wedding with Evermore. Start free today.
        </p>
        <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
          <a href="/search" className="wedding-btn-gold text-base px-8 py-4">Get Started Free</a>
          <a href="#" className="text-sm text-gold-300 hover:text-gold-200 transition-colors font-medium">Are you a vendor? List your business →</a>
        </div>
      </div>
    </section>
  )
}