Spaces:
Build error
Build error
Upload src/components/Footer.tsx
Browse files- src/components/Footer.tsx +46 -0
src/components/Footer.tsx
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
export default function Footer() {
|
| 2 |
+
return (
|
| 3 |
+
<footer className="bg-charcoal-700 text-ivory-100 py-16 mt-24">
|
| 4 |
+
<div className="wedding-section">
|
| 5 |
+
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 6 |
+
<div>
|
| 7 |
+
<h3 className="font-heading text-xl text-ivory-50 mb-4">Evermore</h3>
|
| 8 |
+
<p className="text-sm text-charcoal-300 leading-relaxed">
|
| 9 |
+
Your curated wedding planning companion. Discover vendors, manage budgets, and sign contracts — all in one place.
|
| 10 |
+
</p>
|
| 11 |
+
</div>
|
| 12 |
+
<div>
|
| 13 |
+
<h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">For Couples</h4>
|
| 14 |
+
<ul className="space-y-2 text-sm text-charcoal-300">
|
| 15 |
+
<li><a href="/search" className="hover:text-ivory-50 transition-colors">Find Vendors</a></li>
|
| 16 |
+
<li><a href="/planner" className="hover:text-ivory-50 transition-colors">Planner Dashboard</a></li>
|
| 17 |
+
<li><a href="/contracts" className="hover:text-ivory-50 transition-colors">My Contracts</a></li>
|
| 18 |
+
<li><a href="/shortlist" className="hover:text-ivory-50 transition-colors">Shortlisted</a></li>
|
| 19 |
+
</ul>
|
| 20 |
+
</div>
|
| 21 |
+
<div>
|
| 22 |
+
<h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">For Vendors</h4>
|
| 23 |
+
<ul className="space-y-2 text-sm text-charcoal-300">
|
| 24 |
+
<li><a href="/vendor/dashboard" className="hover:text-ivory-50 transition-colors">List Your Business</a></li>
|
| 25 |
+
<li><a href="/vendor/contracts" className="hover:text-ivory-50 transition-colors">Contracts Dashboard</a></li>
|
| 26 |
+
<li><a href="/vendor/contract-builder" className="hover:text-ivory-50 transition-colors">Contract Builder</a></li>
|
| 27 |
+
</ul>
|
| 28 |
+
</div>
|
| 29 |
+
<div>
|
| 30 |
+
<h4 className="font-heading text-sm font-semibold text-gold-300 mb-4 uppercase tracking-wider">Legal</h4>
|
| 31 |
+
<ul className="space-y-2 text-sm text-charcoal-300">
|
| 32 |
+
<li><a href="#" className="hover:text-ivory-50 transition-colors">Privacy Policy</a></li>
|
| 33 |
+
<li><a href="#" className="hover:text-ivory-50 transition-colors">Terms of Service</a></li>
|
| 34 |
+
<li><a href="#" className="hover:text-ivory-50 transition-colors">Cookie Policy</a></li>
|
| 35 |
+
<li><a href="#" className="hover:text-ivory-50 transition-colors">GDPR Request</a></li>
|
| 36 |
+
</ul>
|
| 37 |
+
</div>
|
| 38 |
+
</div>
|
| 39 |
+
<div className="wedding-divider mt-12 mb-8" />
|
| 40 |
+
<p className="text-center text-xs text-charcoal-400">
|
| 41 |
+
© 2026 Evermore. Crafted with love for couples everywhere.
|
| 42 |
+
</p>
|
| 43 |
+
</div>
|
| 44 |
+
</footer>
|
| 45 |
+
)
|
| 46 |
+
}
|