 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/private_html/src/pages/ |
import { useState, useEffect } from 'react';
import LayoutWithSidebar from '../components/LayoutWithSidebar';
import { motion } from 'framer-motion';
export default function TermsPage() {
const [isMobile, setIsMobile] = useState(false);
// Mobile detection
useEffect(() => {
const checkMobile = () => {
setIsMobile(window.innerWidth < 768);
};
checkMobile();
window.addEventListener('resize', checkMobile);
return () => window.removeEventListener('resize', checkMobile);
}, []);
return (
<LayoutWithSidebar>
<motion.div
className={`mx-auto bg-white rounded-xl shadow-xl border border-gray-200 ${isMobile ? 'max-w-full mx-2 p-6 mt-4 mb-8' : 'max-w-4xl p-8 mt-8 mb-12'}`}
initial={{ opacity: 0, y: 40 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7 }}
>
<h1 className={`font-bold text-gray-900 mb-8 ${isMobile ? 'text-2xl' : 'text-3xl'}`}>Terms of Service</h1>
<div className={`text-gray-700 leading-relaxed ${isMobile ? 'text-sm space-y-4' : 'space-y-6'}`}>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Acceptance of Terms</h2>
<p>
By accessing and using the Liberté Même en Cellule website and services, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Description of Service</h2>
<p>
Liberté Même en Cellule provides a platform for individuals to participate in a class action lawsuit against the Government of Quebec regarding systematic rights violations at Bordeaux Prison. Our services include:
</p>
<ul className={`list-disc list-inside mt-2 ${isMobile ? 'text-sm space-y-1' : 'space-y-1'}`}>
<li>Registration for class action participation</li>
<li>Document submission and management</li>
<li>Case updates and communication</li>
<li>Legal information and resources</li>
<li>Support services for affected individuals</li>
</ul>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>User Obligations</h2>
<div className={`${isMobile ? 'space-y-3' : 'space-y-4'}`}>
<div>
<h3 className={`font-medium text-gray-800 mb-2 ${isMobile ? 'text-base' : 'text-lg'}`}>Accurate Information</h3>
<p className={isMobile ? 'text-sm' : ''}>
You agree to provide accurate, current, and complete information when registering and to maintain and update this information to keep it accurate, current, and complete.
</p>
</div>
<div>
<h3 className={`font-medium text-gray-800 mb-2 ${isMobile ? 'text-base' : 'text-lg'}`}>Lawful Use</h3>
<p className={isMobile ? 'text-sm' : ''}>
You agree to use our services only for lawful purposes and in accordance with these Terms of Service. You will not:
</p>
<ul className={`list-disc list-inside mt-2 ${isMobile ? 'text-sm space-y-1' : 'space-y-1'}`}>
<li>Submit false or misleading information</li>
<li>Interfere with the operation of our services</li>
<li>Attempt to gain unauthorized access to our systems</li>
<li>Use our services for any illegal activity</li>
<li>Violate any applicable laws or regulations</li>
</ul>
</div>
<div>
<h3 className={`font-medium text-gray-800 mb-2 ${isMobile ? 'text-base' : 'text-lg'}`}>Confidentiality</h3>
<p className={isMobile ? 'text-sm' : ''}>
You acknowledge that information shared as part of the class action may be confidential and agree to maintain appropriate confidentiality regarding sensitive case information.
</p>
</div>
</div>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Attorney-Client Relationship</h2>
<p className={isMobile ? 'text-sm' : ''}>
<strong>Important:</strong> By registering on our platform, you are not automatically establishing an attorney-client relationship. The information provided on our website is for informational purposes only and does not constitute legal advice. Formal legal representation will be established through separate agreements with qualified legal counsel.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Intellectual Property</h2>
<p className={isMobile ? 'text-sm' : ''}>
The content, organization, graphics, design, compilation, magnetic translation, digital conversion, and other matters related to our website are protected under applicable copyrights, trademarks, and other proprietary rights. You may not copy, reproduce, distribute, or create derivative works from our content without express written permission.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Privacy and Data Protection</h2>
<p className={isMobile ? 'text-sm' : ''}>
Your privacy is important to us. Our collection and use of personal information is governed by our Privacy Policy, which is incorporated into these Terms of Service by reference. By using our services, you consent to the collection and use of your information as described in our Privacy Policy.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Disclaimers and Limitations</h2>
<div className={`${isMobile ? 'space-y-3' : 'space-y-4'}`}>
<div>
<h3 className={`font-medium text-gray-800 mb-2 ${isMobile ? 'text-base' : 'text-lg'}`}>No Guarantee of Outcomes</h3>
<p className={isMobile ? 'text-sm' : ''}>
We make no guarantees regarding the outcome of the class action lawsuit. Legal proceedings involve inherent uncertainties, and results cannot be predicted or guaranteed.
</p>
</div>
<div>
<h3 className={`font-medium text-gray-800 mb-2 ${isMobile ? 'text-base' : 'text-lg'}`}>Service Availability</h3>
<p className={isMobile ? 'text-sm' : ''}>
We strive to maintain continuous service availability but do not guarantee uninterrupted access to our website or services. We may temporarily suspend services for maintenance, updates, or other technical reasons.
</p>
</div>
<div>
<h3 className={`font-medium text-gray-800 mb-2 ${isMobile ? 'text-base' : 'text-lg'}`}>Third-Party Content</h3>
<p className={isMobile ? 'text-sm' : ''}>
Our website may contain links to third-party websites or resources. We are not responsible for the content, accuracy, or availability of such external sites or resources.
</p>
</div>
</div>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Limitation of Liability</h2>
<p className={isMobile ? 'text-sm' : ''}>
To the maximum extent permitted by law, Liberté Même en Cellule and its affiliates, officers, employees, agents, and legal representatives shall not be liable for any indirect, incidental, special, consequential, or punitive damages, including but not limited to loss of profits, data, or other intangible losses resulting from your use of our services.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Indemnification</h2>
<p className={isMobile ? 'text-sm' : ''}>
You agree to defend, indemnify, and hold harmless Liberté Même en Cellule and its affiliates from and against any claims, actions, or demands, including reasonable legal fees, arising from or related to your breach of these Terms of Service or your use of our services.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Termination</h2>
<p className={isMobile ? 'text-sm' : ''}>
We reserve the right to terminate or suspend your access to our services at any time, without prior notice, for conduct that we believe violates these Terms of Service or is harmful to other users, us, or third parties, or for any other reason.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Governing Law</h2>
<p className={isMobile ? 'text-sm' : ''}>
These Terms of Service shall be governed by and construed in accordance with the laws of Quebec, Canada, without regard to its conflict of law provisions. Any disputes arising under these terms shall be subject to the exclusive jurisdiction of the courts of Quebec.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Changes to Terms</h2>
<p className={isMobile ? 'text-sm' : ''}>
We reserve the right to modify these Terms of Service at any time. Changes will be effective immediately upon posting on our website. Your continued use of our services after any changes constitutes acceptance of the new terms.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Severability</h2>
<p className={isMobile ? 'text-sm' : ''}>
If any provision of these Terms of Service is found to be unenforceable or invalid, that provision will be limited or eliminated to the minimum extent necessary so that these Terms of Service will otherwise remain in full force and effect.
</p>
</section>
<section>
<h2 className={`font-semibold text-gray-900 mb-3 ${isMobile ? 'text-lg' : 'text-xl'}`}>Contact Information</h2>
<p className={isMobile ? 'text-sm' : ''}>
If you have any questions about these Terms of Service, please contact us:
</p>
<div className={`mt-3 ${isMobile ? 'text-sm' : ''}`}>
<p><strong>Email:</strong> <a href="mailto:legal@libertememencellule.com" className="text-blue-600 underline">legal@libertememencellule.com</a></p>
<p><strong>Legal Team:</strong> <a href="mailto:adw@adwavocats.com" className="text-blue-600 underline">adw@adwavocats.com</a></p>
<p><strong>Phone:</strong> <a href="tel:+15145278903" className="text-blue-600 underline">(514) 527-8903</a></p>
</div>
</section>
<div className={`border-t pt-6 mt-8 text-center ${isMobile ? 'text-xs' : 'text-sm'} text-gray-500`}>
<p>Last Updated: January 2025</p>
<p className="mt-2">© 2025 Liberté Même en Cellule. All rights reserved.</p>
</div>
</div>
</motion.div>
</LayoutWithSidebar>
);
}