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

Add PublicFooter-kc component and update imports across pages

Browse Source
This commit is contained in:
kayela
2025-12-17 12:11:24 -06:00
parent b842130b62
commit 03eb349f0e
17 changed files with 138 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/BecomeMember.js
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { Link } from 'react-router-dom';
import { Button } from '../components/ui/button';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { ArrowDown } from 'lucide-react';
const BecomeMember = () => {
@@ -13,7 +13,7 @@ const BecomeMember = () => {
const imgIconAdminFee4 = `${process.env.PUBLIC_URL}/imgIconAdminFee4.png`;
const imgIconAdminFee5 = `${process.env.PUBLIC_URL}/imgIconAdminFee5.png`;
const imgShootingStar = `${process.env.PUBLIC_URL}/imgShootingStar.png`;
return (
<div className="min-h-screen bg-gray-50 relative">
<PublicNavbar />

2
src/pages/BoardOfDirectors.js
View File

@@ -1,6 +1,6 @@
import React from 'react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Card } from '../components/ui/card';
const BoardOfDirectors = () => {

2
src/pages/ContactUs.js
View File

@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Button } from '../components/ui/button';
import { Card } from '../components/ui/card';
import { Input } from '../components/ui/input';

2
src/pages/Donate.js
View File

@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Button } from '../components/ui/button';
import { Card } from '../components/ui/card';
import { Input } from '../components/ui/input';

2
src/pages/DonationSuccess.js
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { useNavigate } from 'react-router-dom';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Card } from '../components/ui/card';
import { Button } from '../components/ui/button';
import { CheckCircle, Heart } from 'lucide-react';

2
src/pages/ForgotPassword.js
View File

@@ -7,7 +7,7 @@ import { Label } from '../components/ui/label';
import { Card } from '../components/ui/card';
import { toast } from 'sonner';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { ArrowRight, ArrowLeft, Mail, CheckCircle } from 'lucide-react';
const ForgotPassword = () => {

2
src/pages/History.js
View File

@@ -1,6 +1,6 @@
import React from 'react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Button } from '../components/ui/button';
import { Card } from '../components/ui/card';
import { Pen } from 'lucide-react';

2
src/pages/Landing.js
View File

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
import { Button } from '../components/ui/button';
import { Card } from '../components/ui/card';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
const Landing = () => {
// LOAF brand assets (local)

2
src/pages/Login.js
View File

@@ -8,7 +8,7 @@ import { Label } from '../components/ui/label';
import { Card } from '../components/ui/card';
import { toast } from 'sonner';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { ArrowRight, ArrowLeft } from 'lucide-react';
const Login = () => {

2
src/pages/MissionValues.js
View File

@@ -1,6 +1,6 @@
import React from 'react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Card } from '../components/ui/card';
const MissionValues = () => {

26
src/pages/PrivacyPolicy.js
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
export default function PrivacyPolicy() {
return (
@@ -12,7 +12,7 @@ export default function PrivacyPolicy() {
{/* Header */}
<div className="mb-8">
<h1 className="text-3xl sm:text-4xl md:text-5xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
Privacy Policy
</h1>
<p className="text-base sm:text-lg text-gray-600" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -38,7 +38,7 @@ export default function PrivacyPolicy() {
{/* Section 1: What User Data We Collect */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>💻</span> What User Data We Collect
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -84,7 +84,7 @@ export default function PrivacyPolicy() {
{/* Section 2: Why We Collect Your Data */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🎯</span> Why We Collect Your Data
</h2>
<div className="prose max-w-none" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -99,7 +99,7 @@ export default function PrivacyPolicy() {
{/* Section 3: Sharing Information with Third Parties */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🤝</span> Sharing Information with Third Parties
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -121,7 +121,7 @@ export default function PrivacyPolicy() {
{/* Section 4: Safeguarding and Securing the Data */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🔒</span> Safeguarding and Securing the Data
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -134,7 +134,7 @@ export default function PrivacyPolicy() {
{/* Section 5: Our Cookie Policy */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🍪</span> Our Cookie Policy
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -159,7 +159,7 @@ export default function PrivacyPolicy() {
{/* Section 6: Links to Other Websites */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🔗</span> Links to Other Websites
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -172,7 +172,7 @@ export default function PrivacyPolicy() {
{/* Section 7: Restricting the Collection of your Personal Data */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🚫</span> Restricting the Collection of your Personal Data
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -189,7 +189,7 @@ export default function PrivacyPolicy() {
{/* Section 8: Children Under Thirteen */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>👶</span> Children Under Thirteen
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -202,7 +202,7 @@ export default function PrivacyPolicy() {
{/* Section 9: Changes to this Statement */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>🗓️</span> Changes to this Statement
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -215,7 +215,7 @@ export default function PrivacyPolicy() {
{/* Section 10: Contact Information */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4 flex items-center gap-2"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
<span>📧</span> Contact Information
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -237,7 +237,7 @@ export default function PrivacyPolicy() {
{/* Back to Home Link */}
<div className="mt-8 text-center">
<Link to="/" className="text-[#664fa3] hover:text-[#422268] font-semibold transition-colors inline-flex items-center gap-2"
style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<span>←</span> Back to Home
</Link>
</div>

2
src/pages/Register.js
View File

@@ -5,7 +5,7 @@ import { Button } from '../components/ui/button';
import { Card } from '../components/ui/card';
import { toast } from 'sonner';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { ArrowRight, ArrowLeft } from 'lucide-react';
import RegistrationStepIndicator from '../components/registration/RegistrationStepIndicator';
import RegistrationStep1 from '../components/registration/RegistrationStep1';

2
src/pages/ResetPassword.js
View File

@@ -7,7 +7,7 @@ import { Label } from '../components/ui/label';
import { Card } from '../components/ui/card';
import { toast } from 'sonner';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { ArrowRight, Lock, AlertCircle } from 'lucide-react';
const ResetPassword = () => {

12
src/pages/Resources.js
View File

@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
import { Card } from '../components/ui/card';
import { ChevronDown, ExternalLink, Phone, Mail, MapPin } from 'lucide-react';
@@ -133,17 +133,15 @@ const Resources = () => {
{resource.name}
</span>
<ChevronDown
className={`h-6 w-6 flex-shrink-0 ml-3 transition-transform duration-300 ${
isExpanded ? 'rotate-180' : ''
}`}
className={`h-6 w-6 flex-shrink-0 ml-3 transition-transform duration-300 ${isExpanded ? 'rotate-180' : ''
}`}
/>
</button>
{/* Accordion Content */}
<div
className={`transition-all duration-300 ease-in-out ${
isExpanded ? 'max-h-[1000px] opacity-100 mt-3' : 'max-h-0 opacity-0'
}`}
className={`transition-all duration-300 ease-in-out ${isExpanded ? 'max-h-[1000px] opacity-100 mt-3' : 'max-h-0 opacity-0'
}`}
>
<Card className="p-6 bg-white rounded-2xl border-2 border-[#ddd8eb] shadow-lg">
{/* Description */}

44
src/pages/TermsOfService.js
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
export default function TermsOfService() {
return (
@@ -12,7 +12,7 @@ export default function TermsOfService() {
{/* Header */}
<div className="mb-8">
<h1 className="text-3xl sm:text-4xl md:text-5xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
Terms of Service
</h1>
<p className="text-base sm:text-lg text-gray-600" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -26,7 +26,7 @@ export default function TermsOfService() {
{/* Section 1: Agreement to Terms */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
1. Agreement to Terms
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -42,7 +42,7 @@ export default function TermsOfService() {
{/* Section 2: Intellectual Property Rights */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
2. Intellectual Property Rights
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -55,7 +55,7 @@ export default function TermsOfService() {
{/* Section 3: User Representations */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
3. User Representations
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -78,7 +78,7 @@ export default function TermsOfService() {
{/* Section 4: Prohibited Activities */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
4. Prohibited Activities
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -101,7 +101,7 @@ export default function TermsOfService() {
{/* Section 5: User Generated Contributions */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
5. User Generated Contributions
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -114,7 +114,7 @@ export default function TermsOfService() {
{/* Section 6: Contribution License */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
6. Contribution License
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -127,7 +127,7 @@ export default function TermsOfService() {
{/* Section 7: Submissions */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
7. Submissions
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -140,7 +140,7 @@ export default function TermsOfService() {
{/* Section 8: Site Management */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
8. Site Management
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -153,7 +153,7 @@ export default function TermsOfService() {
{/* Section 9: Term and Termination */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
9. Term and Termination
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -166,7 +166,7 @@ export default function TermsOfService() {
{/* Section 10: Modifications and Interruptions */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
10. Modifications and Interruptions
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -179,7 +179,7 @@ export default function TermsOfService() {
{/* Section 11: Governing Law */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
11. Governing Law
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -192,7 +192,7 @@ export default function TermsOfService() {
{/* Section 12: Dispute Resolution */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
12. Dispute Resolution
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -205,7 +205,7 @@ export default function TermsOfService() {
{/* Section 13: Corrections */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
13. Corrections
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -218,7 +218,7 @@ export default function TermsOfService() {
{/* Section 14: Disclaimer */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
14. Disclaimer
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -231,7 +231,7 @@ export default function TermsOfService() {
{/* Section 15: Limitations of Liability */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
15. Limitations of Liability
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -244,7 +244,7 @@ export default function TermsOfService() {
{/* Section 16: Indemnification */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
16. Indemnification
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -257,7 +257,7 @@ export default function TermsOfService() {
{/* Section 17: User Data */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
17. User Data
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -270,7 +270,7 @@ export default function TermsOfService() {
{/* Section 18: Electronic Communications */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
18. Electronic Communications, Transactions, and Signatures
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -283,7 +283,7 @@ export default function TermsOfService() {
{/* Section 19: Contact Us */}
<section>
<h2 className="text-xl sm:text-2xl font-bold text-[#422268] mb-4"
style={{ fontFamily: "'Inter', sans-serif" }}>
style={{ fontFamily: "'Inter', sans-serif" }}>
19. Contact Us
</h2>
<div className="prose max-w-none space-y-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
@@ -305,7 +305,7 @@ export default function TermsOfService() {
{/* Back to Home Link */}
<div className="mt-8 text-center">
<Link to="/" className="text-[#664fa3] hover:text-[#422268] font-semibold transition-colors inline-flex items-center gap-2"
style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
<span>←</span> Back to Home
</Link>
</div>

2
src/pages/VerifyEmail.js
View File

@@ -5,7 +5,7 @@ import { Button } from '../components/ui/button';
import { Card } from '../components/ui/card';
import { CheckCircle, XCircle, Loader2 } from 'lucide-react';
import PublicNavbar from '../components/PublicNavbar';
import PublicFooter from '../components/PublicFooter';
import PublicFooter from '../components/PublicFooter-kc';
const API_URL = process.env.REACT_APP_BACKEND_URL;