1 line
73 KiB
HTML
1 line
73 KiB
HTML
<!DOCTYPE html><!--wvNiMA1mEaU55pPy1C8sy--><html lang="fr"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/63c0d8c05adb527f.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-1b964250c5d6ce5d.js"/><script src="/_next/static/chunks/9dda1f82-b46481d84d4744b4.js" async=""></script><script src="/_next/static/chunks/72-08b9e3df471ab2ba.js" async=""></script><script src="/_next/static/chunks/main-app-80e2b542601b33c0.js" async=""></script><script src="/_next/static/chunks/633-6d01cdaf98a28350.js" async=""></script><script src="/_next/static/chunks/app/page-cf217ffaaec44dc7.js" async=""></script><title>La Banquise - Hébergement et Communauté Tech</title><meta name="description" content="Association d'hébergement et lab réseau pour tous les étudiants et associations de l'EPITA. Services Wiki, Gitea, Panel de jeux."/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><div hidden=""><!--$--><!--/$--></div><div class="min-h-screen relative overflow-x-hidden"><nav class="fixed top-0 left-0 right-0 z-50 bg-blue-700/95 backdrop-blur-md border-b border-blue-600/30 transition-all duration-200 ease-in-out"><div class="max-w-7xl mx-auto"><div class="flex justify-between items-center px-4 sm:px-6 lg:px-8 h-16"><div class="flex items-center group cursor-pointer transition-all duration-200"><div class="relative flex items-center"><div class="absolute inset-0 bg-blue-400/20 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-all duration-300 scale-125"></div><div class="relative flex items-center justify-center rounded-2xl transition-all duration-200 bg-white/10 backdrop-blur-sm border border-white/20 group-hover:bg-white/15 group-hover:scale-[1.02] group-hover:border-white/30 p-2.5"><img alt="La Banquise" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="transition-all duration-200 group-hover:scale-105" style="color:transparent;filter:drop-shadow(0 2px 8px rgba(59, 130, 246, 0.3))" src="/assets/banquise_server.svg"/></div></div><div class="ml-3 hidden sm:block"><h1 class="font-semibold text-white tracking-tight transition-all duration-200 text-lg lg:text-xl group-hover:text-blue-100">La Banquise</h1><p class="text-xs text-white/70 font-medium transition-all duration-200 group-hover:text-white/90">Communauté • Hébergement</p></div></div><div class="flex-1 flex justify-center"><nav class="hidden md:flex items-center space-x-2"><a href="#home" class="relative px-4 py-2.5 text-sm font-medium transition-all duration-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-400/50 text-white bg-white/15 shadow-sm backdrop-blur-sm border border-white/20"><span class="relative z-10">Accueil</span><div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 w-1 h-1 bg-blue-300 rounded-full"></div></a><a href="#services" class="relative px-4 py-2.5 text-sm font-medium transition-all duration-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-400/50 text-white/80 hover:text-white hover:bg-white/10"><span class="relative z-10">Services</span></a><a href="#about" class="relative px-4 py-2.5 text-sm font-medium transition-all duration-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-400/50 text-white/80 hover:text-white hover:bg-white/10"><span class="relative z-10">À propos</span></a><a href="mailto:contact@la-banquise.fr" class="relative px-4 py-2.5 text-sm font-medium transition-all duration-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-400/50 text-white/80 hover:text-white hover:bg-white/10"><span class="relative z-10">Contact</span></a></nav></div><div class="hidden md:flex items-center space-x-3"><div class="relative"><div class="relative"><button class="flex items-center space-x-2 px-3 py-2 rounded-lg transition-all duration-200 bg-white/10 hover:bg-white/20 border border-white/20 hover:border-white/30 text-white text-sm font-medium focus:outline-none focus:ring-2 focus:ring-blue-400/50 group" aria-expanded="false" aria-haspopup="listbox"><span class="text-lg">🇫🇷</span><span class="hidden sm:inline">FR</span><svg class="w-4 h-4 transition-transform duration-200 rotate-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div></div><button class="inline-flex items-center px-4 py-2.5 text-sm font-medium bg-indigo-600 text-white rounded-xl border border-indigo-500/20 transition-all duration-200 ease-in-out hover:bg-indigo-700 hover:scale-[1.02] hover:shadow-lg hover:shadow-indigo-500/25 focus:outline-none focus:ring-2 focus:ring-indigo-400/50 active:scale-[0.98] hidden lg:flex" aria-label="Rejoindre notre Discord"><svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"></path></svg>Discord</button><button class="flex lg:hidden items-center justify-center w-10 h-10 bg-indigo-600 text-white rounded-xl border border-indigo-500/20 transition-all duration-200 ease-in-out hover:bg-indigo-700 hover:scale-[1.02] hover:shadow-lg hover:shadow-indigo-500/25 focus:outline-none focus:ring-2 focus:ring-indigo-400/50 active:scale-[0.98]" aria-label="Rejoindre Discord"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"></path></svg></button></div><button class="md:hidden relative p-3 rounded-xl transition-all duration-300 group bg-white/10 hover:bg-white/20 active:bg-white/25 border border-white/20 hover:border-white/30 hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-400/50" aria-label="Ouvrir le menu" aria-expanded="false"><div class="w-6 h-6 relative flex flex-col justify-center items-center"><span class="absolute block h-0.5 w-6 bg-white rounded-full transition-all duration-300 ease-out transform -translate-y-2"></span><span class="absolute block h-0.5 w-6 bg-white rounded-full transition-all duration-300 ease-out opacity-100 scale-100"></span><span class="absolute block h-0.5 w-6 bg-white rounded-full transition-all duration-300 ease-out transform translate-y-2"></span></div><div class="absolute inset-0 rounded-xl bg-gradient-to-r from-blue-400/20 to-blue-600/20 opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div></button></div></div><div class="absolute bottom-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-blue-400/40 to-transparent"></div></nav><div class="h-16"></div><div class="md:hidden fixed inset-0 z-[100] transition-all duration-300 invisible"><div class="absolute inset-0 transition-all duration-300 bg-gradient-to-br from-black/80 via-blue-900/60 to-black/80 backdrop-blur-lg opacity-0"></div><div class="absolute top-0 right-0 h-full w-80 max-w-[90vw] bg-gradient-to-b from-blue-900/98 via-blue-900/95 to-blue-900/90 backdrop-blur-2xl shadow-2xl border-l border-blue-300/20 transition-transform duration-300 ease-out translate-x-full"><div class="flex items-center justify-between p-6 pt-8 border-b border-blue-300/20"><div class="flex items-center group cursor-pointer transition-all duration-200"><div class="relative flex items-center"><div class="absolute inset-0 bg-blue-400/20 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-all duration-300 scale-125"></div><div class="relative flex items-center justify-center rounded-2xl transition-all duration-200 bg-white/10 backdrop-blur-sm border border-white/20 group-hover:bg-white/15 group-hover:scale-[1.02] group-hover:border-white/30 p-2.5"><img alt="La Banquise" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="transition-all duration-200 group-hover:scale-105" style="color:transparent;filter:drop-shadow(0 2px 8px rgba(59, 130, 246, 0.3))" src="/assets/banquise_server.svg"/></div></div><div class="ml-3 hidden sm:block"><h1 class="font-semibold text-white tracking-tight transition-all duration-200 text-lg lg:text-xl group-hover:text-blue-100">La Banquise</h1><p class="text-xs text-white/70 font-medium transition-all duration-200 group-hover:text-white/90">Communauté • Hébergement</p></div></div><button class="group relative p-3 rounded-xl transition-all duration-300 bg-white/10 hover:bg-white/20 active:bg-white/25 border border-white/20 hover:border-white/30 hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-400/50" aria-label="Fermer le menu"><svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div class="flex flex-col h-full overflow-y-auto p-6 space-y-4"><div class="space-y-3"><a href="#home" class="group flex items-center justify-between p-4 rounded-xl transition-all duration-300 bg-white/5 hover:bg-white/10 active:bg-white/15 border border-white/10 hover:border-white/20 hover:scale-[1.02] active:scale-[0.98] hover:shadow-lg hover:shadow-blue-500/20"><div class="flex items-center space-x-4"><div class="flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-blue-400/20 to-blue-600/20 border border-blue-300/20 group-hover:scale-110 transition-transform duration-300"><svg class="w-5 h-5 text-blue-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path></svg></div><div class="flex-1"><span class="block text-white font-semibold text-base group-hover:text-blue-200 transition-colors">Accueil</span><p class="text-white/60 text-sm mt-0.5 group-hover:text-white/80 transition-colors">Retour à l'accueil</p></div></div><div class="flex items-center justify-center w-6 h-6 rounded-full text-white/40 group-hover:text-white/80 transition-all duration-300 group-hover:translate-x-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><a href="#services" class="group flex items-center justify-between p-4 rounded-xl transition-all duration-300 bg-white/5 hover:bg-white/10 active:bg-white/15 border border-white/10 hover:border-white/20 hover:scale-[1.02] active:scale-[0.98] hover:shadow-lg hover:shadow-blue-500/20"><div class="flex items-center space-x-4"><div class="flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-blue-400/20 to-blue-600/20 border border-blue-300/20 group-hover:scale-110 transition-transform duration-300"><svg class="w-5 h-5 text-blue-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg></div><div class="flex-1"><span class="block text-white font-semibold text-base group-hover:text-blue-200 transition-colors">Services</span><p class="text-white/60 text-sm mt-0.5 group-hover:text-white/80 transition-colors">Découvrir notre offre</p></div></div><div class="flex items-center justify-center w-6 h-6 rounded-full text-white/40 group-hover:text-white/80 transition-all duration-300 group-hover:translate-x-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><a href="#about" class="group flex items-center justify-between p-4 rounded-xl transition-all duration-300 bg-white/5 hover:bg-white/10 active:bg-white/15 border border-white/10 hover:border-white/20 hover:scale-[1.02] active:scale-[0.98] hover:shadow-lg hover:shadow-blue-500/20"><div class="flex items-center space-x-4"><div class="flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-blue-400/20 to-blue-600/20 border border-blue-300/20 group-hover:scale-110 transition-transform duration-300"><svg class="w-5 h-5 text-blue-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><div class="flex-1"><span class="block text-white font-semibold text-base group-hover:text-blue-200 transition-colors">À propos</span><p class="text-white/60 text-sm mt-0.5 group-hover:text-white/80 transition-colors">En savoir plus sur nous</p></div></div><div class="flex items-center justify-center w-6 h-6 rounded-full text-white/40 group-hover:text-white/80 transition-all duration-300 group-hover:translate-x-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><a href="mailto:contact@la-banquise.fr" class="group flex items-center justify-between p-4 rounded-xl transition-all duration-300 bg-white/5 hover:bg-white/10 active:bg-white/15 border border-white/10 hover:border-white/20 hover:scale-[1.02] active:scale-[0.98] hover:shadow-lg hover:shadow-blue-500/20"><div class="flex items-center space-x-4"><div class="flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-blue-400/20 to-blue-600/20 border border-blue-300/20 group-hover:scale-110 transition-transform duration-300"><svg class="w-5 h-5 text-blue-200" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></div><div class="flex-1"><span class="block text-white font-semibold text-base group-hover:text-blue-200 transition-colors">Contact</span><p class="text-white/60 text-sm mt-0.5 group-hover:text-white/80 transition-colors">Nous envoyer un email</p></div></div><div class="flex items-center justify-center w-6 h-6 rounded-full text-white/40 group-hover:text-white/80 transition-all duration-300 group-hover:translate-x-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a></div><div class="border-t border-blue-300/20 my-6"></div><div class="space-y-3"><a href="https://discord.gg/bJhM97wans" class="group flex items-center justify-between p-4 rounded-xl transition-all duration-300 bg-white/5 hover:bg-white/10 active:bg-white/15 border border-white/10 hover:border-white/20 hover:scale-[1.02] active:scale-[0.98] hover:shadow-lg hover:shadow-blue-500/20" target="_blank" rel="noopener noreferrer"><div class="flex items-center space-x-4"><div class="flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br from-blue-400/20 to-blue-600/20 border border-blue-300/20 group-hover:scale-110 transition-transform duration-300"><svg class="w-5 h-5 text-[#5865F2]" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"></path></svg></div><div class="flex-1"><span class="block text-white font-semibold text-base group-hover:text-blue-200 transition-colors">Discord</span><p class="text-white/60 text-sm mt-0.5 group-hover:text-white/80 transition-colors">Rejoindre la communauté</p></div></div><div class="flex items-center justify-center w-6 h-6 rounded-full text-white/40 group-hover:text-white/80 transition-all duration-300 group-hover:translate-x-1"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a></div><div class="mt-8 pb-6"><button class="inline-flex items-center justify-center font-semibold rounded-xl transition-all duration-300 transform hover:scale-105 active:scale-95 focus:outline-none focus:ring-4 focus:ring-blue-300 px-8 py-4 text-lg bg-gradient-to-r from-blue-600 to-blue-500 text-white shadow-lg hover:shadow-xl hover:from-blue-700 hover:to-blue-600 border-2 border-blue-600/20 w-full shadow-xl"><span class="mr-2"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg></span>Se connecter</button></div></div><div class="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-blue-900/10 pointer-events-none"></div></div></div><section class="relative bg-grid-pattern" style="background:linear-gradient(to bottom, var(--banquise-slate-50), var(--banquise-blue-50));background-image:linear-gradient(rgba(31, 80, 120, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 80, 120, 0.03) 1px, transparent 1px);background-size:30px 30px"><section id="home" class="min-h-screen flex flex-col justify-center items-center text-center relative px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-gray-50 via-blue-50/30 to-gray-100"><div class="absolute inset-0 opacity-40" style="background-image:radial-gradient(circle at 1px 1px, rgba(59,130,246,0.5) 1px, transparent 0);background-size:32px 32px"></div><div class="absolute inset-0 opacity-20" style="background-image:radial-gradient(circle at 1px 1px, rgba(99,102,241,0.4) 1px, transparent 0);background-size:64px 64px"></div><div class="relative z-10 max-w-5xl mx-auto"><div class="mb-16 group"><div class="relative inline-block"><div class="absolute inset-0 bg-blue-400/30 rounded-3xl blur-3xl opacity-0 group-hover:opacity-100 transition-all duration-700 scale-150"></div><div class="relative bg-white/90 backdrop-blur-lg rounded-3xl p-10 border border-blue-200/50 shadow-2xl transition-all duration-500 group-hover:shadow-blue-200/50 group-hover:shadow-3xl group-hover:scale-105"><img alt="Bienvenue chez La Banquise" loading="lazy" width="140" height="140" decoding="async" data-nimg="1" class="w-28 h-28 md:w-32 md:h-32 lg:w-36 lg:h-36 transition-transform duration-500 group-hover:scale-110" style="color:transparent;filter:drop-shadow(0 8px 24px rgba(59, 130, 246, 0.4))" src="/assets/banquise_server.svg"/></div></div></div><h1 class="text-4xl md:text-5xl lg:text-7xl font-bold leading-tight tracking-tight mb-8 bg-gradient-to-r from-gray-900 via-blue-700 to-gray-900 bg-clip-text text-transparent">Bienvenue chez La Banquise</h1><p class="text-lg md:text-xl lg:text-2xl text-gray-700 mx-auto max-w-3xl mb-14 leading-relaxed font-medium">Hébergeur, pour les étudiants, par des étudiants.</p><div class="flex flex-col sm:flex-row gap-6 justify-center items-center mb-20"><a href="#services" class="group relative inline-flex items-center justify-center px-12 py-5 text-lg font-bold text-white bg-gradient-to-r from-blue-600 to-blue-500 rounded-2xl shadow-2xl hover:shadow-blue-500/50 transition-all duration-300 transform hover:scale-110 hover:-translate-y-2 active:scale-95 border-2 border-blue-600/20"><div class="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-2xl"></div><span class="relative z-10">Découvrir nos services</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right relative z-10 ml-3 w-6 h-6 transition-transform duration-300 group-hover:translate-x-2" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#about" class="inline-flex items-center justify-center px-8 py-4 text-lg font-semibold text-blue-700 bg-white border-2 border-blue-600 rounded-xl shadow-lg hover:shadow-xl hover:bg-blue-50 hover:scale-105 transition-all duration-300 active:scale-95">En savoir plus</a></div></div></section></section><section class="section-transition" style="background-color:var(--banquise-white)"><div class="py-4" style="background:linear-gradient(to right, transparent, rgba(52, 166, 252, 0.1), transparent)"></div><section id="services" class="py-24 md:py-32 px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-white via-blue-50/30 to-gray-50"><div class="max-w-7xl mx-auto"><div class="text-center mb-20"><div class="w-24 h-1.5 bg-gradient-to-r from-blue-600 to-blue-400 rounded-full mx-auto mb-8"></div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-gray-900 mb-6 leading-tight">Nos Services</h2><p class="text-lg md:text-xl text-gray-700 mx-auto max-w-3xl leading-relaxed font-medium">Découvrir toutes les fonctionnalités</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-12"><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="📚" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fwikijs.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fwikijs.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fwikijs.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Wiki</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Plateforme collaborative de documentation technique et de partage de connaissances<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="🔧" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2FGitea_Logo.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2FGitea_Logo.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2FGitea_Logo.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Gitea</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Service Git auto-hébergé lightweight et performant pour vos projets de développement<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="🐧" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fpelican.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fpelican.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fpelican.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Pelican</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Gestion de serveurs de jeux avec serveurs dédiés (Minecraft, CS2, Palworld, et bien d'autres)<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="🔐" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fbanquise.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Changement de mot de passe</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Interface sécurisée pour la gestion autonome de vos mots de passe<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="☁️" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fopencloud_logo_white.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fopencloud_logo_white.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fopencloud_logo_white.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">OpenCloud</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Plateforme cloud collaborative open-source pour le stockage, le partage et la synchronisation de fichiers<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="🏢" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fbanquise.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Intranet</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Espace privé sécurisé de l'association pour centraliser les ressources internes, communications et outils de collaboration entre membres<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="🎮" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fbanquise.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Panel Gaming</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Interface de gestion centralisée pour tous vos serveurs de jeux<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 cursor-pointer transform hover:-translate-y-4 hover:scale-105 active:scale-95 "><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10"><div class="mb-8 w-24 h-24 rounded-2xl bg-gradient-to-br from-blue-500 to-blue-600 flex items-center justify-center shadow-xl group-hover:shadow-2xl group-hover:scale-110 transition-all duration-300 mx-auto"><img alt="📧" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="h-12 w-12 transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fbanquise.png&w=48&q=75 1x, /_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75 2x" src="/_next/image?url=%2Fassets%2Fbanquise.png&w=96&q=75"/></div><h3 class="text-xl md:text-2xl font-bold mb-4 text-gray-900 text-center group-hover:text-blue-700 transition-colors duration-300">Mails</h3><p class="text-gray-600 leading-relaxed text-center group-hover:text-gray-700 transition-colors duration-300">Service de messagerie électronique professionnel avec interface web moderne<!-- -->.</p><div class="mt-6 flex justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-y-2 group-hover:translate-y-0"><div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center shadow-lg"><svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></div></div></div></div></div></section></section><section class="section-transition" style="background-color:var(--banquise-slate-50);background-image:linear-gradient(rgba(31, 80, 120, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 80, 120, 0.03) 1px, transparent 1px);background-size:30px 30px"><section class="py-12 sm:py-16 md:py-20 relative z-2 w-full max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><div class="absolute inset-0 opacity-30" style="background-image:radial-gradient(circle at 1px 1px, rgba(59,130,246,0.4) 1px, transparent 0);background-size:32px 32px"></div><div class="absolute inset-0 opacity-15" style="background-image:radial-gradient(circle at 1px 1px, rgba(99,102,241,0.3) 1px, transparent 0);background-size:64px 64px"></div><div class="relative z-10"><div class="w-20 h-1 bg-gradient-to-r from-blue-400 to-blue-600 mx-auto mb-6 sm:mb-8 rounded-full"></div><h2 class="text-gray-800 text-2xl sm:text-3xl md:text-4xl mb-4 sm:mb-6 text-center font-heading font-bold tracking-tight px-2" style="text-shadow:0 2px 4px rgba(0, 0, 0, 0.2)">Notre Infrastructure</h2><p class="text-gray-700 text-lg sm:text-xl opacity-90 mb-12 sm:mb-14 md:mb-16 max-w-4xl text-center mx-auto leading-relaxed px-2" style="text-shadow:0 1px 3px rgba(0, 0, 0, 0.2)">25+ serveurs pour répondre à vos besoins</p><div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 sm:gap-6 w-full"><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 transform hover:-translate-y-4 hover:scale-105"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="text-white bg-gradient-to-br from-blue-500 to-blue-600 w-16 h-16 sm:w-20 sm:h-20 flex items-center justify-center rounded-2xl shadow-lg group-hover:scale-110 transition-transform duration-300 mb-4 sm:mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-8 h-8 sm:w-10 sm:h-10" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><h3 class="text-lg sm:text-xl mb-3 sm:mb-4 text-gray-900 font-heading font-semibold group-hover:text-blue-700 transition-colors duration-300">Serveurs performants</h3><p class="text-gray-600 leading-relaxed text-sm group-hover:text-gray-700 transition-colors duration-300">Infrastructure optimisée pour assurer des performances élevées et une disponibilité maximale de vos applications</p></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 transform hover:-translate-y-4 hover:scale-105"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="text-white bg-gradient-to-br from-blue-500 to-blue-600 w-16 h-16 sm:w-20 sm:h-20 flex items-center justify-center rounded-2xl shadow-lg group-hover:scale-110 transition-transform duration-300 mb-4 sm:mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-8 h-8 sm:w-10 sm:h-10" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><h3 class="text-lg sm:text-xl mb-3 sm:mb-4 text-gray-900 font-heading font-semibold group-hover:text-blue-700 transition-colors duration-300">Stockage sécurisé</h3><p class="text-gray-600 leading-relaxed text-sm group-hover:text-gray-700 transition-colors duration-300">Solutions de stockage distribuées avec redondance pour garantir l'intégrité et la durabilité de vos données</p></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 transform hover:-translate-y-4 hover:scale-105"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="text-white bg-gradient-to-br from-blue-500 to-blue-600 w-16 h-16 sm:w-20 sm:h-20 flex items-center justify-center rounded-2xl shadow-lg group-hover:scale-110 transition-transform duration-300 mb-4 sm:mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-8 h-8 sm:w-10 sm:h-10" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="text-lg sm:text-xl mb-3 sm:mb-4 text-gray-900 font-heading font-semibold group-hover:text-blue-700 transition-colors duration-300">Réseau optimisé</h3><p class="text-gray-600 leading-relaxed text-sm group-hover:text-gray-700 transition-colors duration-300">Architecture réseau à haute disponibilité avec une faible latence pour vos applications critiques</p></div></div><div class="group relative p-8 bg-white rounded-2xl shadow-lg hover:shadow-2xl border border-gray-200 hover:border-blue-300 transition-all duration-300 transform hover:-translate-y-4 hover:scale-105"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="text-white bg-gradient-to-br from-blue-500 to-blue-600 w-16 h-16 sm:w-20 sm:h-20 flex items-center justify-center rounded-2xl shadow-lg group-hover:scale-110 transition-transform duration-300 mb-4 sm:mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-8 h-8 sm:w-10 sm:h-10" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><h3 class="text-lg sm:text-xl mb-3 sm:mb-4 text-gray-900 font-heading font-semibold group-hover:text-blue-700 transition-colors duration-300">Sécurité renforcée</h3><p class="text-gray-600 leading-relaxed text-sm group-hover:text-gray-700 transition-colors duration-300">Protection contre les menaces avec systèmes de sécurité modernes et mises à jour régulières</p></div></div></div></div></section></section><section class="section-transition" style="background-color:var(--banquise-white)"><div class="py-4" style="background:linear-gradient(to right, transparent, rgba(52, 166, 252, 0.08), transparent)"></div><section id="about" class="py-24 md:py-32 px-4 sm:px-6 lg:px-8 bg-white"><div class="max-w-6xl mx-auto"><div class="text-center mb-20"><div class="w-24 h-1.5 bg-gradient-to-r from-blue-600 to-blue-400 rounded-full mx-auto mb-8"></div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold text-gray-900 mb-6 leading-tight">À Propos de La Banquise</h2><p class="text-lg md:text-xl text-gray-700 max-w-4xl mx-auto leading-relaxed font-medium">Une communauté passionnée qui propose des services d'hébergement et des outils collaboratifs pour les développeurs et les gamers.</p></div><div class="space-y-8"><h3 class="text-2xl md:text-3xl font-bold text-gray-800 mb-12 flex items-center justify-center"><div class="mr-4 w-10 h-10 bg-gradient-to-r from-blue-600 to-blue-400 rounded-xl flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-question-mark w-6 h-6 text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></div><span>Questions Fréquentes</span></h3><div class="group relative bg-white rounded-2xl shadow-lg border border-gray-200 transition-all duration-300 overflow-hidden hover:shadow-xl hover:border-blue-300"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div><div class="relative z-10 p-6 sm:p-8 cursor-pointer flex items-center justify-between font-semibold text-gray-900 transition-all duration-200 text-base sm:text-lg select-none hover:text-blue-700"><div class="flex items-center flex-1 mr-4 font-heading"><div class="flex items-center"><div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target w-5 h-5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div>Notre Mission</div></div><span class="text-xl sm:text-2xl transition-transform duration-300 text-blue-600 flex-shrink-0 ">▼</span></div><div class="relative z-10 transition-all duration-500 overflow-hidden max-h-0"><div class="text-gray-700 leading-relaxed text-sm sm:text-base"><div class="space-y-6 p-6 bg-gray-50 rounded-xl"><p class="text-gray-700 leading-relaxed">Former les étudiants au déploiement et à la gestion d'une infrastructure, et de maîtriser des technologies entreprise grade. Cela permet de fournir une plateforme stable et accessible pour héberger vos projets, partager vos connaissances et jouer ensemble !</p><p class="text-gray-700 leading-relaxed">Nous croyons en la puissance de la collaboration et mettons à disposition des outils modernes pour faciliter le travail en équipe.</p><div class="flex flex-wrap gap-3 mt-6"><span class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full text-sm font-semibold border border-blue-200">Collaboration</span><span class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full text-sm font-semibold border border-blue-200">Innovation</span><span class="bg-blue-100 text-blue-800 px-4 py-2 rounded-full text-sm font-semibold border border-blue-200">Accessibilité</span></div></div></div></div></div><div class="group relative bg-white rounded-2xl shadow-lg border border-gray-200 transition-all duration-300 overflow-hidden hover:shadow-xl hover:border-blue-300"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div><div class="relative z-10 p-6 sm:p-8 cursor-pointer flex items-center justify-between font-semibold text-gray-900 transition-all duration-200 text-base sm:text-lg select-none hover:text-blue-700"><div class="flex items-center flex-1 mr-4 font-heading"><div class="flex items-center"><div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-5 h-5" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></div>Nos Services</div></div><span class="text-xl sm:text-2xl transition-transform duration-300 text-blue-600 flex-shrink-0 ">▼</span></div><div class="relative z-10 transition-all duration-500 overflow-hidden max-h-0"><div class="text-gray-700 leading-relaxed text-sm sm:text-base"><div class="space-y-6 p-6 bg-gray-50 rounded-xl"><div class="grid gap-6 md:grid-cols-2"><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-6 h-6" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">Wiki</h4><p class="text-gray-600">Documentation collaborative et guides détaillés</p></div></div><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch w-6 h-6" aria-hidden="true"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">Gitea</h4><p class="text-gray-600">Gestion de versions Git auto-hébergée</p></div></div><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gamepad2 lucide-gamepad-2 w-6 h-6" aria-hidden="true"><line x1="6" x2="10" y1="11" y2="11"></line><line x1="8" x2="8" y1="9" y2="13"></line><line x1="15" x2="15.01" y1="12" y2="12"></line><line x1="18" x2="18.01" y1="10" y2="10"></line><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">Panel de Jeux</h4><p class="text-gray-600">Interface de gestion pour serveurs de jeux</p></div></div><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bird w-6 h-6" aria-hidden="true"><path d="M16 7h.01"></path><path d="M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20"></path><path d="m20 7 2 .5-2 .5"></path><path d="M10 18v3"></path><path d="M14 17.75V21"></path><path d="M7 18a6 6 0 0 0 3.84-10.61"></path></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">Pelican</h4><p class="text-gray-600">Générateur de sites statiques</p></div></div><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building w-6 h-6" aria-hidden="true"><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M12 6h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M16 6h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path><path d="M8 6h.01"></path><path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"></path><rect x="4" y="2" width="16" height="20" rx="2"></rect></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">Intranet</h4><p class="text-gray-600">Espace privé de l'association</p></div></div><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-6 h-6" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">Webmail</h4><p class="text-gray-600">Service de messagerie électronique</p></div></div><div class="flex items-start space-x-4 p-6 bg-white rounded-xl shadow-lg border border-gray-200 hover:shadow-xl transition-all duration-300 md:col-span-2"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center text-white shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-6 h-6" aria-hidden="true"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div><h4 class="font-bold text-gray-900 mb-2 text-lg">OpenCloud</h4><p class="text-gray-600">Plateforme cloud collaborative pour tous vos besoins</p></div></div></div><p class="text-gray-600 mt-6 p-4 bg-blue-50 rounded-lg border border-blue-200"><strong class="text-blue-800 flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings w-5 h-5 mr-2" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg>Tous nos services</strong> sont maintenus avec soin et régulièrement mis à jour pour garantir une expérience optimale.</p></div></div></div></div><div class="group relative bg-white rounded-2xl shadow-lg border border-gray-200 transition-all duration-300 overflow-hidden hover:shadow-xl hover:border-blue-300"><div class="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-indigo-50/50 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"></div><div class="relative z-10 p-6 sm:p-8 cursor-pointer flex items-center justify-between font-semibold text-gray-900 transition-all duration-200 text-base sm:text-lg select-none hover:text-blue-700"><div class="flex items-center flex-1 mr-4 font-heading"><div class="flex items-center"><div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-5 h-5" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div>Rejoindre l'association</div></div><span class="text-xl sm:text-2xl transition-transform duration-300 text-blue-600 flex-shrink-0 ">▼</span></div><div class="relative z-10 transition-all duration-500 overflow-hidden max-h-0"><div class="text-gray-700 leading-relaxed text-sm sm:text-base"><div class="space-y-8 p-6 bg-gray-50 rounded-xl"><p class="text-gray-700 text-lg leading-relaxed">Rejoignez notre serveur Discord pour rejoindre l'asso, échanger avec nous, obtenir de l'aide et rester informé des dernières nouveautés !</p><div class="bg-gradient-to-r from-blue-50 to-indigo-50 border-2 border-blue-200 rounded-2xl p-8"><h4 class="font-bold text-gray-900 mb-6 flex items-center text-xl"><div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center text-white mr-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-5 h-5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div>Comment rejoindre l'asso ?</h4><ul class="space-y-4 text-gray-700 mb-8"><li class="flex items-center text-lg"><span class="w-2 h-2 bg-blue-500 rounded-full mr-4"></span>Créez un ticket banquise</li><li class="flex items-center text-lg"><span class="w-2 h-2 bg-blue-500 rounded-full mr-4"></span>Donnez votre login EPITA ou expliquez votre situation</li><li class="flex items-center text-lg"><span class="w-2 h-2 bg-blue-500 rounded-full mr-4"></span>Un modérateur validera votre demande et vous donnera accès aux salons discord de l'asso !</li></ul><a href="https://discord.gg/bJhM97wans" class="inline-flex items-center justify-center px-8 py-4 text-lg font-bold text-white bg-gradient-to-r from-blue-600 to-blue-500 rounded-xl shadow-xl hover:shadow-2xl hover:from-blue-700 hover:to-blue-600 transition-all duration-300 transform hover:scale-105 border-2 border-blue-600/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-6 h-6 mr-3" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Rejoindre Discord</a></div></div></div></div></div></div></div></section></section> <footer class="bg-gray-900 text-white py-16 px-4 sm:px-6 lg:px-8 border-t border-gray-800"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12"><div class="space-y-6"><div class="flex items-center gap-4"><div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center shadow-lg"><span class="text-white font-bold text-xl">B</span></div><span class="text-white font-bold text-2xl">La Banquise</span></div><p class="text-gray-300 leading-relaxed">Une communauté passionnée qui propose des services d'hébergement et des outils collaboratifs pour les développeurs et les gamers.</p><div class="flex items-center gap-4"><a href="https://discord.gg/bJhM97wans" class="w-12 h-12 bg-gray-800 hover:bg-blue-600 rounded-xl flex items-center justify-center transition-all duration-300 hover:scale-110 shadow-lg hover:shadow-blue-500/25" aria-label="Discord"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z"></path></svg></a><a href="mailto:contact@la-banquise.fr" class="w-12 h-12 bg-gray-800 hover:bg-blue-600 rounded-xl flex items-center justify-center transition-all duration-300 hover:scale-110 shadow-lg hover:shadow-blue-500/25" aria-label="Email"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></a></div></div><div class="space-y-6"><h3 class="text-white font-bold text-lg mb-6">Nos Services</h3><div class="space-y-4"><a href="https://wiki.la-banquise.fr" class="flex items-center text-gray-300 hover:text-blue-400 transition-colors duration-200 hover:translate-x-2 transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-5 h-5 mr-3" aria-hidden="true"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg>Wiki</a><a href="https://git.la-banquise.fr" class="flex items-center text-gray-300 hover:text-blue-400 transition-colors duration-200 hover:translate-x-2 transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch w-5 h-5 mr-3" aria-hidden="true"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>Gitea</a><a href="https://panel.la-banquise.fr" class="flex items-center text-gray-300 hover:text-blue-400 transition-colors duration-200 hover:translate-x-2 transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gamepad2 lucide-gamepad-2 w-5 h-5 mr-3" aria-hidden="true"><line x1="6" x2="10" y1="11" y2="11"></line><line x1="8" x2="8" y1="9" y2="13"></line><line x1="15" x2="15.01" y1="12" y2="12"></line><line x1="18" x2="18.01" y1="10" y2="10"></line><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path></svg>Panel de Jeux</a><a href="https://opencloud.la-banquise.fr" class="flex items-center text-gray-300 hover:text-blue-400 transition-colors duration-200 hover:translate-x-2 transform"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-5 h-5 mr-3" aria-hidden="true"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg>OpenCloud</a></div></div><div class="space-y-6"><h3 class="text-white font-bold text-lg mb-6">Communauté</h3><div class="space-y-4"><div class="bg-gradient-to-r from-blue-900/30 to-blue-800/30 rounded-xl p-6 border border-blue-800/30"><h4 class="text-blue-400 font-semibold mb-2">Rejoindre l'asso</h4><p class="text-gray-300 text-sm mb-4">Connectez-vous sur Discord et créez un ticket pour rejoindre la communauté Banquise.</p><a href="https://discord.gg/bJhM97wans" class="inline-flex items-center text-blue-400 hover:text-blue-300 text-sm font-semibold transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket w-4 h-4 mr-2" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Rejoindre maintenant</a></div></div></div></div><div class="flex flex-col md:flex-row justify-between items-center gap-6 pt-8 border-t border-gray-800"><p class="text-gray-400 text-sm text-center md:text-left">© 2025 <!-- -->La Banquise<!-- -->. Hébergement communautaire pour développeurs et gamers.</p><div class="flex items-center gap-6 text-sm text-gray-400"><span class="flex items-center">Fait avec<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-red-500 mx-1 w-4 h-4" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>par Banquise</span><div class="w-1 h-1 bg-gray-600 rounded-full"></div><span class="text-blue-400 font-semibold">EPITA 2025</span></div></div></div></footer><button class="fixed bottom-6 right-6 z-50 w-12 h-12 sm:w-14 sm:h-14 bg-gradient-to-r from-blue-600 to-blue-500 text-white rounded-full shadow-lg hover:shadow-xl transition-all duration-300 flex items-center justify-center group border border-blue-400/30 backdrop-blur-sm opacity-0 translate-y-4 scale-95 pointer-events-none" aria-label="Retour en haut de page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up w-5 h-5 sm:w-6 sm:h-6 transition-transform duration-300 group-hover:-translate-y-0.5" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg><div class="absolute inset-0 bg-gradient-to-r from-blue-500 to-blue-600 rounded-full opacity-0 group-hover:opacity-75 transition-opacity duration-300 blur-sm"></div></button></div><!--$--><!--/$--><script src="/_next/static/chunks/webpack-1b964250c5d6ce5d.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[4923,[],\"\"]\n3:I[6967,[],\"\"]\n4:I[1222,[],\"ClientPageRoot\"]\n5:I[835,[\"633\",\"static/chunks/633-6d01cdaf98a28350.js\",\"974\",\"static/chunks/app/page-cf217ffaaec44dc7.js\"],\"default\"]\n8:I[6754,[],\"OutletBoundary\"]\na:I[7143,[],\"AsyncMetadataOutlet\"]\nc:I[6754,[],\"ViewportBoundary\"]\ne:I[6754,[],\"MetadataBoundary\"]\nf:\"$Sreact.suspense\"\n11:I[9665,[],\"\"]\n:HL[\"/_next/static/css/63c0d8c05adb527f.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"wvNiMA1mEaU55pPy1C8sy\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/63c0d8c05adb527f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"fr\",\"children\":[[\"$\",\"head\",null,{}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}],null,[\"$\",\"$L8\",null,{\"children\":[\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],null],[\"$\",\"$Le\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$f\",null,{\"fallback\":null,\"children\":\"$L10\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:2:children:1:props:children:0:props:params\"\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"b:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"La Banquise - Hébergement et Communauté Tech\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Association d'hébergement et lab réseau pour tous les étudiants et associations de l'EPITA. Services Wiki, Gitea, Panel de jeux.\"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"10:\"$b:metadata\"\n"])</script></body></html> |