Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/gositeme/domains/lavocat.quebec/private_html/src/components/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import React, { useState } from 'react';
import Link from 'next/link';
import { useSession } from 'next-auth/react';
import Image from 'next/image';

const Footer = () => {
  const [language, setLanguage] = useState<'fr' | 'en'>('fr');

  const handleLanguageToggle = () => {
    const newLang = language === 'fr' ? 'en' : 'fr';
    setLanguage(newLang);
  };

  const { data: session } = useSession();

  return (
    <footer className="bg-gradient-to-b from-primary to-orange-600 text-white pt-8 pb-4 px-4 mt-12">
      <div className="max-w-7xl mx-auto flex flex-col md:flex-row md:justify-between md:items-start gap-8">
        <div className="flex flex-col items-center md:items-start mb-6 md:mb-0">
          <Image src="/images/Logo_w.png" alt="Liberté Même en Prison Logo" width={80} height={80} className="mb-2" />
          <span className="font-bold text-lg">LIBERTÉ MÊME EN PRISON</span>
        </div>
        <div className="flex-1 grid grid-cols-2 md:grid-cols-4 gap-6">
          <div>
            <h3 className="font-semibold mb-2">General</h3>
            <ul className="space-y-1">
              <li><Link href="/" className="hover:underline">Home</Link></li>
              <li><Link href={language === 'en' ? '/en/about' : '/about'} className="hover:underline">About</Link></li>
              <li><Link href={language === 'en' ? '/en/who' : '/who'} className="hover:underline">Who</Link></li>
              <li><Link href={language === 'en' ? '/en/contact' : '/contact'} className="hover:underline">''Contact''</Link></li>
              <li><Link href={language === 'en' ? '/en/faq' : '/faq'} className="hover:underline">FAQ</Link></li>
              <li><Link href={language === 'en' ? '/en/resources' : '/resources'} className="hover:underline">Resources</Link></li>
              <li><Link href={language === 'en' ? '/en/class-action' : '/class-action'} className="hover:underline">Class Action</Link></li>
              <li><Link href={language === 'en' ? '/en/legal-notice' : '/legal-notice'} className="hover:underline">Legal Basis</Link></li>
            </ul>
          </div>
          <div>
            <h3 className="font-semibold mb-2">Policies</h3>
            <ul className="space-y-1">
              <li><Link href={language === 'en' ? '/en/privacy-policy' : '/privacy-policy'} className="hover:underline">Privacy Policy</Link></li>
              <li><Link href={language === 'en' ? '/en/cookie-policy' : '/cookie-policy'} className="hover:underline">Cookie Policy</Link></li>
              <li><Link href={language === 'en' ? '/en/terms' : '/terms'} className="hover:underline">Terms</Link></li>
              <li><Link href={language === 'en' ? '/en/accessibility' : '/accessibility'} className="hover:underline">Accessibility</Link></li>
            </ul>
          </div>
          <div>
            <h3 className="font-semibold mb-2">Account</h3>
            <ul className="space-y-1">
              {!session && <li><Link href={language === 'en' ? '/en/auth/login' : '/auth/login'} className="hover:underline">Login</Link></li>}
              {!session && <li><Link href={language === 'en' ? '/en/auth/signup' : '/auth/signup'} className="hover:underline">Signup</Link></li>}
              {session && <li><Link href={language === 'en' ? '/en/user/dashboard' : '/user/dashboard'} className="hover:underline">Dashboard</Link></li>}
              {session?.user?.role === 'ADMIN' && <li><Link href={language === 'en' ? '/en/admin' : '/admin'} className="hover:underline">Admin</Link></li>}
            </ul>
          </div>
          <div>
            <h3 className="font-semibold mb-2">💰 Financial</h3>
            <ul className="space-y-1">
              {session && <li><Link href={language === 'en' ? '/en/financial-dashboard' : '/financial-dashboard'} className="hover:underline">💰 Financial Dashboard</Link></li>}
              {session && <li><Link href={language === 'en' ? '/en/payment-demo' : '/payment-demo'} className="hover:underline">💳 Payment Demo</Link></li>}
              {session && <li><Link href={language === 'en' ? '/en/society-dashboard' : '/society-dashboard'} className="hover:underline">⭐ Society Progress</Link></li>}
              <li><Link href={language === 'en' ? '/en/profiles' : '/profiles'} className="hover:underline">👥 Our Team</Link></li>
              <li><Link href={language === 'en' ? '/en/live-cases' : '/live-cases'} className="hover:underline">📋 Live Cases</Link></li>
            </ul>
          </div>
        </div>
      </div>
      <div className="mt-8 border-t border-white/20 pt-4 text-center text-xs text-white/70">
        © {new Date().getFullYear()} Liberté Même en Cellule. All rights reserved.
        <div className="mt-2">
          <span className="text-yellow-300">💳</span> Secure payments powered by Stripe | 
          <span className="text-blue-300"> 🔒</span> Escrow protection for all transactions |
          <span className="text-green-300"> ⭐</span> Society member benefits available
        </div>
      </div>
    </footer>
  );
};

export default Footer;