From 03eb349f0ef1b5904b61a0175e138673a3ffdd0d Mon Sep 17 00:00:00 2001
From: kayela <kayela@konceptkit.com>
Date: Wed, 17 Dec 2025 12:11:24 -0600
Subject: [PATCH] Add PublicFooter-kc component and update imports across pages

---
 src/components/PublicFooter-kc.js | 84 +++++++++++++++++++++++++++++++
 src/pages/BecomeMember.js         |  4 +-
 src/pages/BoardOfDirectors.js     |  2 +-
 src/pages/ContactUs.js            |  2 +-
 src/pages/Donate.js               |  2 +-
 src/pages/DonationSuccess.js      |  2 +-
 src/pages/ForgotPassword.js       |  2 +-
 src/pages/History.js              |  2 +-
 src/pages/Landing.js              |  2 +-
 src/pages/Login.js                |  2 +-
 src/pages/MissionValues.js        |  2 +-
 src/pages/PrivacyPolicy.js        | 26 +++++-----
 src/pages/Register.js             |  2 +-
 src/pages/ResetPassword.js        |  2 +-
 src/pages/Resources.js            | 12 ++---
 src/pages/TermsOfService.js       | 44 ++++++++--------
 src/pages/VerifyEmail.js          |  2 +-
 17 files changed, 138 insertions(+), 56 deletions(-)
 create mode 100644 src/components/PublicFooter-kc.js

