Upload src/components/Footer.tsx

src/components/Footer.tsx

@@ -0,0 +1,46 @@
+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>
+  )
+}