export default function Footer() {
  return (
    <footer className="bg-charcoal-700 text-ivory-100 py-16 mt-24">
      <div className="wedding-section">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          <div>
            <h3 className="font-heading text-xl text-ivory-50 mb-4">Evermore</h3>
            <p className="text-sm text-charcoal-300 leading-relaxed">
              Your curated wedding planning companion. Discover vendors, manage budgets, and sign contracts — all in one place.
            </p>
          </div>
          <div>
            <h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">For Couples</h4>
            <ul className="space-y-2 text-sm text-charcoal-300">
              <li><a href="/search" className="hover:text-ivory-50 transition-colors">Find Vendors</a></li>
              <li><a href="/planner" className="hover:text-ivory-50 transition-colors">Planner Dashboard</a></li>
              <li><a href="/contracts" className="hover:text-ivory-50 transition-colors">My Contracts</a></li>
              <li><a href="/shortlist" className="hover:text-ivory-50 transition-colors">Shortlisted</a></li>
            </ul>
          </div>
          <div>
            <h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">For Vendors</h4>
            <ul className="space-y-2 text-sm text-charcoal-300">
              <li><a href="/vendor/dashboard" className="hover:text-ivory-50 transition-colors">List Your Business</a></li>
              <li><a href="/vendor/contracts" className="hover:text-ivory-50 transition-colors">Contracts Dashboard</a></li>
              <li><a href="/vendor/contract-builder" className="hover:text-ivory-50 transition-colors">Contract Builder</a></li>
            </ul>
          </div>
          <div>
            <h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">Legal</h4>
            <ul className="space-y-2 text-sm text-charcoal-300">
              <li><a href="#" className="hover:text-ivory-50 transition-colors">Privacy Policy</a></li>
              <li><a href="#" className="hover:text-ivory-50 transition-colors">Terms of Service</a></li>
              <li><a href="#" className="hover:text-ivory-50 transition-colors">Cookie Policy</a></li>
              <li><a href="#" className="hover:text-ivory-50 transition-colors">GDPR Request</a></li>
            </ul>
          </div>
        </div>
        <div className="wedding-divider mt-12 mb-8" />
        <p className="text-center text-xs text-charcoal-400">
          © 2026 Evermore. Crafted with love for couples everywhere.
        </p>
      </div>
    </footer>
  )
}