diff --git a/src/components/PublicFooter-kc.js b/src/components/PublicFooter-kc.js
new file mode 100644
index 0000000..34d9cc8
--- /dev/null
+++ b/src/components/PublicFooter-kc.js
@@ -0,0 +1,84 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Button } from './ui/button';
+
+const PublicFooter = () => {
+  const loafLogo = `${process.env.PUBLIC_URL}/loaf-logo.png`;
+
+  return (
+    <>
+      {/* Main Footer */}
+      <footer className="bg-[#644c9f] px-20 border-t border-[rgba(0,0,0,0.1)] py-4 md:py-[35px] flex items-center justify-center">
+        <div className="  flex flex-col lg:flex-row gap-8 sm:gap-12 md:gap-16 lg:gap-20 xl:gap-30 items-center justify-around w-full max-w-7xl">
+          <div className="w-32  sm:w-40 md:w-48 lg:w-[180px] flex-shrink-0">
+            <img src={loafLogo} alt="LOAF Logo" className="w-full h-auto aspect-square object-contain" />
+          </div>
+          <nav className="flex sm:px-4 px-2 flex-col sm:flex-row gap-32 items-start justify-center w-full lg:w-auto">
+            <div className="flex-col gap-2 w-full sm:w-auto sm:min-w-[163px] hidden sm:flex">
+              <div className="">
+                <p className="text-white text-xl font-semibold" style={{ fontFamily: "'Poppinss Sans', sans-serif" }}>About</p>
+              </div>
+              <Link to="/about/history" className="text-[#ddd8eb] text-sm sm:text-base font-medium hover:text-white transition-colors" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>History</Link>
+              <Link to="/about/mission-values" className="text-[#ddd8eb] text-sm sm:text-base font-medium hover:text-white transition-colors" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>Mission and Values</Link>
+              <Link to="/about/board" className="text-[#ddd8eb] text-sm sm:text-base font-medium hover:text-white transition-colors" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>Board of Directors</Link>
+            </div>
+            <div className="hidden sm:flex flex-col gap-2 w-full sm:w-auto sm:min-w-[148px]">
+              <div className="">
+                <p className="text-white text-xl font-semibold" style={{ fontFamily: "'Poppins Sans', sans-serif" }}>Connect</p>
+              </div>
+              <Link to="/become-a-member" className="text-[#ddd8eb] text-sm sm:text-base font-medium hover:text-white transition-colors" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>Become a Member</Link>
+              <Link to="/contact-us" className="text-[#ddd8eb] text-sm sm:text-base font-medium hover:text-white transition-colors" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>Contact Us</Link>
+              <Link to="/resources" className="text-[#ddd8eb] text-sm sm:text-base font-medium hover:text-white transition-colors" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>Resources</Link>
+            </div>
+            <div className="flex flex-col gap-2  justify-center  w-full sm:w-auto sm:min-w-[220px] md:min-w-[271px] text-center">
+              <div className="pb-4 w-full flex  ">
+                <Link to="/donate" className="block">
+                  <Button style={{ fontFamily: "'Nunito Sans', sans-serif" }} className="bg-[#ff9e77] hover:bg-[#ff8c64] text-[#48286e] rounded-full px-14 py-6 text-[19px] leading-6 sm:text-lg  font-semibold ">
+                    Donate
+                  </Button>
+                </Link>
+              </div>
+              <div className=' w-full flex justify-center '>
+                <p className="text-[#ddd8eb] text-sm sm:text-base font-medium text-left  w-full" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+                  LOAF is supported by<br />the Hollyfield Foundation
+                </p>
+              </div>
+            </div>
+          </nav>
+        </div>
+      </footer>
+
+      {/* Bottom Footer */}
+      <footer className="bg-gradient-to-r from-[#48286e] to-[#644c9f] border-t border-[rgba(0,0,0,0.1)] px-4 sm:px-16 py-5">
+        <div className="flex flex-col sm:flex-row gap-4 sm:gap-6 justify-between items-center max-w-7xl mx-auto">
+          <nav className="flex flex-col sm:flex-row gap-4 sm:gap-8 items-center order-1 sm:order-none">
+<<<<<<< HEAD
+            <a href="/#terms" className="text-[#c5b4e3] text-sm sm:text-base font-medium hover:text-white transition-colors whitespace-nowrap" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+              Terms of Service
+            </a>
+            <a href="/#privacy" className="text-[#c5b4e3] text-sm sm:text-base font-medium hover:text-white transition-colors whitespace-nowrap" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+=======
+            <Link to="/terms-of-service" className="text-[#c5b4e3] text-sm sm:text-base font-medium hover:text-white transition-colors whitespace-nowrap" style={{ fontFamily: "'Inter', sans-serif" }}>
+              Terms of Service
+            </Link>
+            <Link to="/privacy-policy" className="text-[#c5b4e3] text-sm sm:text-base font-medium hover:text-white transition-colors whitespace-nowrap" style={{ fontFamily: "'Inter', sans-serif" }}>
+>>>>>>> main
+              Privacy Policy
+            </Link>
+          </nav>
+          <p className="text-[#c5b4e3] text-sm sm:text-base font-medium text-center order-2 sm:order-none" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+            © 2025 LOAF. All Rights Reserved.
+          </p>
+          <p className="text-[#c5b4e3] text-sm sm:text-base font-medium text-center order-3 sm:order-none" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+            Designed and Managed by{' '}
+            <a href="https://konceptkit.com/" className="text-white transition-colors whitespace-nowrap">
+              Koncept Kit
+            </a>
+          </p>
+        </div>
+      </footer>
+    </>
+  );
+};
+
+export default PublicFooter;
diff --git a/src/pages/BecomeMember.js b/src/pages/BecomeMember.js
index 38e4f27..d52effe 100644
--- a/src/pages/BecomeMember.js
+++ b/src/pages/BecomeMember.js
@@ -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 />
diff --git a/src/pages/BoardOfDirectors.js b/src/pages/BoardOfDirectors.js
index 300669e..983127a 100644
--- a/src/pages/BoardOfDirectors.js
+++ b/src/pages/BoardOfDirectors.js
@@ -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 = () => {
diff --git a/src/pages/ContactUs.js b/src/pages/ContactUs.js
index 4d76221..ed5b266 100644
--- a/src/pages/ContactUs.js
+++ b/src/pages/ContactUs.js
@@ -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';
diff --git a/src/pages/Donate.js b/src/pages/Donate.js
index e7477b4..34d32ee 100644
--- a/src/pages/Donate.js
+++ b/src/pages/Donate.js
@@ -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';
diff --git a/src/pages/DonationSuccess.js b/src/pages/DonationSuccess.js
index aa18db7..93d932a 100644
--- a/src/pages/DonationSuccess.js
+++ b/src/pages/DonationSuccess.js
@@ -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';
diff --git a/src/pages/ForgotPassword.js b/src/pages/ForgotPassword.js
index 6f66c70..3f6de17 100644
--- a/src/pages/ForgotPassword.js
+++ b/src/pages/ForgotPassword.js
@@ -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 = () => {
diff --git a/src/pages/History.js b/src/pages/History.js
index c1c3bc3..bfce22d 100644
--- a/src/pages/History.js
+++ b/src/pages/History.js
@@ -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';
diff --git a/src/pages/Landing.js b/src/pages/Landing.js
index 5dc3d8a..fed6067 100644
--- a/src/pages/Landing.js
+++ b/src/pages/Landing.js
@@ -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)
diff --git a/src/pages/Login.js b/src/pages/Login.js
index bce62a0..a8093e2 100644
--- a/src/pages/Login.js
+++ b/src/pages/Login.js
@@ -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 = () => {
diff --git a/src/pages/MissionValues.js b/src/pages/MissionValues.js
index 06ff904..934abff 100644
--- a/src/pages/MissionValues.js
+++ b/src/pages/MissionValues.js
@@ -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 = () => {
diff --git a/src/pages/PrivacyPolicy.js b/src/pages/PrivacyPolicy.js
index f800eaa..5d09618 100644
--- a/src/pages/PrivacyPolicy.js
+++ b/src/pages/PrivacyPolicy.js
@@ -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>
diff --git a/src/pages/Register.js b/src/pages/Register.js
index 90e0d51..82f1b42 100644
--- a/src/pages/Register.js
+++ b/src/pages/Register.js
@@ -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';
diff --git a/src/pages/ResetPassword.js b/src/pages/ResetPassword.js
index be6dc5a..120f411 100644
--- a/src/pages/ResetPassword.js
+++ b/src/pages/ResetPassword.js
@@ -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 = () => {
diff --git a/src/pages/Resources.js b/src/pages/Resources.js
index 47e0344..6b1a395 100644
--- a/src/pages/Resources.js
+++ b/src/pages/Resources.js
@@ -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 */}
diff --git a/src/pages/TermsOfService.js b/src/pages/TermsOfService.js
index a76430d..cc97164 100644
--- a/src/pages/TermsOfService.js
+++ b/src/pages/TermsOfService.js
@@ -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>
diff --git a/src/pages/VerifyEmail.js b/src/pages/VerifyEmail.js
index 1fdeb43..72214ee 100644
--- a/src/pages/VerifyEmail.js
+++ b/src/pages/VerifyEmail.js
@@ -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;