 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 React from 'react';
import Head from 'next/head';
import Link from 'next/link';
const HomePage: React.FC = () => {
return (
<>
<Head>
<title>Avocat.Quebec - La communauté juridique du Québec</title>
<meta name="description" content="Plateforme juridique professionnelle pour avocats, clients et professionnels du droit au Québec." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charSet="utf-8" />
</Head>
<div style={{
minHeight: '100vh',
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
}}>
{/* Navigation */}
<nav style={{
padding: '1rem 2rem',
background: 'rgba(255, 255, 255, 0.1)',
backdropFilter: 'blur(10px)',
borderBottom: '1px solid rgba(255, 255, 255, 0.2)'
}}>
<div style={{
maxWidth: '1200px',
margin: '0 auto',
display: 'flex',
justifyContent: 'space-between',
alignItems: 'center'
}}>
<div style={{
color: 'white',
fontSize: '1.5rem',
fontWeight: 'bold'
}}>
⚖️ avocat.quebec
</div>
<div style={{ display: 'flex', gap: '1rem' }}>
<Link href="/auth/signin" style={{
color: 'white',
textDecoration: 'none',
padding: '0.5rem 1rem',
border: '1px solid rgba(255, 255, 255, 0.3)',
borderRadius: '5px',
transition: 'all 0.3s ease'
}}>
Se connecter
</Link>
<Link href="/auth/signup" style={{
background: 'white',
color: '#667eea',
textDecoration: 'none',
padding: '0.5rem 1rem',
borderRadius: '5px',
fontWeight: '600',
transition: 'all 0.3s ease'
}}>
S'inscrire
</Link>
</div>
</div>
</nav>
{/* Hero Section */}
<div style={{
padding: '4rem 2rem',
textAlign: 'center',
color: 'white'
}}>
<div style={{
maxWidth: '800px',
margin: '0 auto'
}}>
<h1 style={{
fontSize: '3rem',
marginBottom: '1rem',
fontWeight: '700',
lineHeight: '1.2'
}}>
La communauté juridique du Québec
</h1>
<p style={{
fontSize: '1.2rem',
marginBottom: '2rem',
opacity: '0.9',
lineHeight: '1.6'
}}>
Connectez-vous avec des avocats certifiés par le Barreau du Québec.
Gérez vos dossiers juridiques et accédez aux ressources professionnelles.
</p>
<div style={{
display: 'flex',
gap: '1rem',
justifyContent: 'center',
flexWrap: 'wrap',
marginBottom: '3rem'
}}>
<Link href="/auth/signup" style={{
background: 'white',
color: '#667eea',
padding: '1rem 2rem',
borderRadius: '8px',
textDecoration: 'none',
fontWeight: '600',
fontSize: '1.1rem',
transition: 'all 0.3s ease',
display: 'inline-block'
}}>
👤 Créer un compte
</Link>
<Link href="/about" style={{
background: 'transparent',
color: 'white',
padding: '1rem 2rem',
borderRadius: '8px',
textDecoration: 'none',
fontWeight: '600',
fontSize: '1.1rem',
border: '2px solid rgba(255, 255, 255, 0.3)',
transition: 'all 0.3s ease',
display: 'inline-block'
}}>
📖 En savoir plus
</Link>
</div>
</div>
</div>
{/* Features Section */}
<div style={{
background: 'rgba(255, 255, 255, 0.95)',
padding: '4rem 2rem',
margin: '2rem',
borderRadius: '20px',
backdropFilter: 'blur(10px)'
}}>
<div style={{
maxWidth: '1000px',
margin: '0 auto',
textAlign: 'center'
}}>
<h2 style={{
fontSize: '2.5rem',
marginBottom: '1rem',
color: '#2d3748',
fontWeight: '700'
}}>
Pourquoi choisir avocat.quebec ?
</h2>
<p style={{
fontSize: '1.1rem',
color: '#4a5568',
marginBottom: '3rem'
}}>
La plateforme de confiance pour la communauté juridique québécoise
</p>
<div style={{
display: 'grid',
gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
gap: '2rem',
marginTop: '2rem'
}}>
<div style={{
padding: '2rem',
background: '#f7fafc',
borderRadius: '15px',
borderLeft: '4px solid #667eea'
}}>
<div style={{ fontSize: '2rem', marginBottom: '1rem' }}>🏛️</div>
<h3 style={{
fontSize: '1.3rem',
fontWeight: '600',
color: '#667eea',
marginBottom: '0.5rem'
}}>
Avocats Certifiés
</h3>
<p style={{ color: '#718096', lineHeight: '1.6' }}>
Tous nos avocats sont vérifiés et certifiés par le Barreau du Québec
</p>
</div>
<div style={{
padding: '2rem',
background: '#f7fafc',
borderRadius: '15px',
borderLeft: '4px solid #667eea'
}}>
<div style={{ fontSize: '2rem', marginBottom: '1rem' }}>🌐</div>
<h3 style={{
fontSize: '1.3rem',
fontWeight: '600',
color: '#667eea',
marginBottom: '0.5rem'
}}>
Service Bilingue
</h3>
<p style={{ color: '#718096', lineHeight: '1.6' }}>
Interface complète en français et anglais pour tous les utilisateurs
</p>
</div>
<div style={{
padding: '2rem',
background: '#f7fafc',
borderRadius: '15px',
borderLeft: '4px solid #667eea'
}}>
<div style={{ fontSize: '2rem', marginBottom: '1rem' }}>🔒</div>
<h3 style={{
fontSize: '1.3rem',
fontWeight: '600',
color: '#667eea',
marginBottom: '0.5rem'
}}>
Sécurisé et Confidentiel
</h3>
<p style={{ color: '#718096', lineHeight: '1.6' }}>
Protection des données et confidentialité garanties selon les normes juridiques
</p>
</div>
<div style={{
padding: '2rem',
background: '#f7fafc',
borderRadius: '15px',
borderLeft: '4px solid #667eea'
}}>
<div style={{ fontSize: '2rem', marginBottom: '1rem' }}>⚡</div>
<h3 style={{
fontSize: '1.3rem',
fontWeight: '600',
color: '#667eea',
marginBottom: '0.5rem'
}}>
Gestion en Temps Réel
</h3>
<p style={{ color: '#718096', lineHeight: '1.6' }}>
Suivi des dossiers, communication et notifications en temps réel
</p>
</div>
</div>
<div style={{
marginTop: '3rem',
padding: '2rem',
background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
borderRadius: '15px',
color: 'white'
}}>
<h3 style={{
fontSize: '1.5rem',
marginBottom: '1rem',
fontWeight: '600'
}}>
Prêt à rejoindre la communauté ?
</h3>
<p style={{
marginBottom: '1.5rem',
opacity: '0.9'
}}>
Créez votre compte avocat certifié ou trouvez l'expertise juridique dont vous avez besoin.
</p>
<Link href="/auth/signup" style={{
background: 'white',
color: '#667eea',
padding: '1rem 2rem',
borderRadius: '8px',
textDecoration: 'none',
fontWeight: '600',
display: 'inline-block',
transition: 'all 0.3s ease'
}}>
Commencer maintenant →
</Link>
</div>
</div>
</div>
{/* Footer */}
<footer style={{
padding: '2rem',
textAlign: 'center',
color: 'rgba(255, 255, 255, 0.8)',
borderTop: '1px solid rgba(255, 255, 255, 0.1)'
}}>
<div style={{
maxWidth: '1000px',
margin: '0 auto'
}}>
<p style={{ marginBottom: '0.5rem' }}>
© 2024 avocat.quebec - Tous droits réservés
</p>
<p style={{ fontSize: '0.9rem', opacity: '0.7' }}>
Plateforme juridique professionnelle du Québec
</p>
<div style={{
display: 'flex',
justifyContent: 'center',
gap: '2rem',
marginTop: '1rem',
flexWrap: 'wrap'
}}>
<Link href="/legal-notice" style={{ color: 'rgba(255, 255, 255, 0.7)', textDecoration: 'none' }}>
Mentions légales
</Link>
<Link href="/privacy-policy" style={{ color: 'rgba(255, 255, 255, 0.7)', textDecoration: 'none' }}>
Politique de confidentialité
</Link>
<Link href="/contact" style={{ color: 'rgba(255, 255, 255, 0.7)', textDecoration: 'none' }}>
Contact
</Link>
</div>
</div>
</footer>
</div>
</>
);
};
export default HomePage;