andika/membership-fe
3
1
Fork 1
Code Issues 20 Pull Requests Actions Packages Projects Releases Wiki Activity

Update New Features

Browse Source
This commit is contained in:
Koncept Kit
2025-12-10 17:52:47 +07:00
parent 1f27c3224b
commit 36017e8693
39 changed files with 4977 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/components/MemberFooter.js Normal file
View File

@@ -0,0 +1,122 @@
import React from 'react';
import { Link } from 'react-router-dom';
import { Calendar, Users, User, BookOpen, FileText, DollarSign, Scale } from 'lucide-react';
const MemberFooter = () => {
return (
<footer className="bg-[#422268] text-white mt-auto">
<div className="max-w-7xl mx-auto px-6 py-12">
<div className="grid md:grid-cols-4 gap-8">
{/* Logo & About */}
<div>
<h3 className="text-2xl font-bold mb-4" style={{ fontFamily: "'Inter', sans-serif" }}>
LOAF
</h3>
<p className="text-gray-300 text-sm" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
Lesbian Organization of Atlanta Family
</p>
</div>
{/* Member Resources */}
<div>
<h4 className="font-semibold mb-4" style={{ fontFamily: "'Inter', sans-serif" }}>
Member Resources
</h4>
<ul className="space-y-2 text-sm" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<li>
<Link to="/members/calendar" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<Calendar className="h-4 w-4" />
Event Calendar
</Link>
</li>
<li>
<Link to="/members/directory" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<Users className="h-4 w-4" />
Members Directory
</Link>
</li>
<li>
<Link to="/members/profile" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<User className="h-4 w-4" />
My Profile
</Link>
</li>
<li>
<Link to="/events" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<BookOpen className="h-4 w-4" />
Events
</Link>
</li>
</ul>
</div>
{/* Documents */}
<div>
<h4 className="font-semibold mb-4" style={{ fontFamily: "'Inter', sans-serif" }}>
Documents
</h4>
<ul className="space-y-2 text-sm" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<li>
<Link to="/members/newsletters" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<FileText className="h-4 w-4" />
Newsletters
</Link>
</li>
<li>
<Link to="/members/financials" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<DollarSign className="h-4 w-4" />
Financial Reports
</Link>
</li>
<li>
<Link to="/members/bylaws" className="text-gray-300 hover:text-white flex items-center gap-2 transition-colors">
<Scale className="h-4 w-4" />
Bylaws
</Link>
</li>
</ul>
</div>
{/* Support */}
<div>
<h4 className="font-semibold mb-4" style={{ fontFamily: "'Inter', sans-serif" }}>
Support
</h4>
<ul className="space-y-2 text-sm" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<li>
<Link to="/profile" className="text-gray-300 hover:text-white transition-colors">
Account Settings
</Link>
</li>
<li>
<a href="/#contact" className="text-gray-300 hover:text-white transition-colors">
Contact Us
</a>
</li>
<li>
<a href="/#donate" className="text-gray-300 hover:text-white transition-colors">
Donate
</a>
</li>
</ul>
</div>
</div>
</div>
{/* Bottom Bar */}
<div className="border-t border-[#664fa3]">
<div className="max-w-7xl mx-auto px-6 py-4">
<div className="flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-gray-400" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<div className="flex gap-6">
<a href="/#terms" className="hover:text-white transition-colors">Terms of Service</a>
<a href="/#privacy" className="hover:text-white transition-colors">Privacy Policy</a>
</div>
<p>© 2025 LOAF. All rights reserved.</p>
</div>
</div>
</div>
</footer>
);
};
export default MemberFooter;