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.ca/public_html/src/pages/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import LayoutWithSidebar from '../components/LayoutWithSidebar';
import { useState, useEffect } from 'react';

const WhoIsConcerned = () => {
  const [isMobile, setIsMobile] = useState(false);

  useEffect(() => {
    const checkMobile = () => {
      setIsMobile(window.innerWidth < 768);
    };
    
    checkMobile();
    window.addEventListener('resize', checkMobile);
    return () => window.removeEventListener('resize', checkMobile);
  }, []);

  return (
    <LayoutWithSidebar>
      <div className={`max-w-3xl mx-auto ${isMobile ? 'px-3 py-6' : 'px-4 py-12'}`}>
        <h1 className={`font-bold mb-6 text-primary ${isMobile ? 'text-2xl' : 'text-4xl'}`}>Who is Concerned?</h1>
        
        <section className={`mb-8 ${isMobile ? 'mb-6' : ''}`}>
          <h2 className={`font-semibold mb-2 text-text ${isMobile ? 'text-lg' : 'text-2xl'}`}>Eligibility</h2>
          <p className={`mb-4 text-text ${isMobile ? 'text-sm' : ''}`}>All individuals incarcerated at the Montréal (Bordeaux) Detention Facility who were deprived of their right to at least one hour per day of outdoor exercise in the open air, from January 1, 2022, until judgment, are eligible to join the class action.</p>
          <p className={`text-text-light ${isMobile ? 'text-xs' : 'text-sm'}`}>Full eligibility details are available in the official legal notice and registry.</p>
        </section>
        
        <section className={`mb-8 ${isMobile ? 'mb-6' : ''}`}>
          <h2 className={`font-semibold mb-2 text-text ${isMobile ? 'text-lg' : 'text-2xl'}`}>Who is Included?</h2>
          <ul className={`mb-4 list-disc list-inside text-text ${isMobile ? 'text-sm space-y-1' : ''}`}>
            <li>Incarcerated at Montréal (Bordeaux) Detention Facility between January 1, 2022 and the final judgment</li>
            <li>Denied the legal right to one hour of outdoor time per day</li>
          </ul>
        </section>
        
        <section className={`mb-8 ${isMobile ? 'mb-6' : ''}`}>
          <h2 className={`font-semibold mb-2 text-text ${isMobile ? 'text-lg' : 'text-2xl'}`}>Who is Excluded?</h2>
          <ul className={`mb-4 list-disc list-inside text-text-light ${isMobile ? 'text-sm space-y-1' : ''}`}>
            <li>Individuals in disciplinary isolation</li>
            <li>Individuals assigned to outdoor labor</li>
          </ul>
        </section>
        
        <section className={`mb-8 ${isMobile ? 'mb-6' : ''}`}>
          <h2 className={`font-semibold mb-2 text-text ${isMobile ? 'text-lg' : 'text-2xl'}`}>FAQ: Eligibility</h2>
          <div className={`space-y-4 ${isMobile ? 'space-y-3' : ''}`}>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>Who can join the class action?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>Anyone incarcerated at the Montréal (Bordeaux) Detention Facility from January 1, 2022, to the final judgment, denied their outdoor hour (except disciplinary isolation or outdoor labor).</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>Is there a cost to join?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>No, joining the class action is free for eligible group members.</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>How do I apply?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>Click the "Sign Up" button on the homepage and fill out the application form. Your submission will be reviewed by the class action team.</div>
            </div>
          </div>
        </section>
        
        <section className={`mb-8 ${isMobile ? 'mb-6' : ''}`}>
          <h2 className={`font-semibold mb-2 text-text ${isMobile ? 'text-lg' : 'text-2xl'}`}>Frequently Asked Questions</h2>
          <div className={`space-y-4 ${isMobile ? 'space-y-3' : ''}`}>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>Who can participate in this class action?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>Any detained person or someone with a detained relative can participate in this class action. This includes detainees themselves, their families, and their loved ones.</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>What rights are we defending?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>We are defending several fundamental rights, including the right to dignified detention conditions, access to medical care, maintaining family ties, and respect for fundamental human rights.</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>How can I register for the class action?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>You can register by filling out the registration form on our website. We will guide you through the process and provide you with all necessary information.</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>Are there any fees to participate?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>No, participation in the class action is free. We work on a contingency basis, which means we only collect fees if the action is successful.</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>How long will the class action take?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>The duration of a class action can vary, but we are committed to keeping all participants informed of the progress. We work efficiently to achieve results as quickly as possible.</div>
            </div>
            <div className={`bg-gray-50 rounded ${isMobile ? 'p-3' : 'p-4'}`}>
              <div className={`font-semibold text-text mb-1 ${isMobile ? 'text-sm' : ''}`}>What happens after I register?</div>
              <div className={`text-text-light ${isMobile ? 'text-xs' : ''}`}>After registration, our legal team will review your case and contact you to discuss next steps. We will keep you informed of all important developments.</div>
            </div>
          </div>
        </section>
      </div>
    </LayoutWithSidebar>
  );
};

export default WhoIsConcerned;