 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/.cursor-server/data/User/History/-57a1991/ |
<?php
/**
* Main Index Page
* Migrated from React homepage
*/
require_once 'config/config.php';
require_once 'auth/Auth.php';
$auth = new Auth();
$user = $auth->getCurrentUser();
// Get language from user preference or default
$language = $user ? $user['language'] : DEFAULT_LANGUAGE;
// Bilingual content
$content = [
'fr' => [
'title' => "avocat.quebec - Le réseau juridique du Québec",
'description' => "La plateforme officielle pour les avocats vérifiés du Barreau du Québec. Connectez-vous avec des professionnels juridiques de confiance.",
'keywords' => "avocat, québec, barreau, droit, juridique, avocats vérifiés",
'nav' => [
'businessProfiles' => "Cabinets d'avocats",
'judicialDirectory' => "Répertoire judiciaire",
'liveCases' => "Dossiers en direct",
'about' => "À propos",
'login' => "Connexion",
'join' => "Rejoindre"
],
'hero' => [
'title' => "avocat.quebec",
'subtitle' => "Le réseau juridique officiel du Québec",
'description' => "Connectez-vous avec des avocats vérifiés par le Barreau du Québec. Trouvez l'expertise juridique dont vous avez besoin, en toute confiance.",
'findLawyer' => "Trouver un avocat",
'becomeLawyer' => "Devenir avocat vérifié"
],
'features' => [
'title' => "Pourquoi choisir avocat.quebec ?",
'subtitle' => "La plateforme de confiance pour la communauté juridique québécoise"
]
],
'en' => [
'title' => "avocat.quebec - Quebec's Legal Network",
'description' => "The official platform for verified lawyers from the Quebec Bar. Connect with trusted legal professionals.",
'keywords' => "lawyer, quebec, bar, legal, verified lawyers",
'nav' => [
'businessProfiles' => "Law Firms",
'judicialDirectory' => "Judicial Directory",
'liveCases' => "Live Cases",
'about' => "About",
'login' => "Login",
'join' => "Join"
],
'hero' => [
'title' => "avocat.quebec",
'subtitle' => "Quebec's Official Legal Network",
'description' => "Connect with Quebec Bar verified lawyers. Find the legal expertise you need, with confidence.",
'findLawyer' => "Find a Lawyer",
'becomeLawyer' => "Become a Verified Lawyer"
],
'features' => [
'title' => "Why choose avocat.quebec?",
'subtitle' => "The trusted platform for Quebec's legal community"
]
]
];
$currentContent = $content[$language];
?>
<!DOCTYPE html>
<html lang="<?php echo $language; ?>">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $currentContent['title']; ?></title>
<meta name="description" content="<?php echo $currentContent['description']; ?>">
<meta name="keywords" content="<?php echo $currentContent['keywords']; ?>">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Custom CSS -->
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.hero-pattern {
background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-lg">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-16">
<div class="flex items-center">
<a href="/" class="flex-shrink-0">
<h1 class="text-2xl font-bold text-blue-600">avocat.quebec</h1>
</a>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="/law-firms.php" class="text-gray-700 hover:text-blue-600 px-3 py-2 rounded-md text-sm font-medium">
<?php echo $currentContent['nav']['businessProfiles']; ?>
</a>
<a href="/judicial-directory.php" class="text-gray-700 hover:text-blue-600 px-3 py-2 rounded-md text-sm font-medium">
<?php echo $currentContent['nav']['judicialDirectory']; ?>
</a>
<a href="/live-cases.php" class="text-gray-700 hover:text-blue-600 px-3 py-2 rounded-md text-sm font-medium">
<?php echo $currentContent['nav']['liveCases']; ?>
</a>
<a href="/about.php" class="text-gray-700 hover:text-blue-600 px-3 py-2 rounded-md text-sm font-medium">
<?php echo $currentContent['nav']['about']; ?>
</a>
</div>
<div class="flex items-center space-x-4">
<?php if ($user): ?>
<a href="/dashboard.php" class="text-gray-700 hover:text-blue-600 px-3 py-2 rounded-md text-sm font-medium">
Dashboard
</a>
<a href="/logout.php" class="bg-red-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-red-700">
Logout
</a>
<?php else: ?>
<a href="/login.php" class="text-gray-700 hover:text-blue-600 px-3 py-2 rounded-md text-sm font-medium">
<?php echo $currentContent['nav']['login']; ?>
</a>
<a href="/register.php" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700">
<?php echo $currentContent['nav']['join']; ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="gradient-bg hero-pattern">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
<div class="text-center">
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6">
<?php echo $currentContent['hero']['title']; ?>
</h1>
<p class="text-xl md:text-2xl text-blue-100 mb-8">
<?php echo $currentContent['hero']['subtitle']; ?>
</p>
<p class="text-lg text-blue-50 mb-12 max-w-3xl mx-auto">
<?php echo $currentContent['hero']['description']; ?>
</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="/search-lawyers.php" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition duration-300">
<?php echo $currentContent['hero']['findLawyer']; ?>
</a>
<a href="/lawyer-signup.php" class="bg-blue-600 text-white px-8 py-3 rounded-lg font-semibold hover:bg-blue-700 transition duration-300">
<?php echo $currentContent['hero']['becomeLawyer']; ?>
</a>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section class="py-20 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
<?php echo $currentContent['features']['title']; ?>
</h2>
<p class="text-xl text-gray-600">
<?php echo $currentContent['features']['subtitle']; ?>
</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition duration-300">
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
<svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Verified Lawyers</h3>
<p class="text-gray-600">All lawyers are verified by the Quebec Bar Association</p>
</div>
<!-- Feature 2 -->
<div class="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition duration-300">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
<svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">24/7 Access</h3>
<p class="text-gray-600">Access legal services anytime, anywhere</p>
</div>
<!-- Feature 3 -->
<div class="text-center p-6 rounded-lg border border-gray-200 hover:shadow-lg transition duration-300">
<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-4">
<svg class="w-8 h-8 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Secure Platform</h3>
<p class="text-gray-600">Your data is protected with enterprise-grade security</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="bg-blue-600 py-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-3xl font-bold text-white mb-4">
Ready to get started?
</h2>
<p class="text-xl text-blue-100 mb-8">
Join thousands of legal professionals on Quebec's premier legal platform
</p>
<a href="register.php" class="bg-white text-blue-600 px-8 py-3 rounded-lg font-semibold hover:bg-gray-100 transition duration-300">
Get Started Today
</a>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-4 gap-8">
<div>
<h3 class="text-lg font-semibold mb-4">avocat.quebec</h3>
<p class="text-gray-400">Quebec's premier legal network connecting verified lawyers with clients.</p>
</div>
<div>
<h4 class="text-md font-semibold mb-4">For Lawyers</h4>
<ul class="space-y-2">
<li><a href="/lawyer-signup.php" class="text-gray-400 hover:text-white">Join as Lawyer</a></li>
<li><a href="/lawyer-dashboard.php" class="text-gray-400 hover:text-white">Lawyer Dashboard</a></li>
<li><a href="/case-management.php" class="text-gray-400 hover:text-white">Case Management</a></li>
</ul>
</div>
<div>
<h4 class="text-md font-semibold mb-4">For Clients</h4>
<ul class="space-y-2">
<li><a href="/search-lawyers.php" class="text-gray-400 hover:text-white">Find a Lawyer</a></li>
<li><a href="/client-portal.php" class="text-gray-400 hover:text-white">Client Portal</a></li>
<li><a href="/legal-resources.php" class="text-gray-400 hover:text-white">Legal Resources</a></li>
</ul>
</div>
<div>
<h4 class="text-md font-semibold mb-4">Support</h4>
<ul class="space-y-2">
<li><a href="/contact.php" class="text-gray-400 hover:text-white">Contact Us</a></li>
<li><a href="/faq.php" class="text-gray-400 hover:text-white">FAQ</a></li>
<li><a href="/privacy-policy.php" class="text-gray-400 hover:text-white">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center">
<p class="text-gray-400">© 2024 avocat.quebec. All rights reserved.</p>
</div>
</div>
</footer>
<!-- JavaScript for interactivity -->
<script>
// Language toggle functionality
function toggleLanguage() {
const currentLang = '<?php echo $language; ?>';
const newLang = currentLang === 'fr' ? 'en' : 'fr';
window.location.href = `?lang=${newLang}`;
}
// Add smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
</script>
</body>
</html>