<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-J7VR6N38');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Critical CSS - Above the fold styles -->
<style>
:root {
--background: 0 0% 98%;
--foreground: 0 0% 6.7%;
--primary: 22 100% 52%;
--primary-foreground: 0 0% 98%;
--orange-vibrant: 22 100% 52%;
--noir-sobre: 0 0% 6.7%;
--gris-clair: 0 0% 96.1%;
--gradient-sunset: linear-gradient(135deg, hsl(var(--orange-vibrant)), hsl(22 100% 60%));
--transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: hsl(var(--background));
color: hsl(var(--foreground));
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', sans-serif;
line-height: 1.5;
}
.hero-gradient { background: var(--gradient-sunset); }
.text-orange-vibrant { color: hsl(var(--orange-vibrant)); }
.bg-orange-vibrant { background-color: hsl(var(--orange-vibrant)); }
.smooth-transition { transition: var(--transition-smooth); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
</style>
<title>Lille Leaders Meet - L'afterwork rooftop des passionnés d'innovation</title>
<meta name="description" content="Rejoignez l'afterwork rooftop des entrepreneurs et innovateurs à Lille. Échanges autour de l'IA, no-code, Web3. Premier vendredi du mois au Mesa." />
<meta name="author" content="Lille Leaders Meet" />
<meta name="robots" content="index, follow, max-image-preview:large" />
<meta name="theme-color" content="#ff6600">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="application-name" content="Lille Leaders Meet">
<meta name="google-site-verification" content="uAqLfRrR_GVoJrv6ZbquyK8S23MGi6Zdv77WiWhF9Vw" />
<meta name="geo.region" content="FR-59" />
<meta name="geo.placename" content="Lille, France" />
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/logo-llm.png" type="image/png">
<link rel="apple-touch-icon" href="/logo-llm.png">
<link rel="canonical" href="https://lille-innovation-vibe.lovable.app/" />
<link rel="alternate" hreflang="fr" href="https://lille-innovation-vibe.lovable.app/" />
<!-- Preconnect to external domains for faster loading -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="dns-prefetch" href="//images.unsplash.com">
<link rel="dns-prefetch" href="//lu.ma">
<link rel="dns-prefetch" href="//chat.whatsapp.com">
<link rel="dns-prefetch" href="//www.googletagmanager.com">
<!-- Critical Resource Preloads -->
<link rel="preload" href="/assets/hero-rooftop-Brlod3bK.jpg" as="image" type="image/jpeg">
<link rel="preload" href="/lovable-uploads/5e0f5c10-d273-4898-84a9-53ad28c1c435.png" as="image" type="image/png">
<!-- Legacy preload removal - superseded by critical preloads -->
<link rel="modulepreload" href="data:application/octet-stream;base64,Ly8gSGFyZCBndWFyZDogcHJldmVudCBkb3VibGUgYm9vdCBpZiBhIHNlY29uZCBzY3JpcHQgZXhlY3V0ZXMKaWYgKCh3aW5kb3cgYXMgYW55KS5fX0FQUF9CT09URURfXykgewogIGNvbnNvbGUud2FybignQXBwIGFscmVhZHkgYm9vdGVkIOKAkyBza2lwcGluZyBzZWNvbmQgbW91bnQnKTsKICAvLyBAdHMtaWdub3JlCiAgdGhyb3cgbmV3IEVycm9yKCdfX0FQUF9ET1VCTEVfQk9PVF9fJyk7Cn0KKHdpbmRvdyBhcyBhbnkpLl9fQVBQX0JPT1RFRF9fID0gdHJ1ZTsKCmltcG9ydCB7IGNyZWF0ZVJvb3QsIGh5ZHJhdGVSb290IH0gZnJvbSAncmVhY3QtZG9tL2NsaWVudCcKaW1wb3J0IHsgQnJvd3NlclJvdXRlciwgUm91dGVzLCBSb3V0ZSB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nCmltcG9ydCB7IFRvYXN0ZXIgfSBmcm9tICJAL2NvbXBvbmVudHMvdWkvdG9hc3RlciI7CmltcG9ydCB7IFRvYXN0ZXIgYXMgU29ubmVyIH0gZnJvbSAiQC9jb21wb25lbnRzL3VpL3Nvbm5lciI7CmltcG9ydCB7IFF1ZXJ5Q2xpZW50LCBRdWVyeUNsaWVudFByb3ZpZGVyIH0gZnJvbSAiQHRhbnN0YWNrL3JlYWN0LXF1ZXJ5IjsKaW1wb3J0IEluZGV4IGZyb20gIi4vcGFnZXMvSW5kZXgiOwppbXBvcnQgTm90Rm91bmQgZnJvbSAiLi9wYWdlcy9Ob3RGb3VuZCI7CmltcG9ydCBQb2xpdGlxdWVJQSBmcm9tICIuL3BhZ2VzL1BvbGl0aXF1ZUlBIjsKaW1wb3J0IEVycm9yQm91bmRhcnkgZnJvbSAiLi9jb21wb25lbnRzL0Vycm9yQm91bmRhcnkiOwppbXBvcnQgJy4vaW5kZXguY3NzJwoKY29uc3QgcXVlcnlDbGllbnQgPSBuZXcgUXVlcnlDbGllbnQoewogIGRlZmF1bHRPcHRpb25zOiB7CiAgICBxdWVyaWVzOiB7CiAgICAgIHJldHJ5OiAoZmFpbHVyZUNvdW50LCBlcnJvcikgPT4gewogICAgICAgIGlmIChlcnJvciBpbnN0YW5jZW9mIEVycm9yICYmIC9eNFxkezJ9JC8udGVzdChlcnJvci5tZXNzYWdlKSkgcmV0dXJuIGZhbHNlOwogICAgICAgIHJldHVybiBmYWlsdXJlQ291bnQgPCAyOwogICAgICB9LAogICAgICByZWZldGNoT25XaW5kb3dGb2N1czogZmFsc2UsCiAgICAgIHN0YWxlVGltZTogNSAqIDYwICogMTAwMCwKICAgIH0sCiAgfSwKfSk7Cgpjb25zdCBhcHAgPSAoCiAgPEVycm9yQm91bmRhcnkgc2hvd0RldGFpbHM9e2ZhbHNlfT4KICAgIDxRdWVyeUNsaWVudFByb3ZpZGVyIGNsaWVudD17cXVlcnlDbGllbnR9PgogICAgICA8QnJvd3NlclJvdXRlcj4KICAgICAgICA8VG9hc3RlciAvPgogICAgICAgIDxTb25uZXIgLz4KICAgICAgICA8Um91dGVzPgogICAgICAgICAgPFJvdXRlIHBhdGg9Ii8iIGVsZW1lbnQ9ezxJbmRleCAvPn0gLz4KICAgICAgICAgIDxSb3V0ZSBwYXRoPSIvcG9saXRpcXVlLWlhIiBlbGVtZW50PXs8UG9saXRpcXVlSUEgLz59IC8+CiAgICAgICAgICA8Um91dGUgcGF0aD0iKiIgZWxlbWVudD17PE5vdEZvdW5kIC8+fSAvPgogICAgICAgIDwvUm91dGVzPgogICAgICA8L0Jyb3dzZXJSb3V0ZXI+CiAgICA8L1F1ZXJ5Q2xpZW50UHJvdmlkZXI+CiAgPC9FcnJvckJvdW5kYXJ5PgopOwoKY29uc3QgY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Jvb3QnKSE7CmlmIChjb250YWluZXIuaGFzQ2hpbGROb2RlcygpKSB7CiAgLy8gTGUgSFRNTCBhIMOpdMOpIHByw6ktcmVuZHUgKFNTRy9TU1IpIOKGkiBoeWRyYXRlCiAgY29uc29sZS5sb2coJ/CflIQgaHlkcmF0ZVJvb3QgKHByZS1yZW5kZXIgZGV0ZWN0ZWQpJyk7CiAgaHlkcmF0ZVJvb3QoY29udGFpbmVyLCBhcHApOwp9IGVsc2UgewogIGNvbnNvbGUubG9nKCfwn4aVIGNyZWF0ZVJvb3QgKGVtcHR5IGNvbnRhaW5lciknKTsKICBjcmVhdGVSb290KGNvbnRhaW5lcikucmVuZGVyKGFwcCk7Cn0KCg==">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"></noscript>
<!-- Async CSS loading for performance -->
<link rel="preload" href="/assets/index-BtPbTHzR.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/assets/index-BtPbTHzR.css"></noscript>
<meta property="og:title" content="Lille Leaders Meet - L'afterwork rooftop des passionnés d'innovation" />
<meta property="og:description" content="Rejoignez l'afterwork rooftop des entrepreneurs et innovateurs à Lille. Échanges autour de l'IA, no-code, Web3. Premier vendredi du mois au Mesa." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://lille-innovation-vibe.lovable.app/" />
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Lille Leaders Meet">
<meta property="og:image" content="https://lille-innovation-vibe.lovable.app/logo-llm.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@LilleLeadersMeet" />
<meta name="twitter:title" content="Lille Leaders Meet – Afterwork rooftop innovation à Lille" />
<meta name="twitter:description" content="Rejoignez les entrepreneurs de l'IA, no-code & Web3 à Lille. Premier vendredi du mois, rooftop Mesa." />
<meta name="twitter:image" content="https://lille-innovation-vibe.lovable.app/logo-llm.png" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Quel est le prix de l’événement ?",
"acceptedAnswer": {"@type": "Answer", "text": "Le billet est à 10€, il donne accès à l’afterwork rooftop, au networking, et à l’espace dédié. Les consommations sur place sont à ta charge."}
},
{
"@type": "Question",
"name": "Où se déroule exactement l’événement ?",
"acceptedAnswer": {"@type": "Answer", "text": "L’événement a lieu sur le rooftop du restaurant Mesa, à Lille. L’adresse complète est indiquée sur la page de réservation."}
},
{
"@type": "Question",
"name": "À quelle heure faut-il arriver ?",
"acceptedAnswer": {"@type": "Answer", "text": "Les portes ouvrent à partir de 18h30. Tu peux arriver quand tu veux, mais nous te conseillons d’arriver tôt pour profiter pleinement des rencontres."}
},
{
"@type": "Question",
"name": "Y a-t-il un dress code ?",
"acceptedAnswer": {"@type": "Answer", "text": "Il n’y a pas de dress code formel, mais l’événement reste professionnel. On recommande une tenue casual chic (ni trop formelle, ni trop décontractée)."}
},
{
"@type": "Question",
"name": "Comment échanger avec les autres participants ?",
"acceptedAnswer": {"@type": "Answer", "text": "Un groupe WhatsApp est à disposition pour discuter avant, pendant et après l’événement. Tu peux le rejoindre ici : https://chat.whatsapp.com/GoXLNuv19v7EEykwuO9PRC?mode=ac_t"}
},
{
"@type": "Question",
"name": "Et s’il pleut ?",
"acceptedAnswer": {"@type": "Answer", "text": "Le rooftop est partiellement couvert. En cas de mauvais temps, l’événement sera maintenu et adapté à l’intérieur du restaurant Mesa."}
},
{
"@type": "Question",
"name": "Puis-je annuler ou transférer ma place ?",
"acceptedAnswer": {"@type": "Answer", "text": "Les billets ne sont pas remboursables, mais tu peux transférer ta place à quelqu’un d’autre. Il suffit de nous prévenir par message sur WhatsApp."}
},
{
"@type": "Question",
"name": "À qui s’adresse cet événement ?",
"acceptedAnswer": {"@type": "Answer", "text": "L’événement est ouvert à toutes les personnes passionnées d’innovation, tech, entrepreneuriat ou créativité. Que tu sois porteur de projet, investisseur, salarié ou simple curieux, tu es le/la bienvenu·e."}
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Event",
"name": "Lille Leaders Meet – Afterwork rooftop des passionnés d’innovation",
"startDate": "2025-09-05T18:30:00+02:00",
"endDate": "2025-09-05T23:00:00+02:00",
"eventStatus": "https://schema.org/EventScheduled",
"location": {
"@type": "Place",
"name": "Mesa Rooftop",
"address": {
"@type": "PostalAddress",
"streetAddress": "612 Rue de la Chaude Rivière",
"addressLocality": "Lille",
"postalCode": "59800",
"addressCountry": "FR"
}
},
"image": "https://lille-innovation-vibe.lovable.app/logo-llm.png",
"description": "Afterwork rooftop mensuel pour les passionnés d'innovation, tech et no-code à Lille. Réseau, bière, idées fraîches.",
"organizer": [
{
"@type": "Person",
"@id": "https://lille-innovation-vibe.lovable.app/#sebastien-viez",
"name": "Sébastien Viez",
"jobTitle": "Entrepreneur, formateur IA",
"description": "Consultant & formateur en IA Générative. Accompagne les entreprises et indépendants à intégrer l'IA pour gagner en efficacité.",
"url": "https://lille-innovation-vibe.lovable.app/#organizers",
"sameAs": [
"https://www.linkedin.com/in/sebastien-viez-it-web3-ia/",
"https://www.instagram.com/sebastien_viez/",
"https://x.com/ViezSbastien",
"https://www.tiktok.com/@legadlia"
],
"image": "https://lille-innovation-vibe.lovable.app/lovable-uploads/4ef8b016-e1af-4fb9-8938-4d81ecd33fd2.png",
"worksFor": {
"@type": "Organization",
"name": "Lille Leaders Meet"
}
},
{
"@type": "Person",
"@id": "https://lille-innovation-vibe.lovable.app/#romain-bailleul",
"name": "Romain Bailleul",
"jobTitle": "Entrepreneur, formateur IA",
"description": "Expert en IA et Growth. TEDx speaker et Top Voice LinkedIn. Spécialisé en prospection automatisée et Web3.",
"url": "https://lille-innovation-vibe.lovable.app/#organizers",
"sameAs": [
"https://www.linkedin.com/in/romain-bailleul/",
"https://www.instagram.com/romainb_ai/",
"https://x.com/romainb_ai",
"https://www.tiktok.com/@romainb_ai"
],
"image": "https://lille-innovation-vibe.lovable.app/lovable-uploads/a9e79648-b87e-45b7-86ef-8ba6d3cecb7a.png",
"worksFor": {
"@type": "Organization",
"name": "Lille Leaders Meet"
}
}
],
"offers": {
"@type": "Offer",
"price": "10",
"priceCurrency": "EUR",
"availability": "InStock",
"url": "https://lu.ma/x8525twv",
"validFrom": "2025-08-01T09:00:00+02:00"
},
"review": [
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Julien Van Doorn",
"jobTitle": "Fondateur Athletic Quest"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
},
"reviewBody": "Un RDV au (roof)top ! Une ambiance chaleureuse et des connexions d'une qualité supérieure."
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Frantz Rouzé",
"jobTitle": "Consultant SEO"
},
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
},
"reviewBody": "Un afterwork ciblé, de qualité, où l'on retrouve des échanges riches, sans posture ni vente forcée."
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "100",
"bestRating": "5"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "Comment participer à l'afterwork Lille Leaders Meet",
"description": "Guide complet pour rejoindre l'événement networking entrepreneurs IA à Lille",
"image": "https://lille-innovation-vibe.lovable.app/logo-llm.png",
"totalTime": "PT30M",
"estimatedCost": {
"@type": "MonetaryAmount",
"currency": "EUR",
"value": "10"
},
"step": [
{
"@type": "HowToStep",
"name": "Réservation",
"text": "Réservez votre place sur lu.ma/x8525twv",
"url": "https://lu.ma/x8525twv"
},
{
"@type": "HowToStep",
"name": "Rejoindre la communauté",
"text": "Intégrez le groupe WhatsApp pour les échanges",
"url": "https://chat.whatsapp.com/GoXLNuv19v7EEykwuO9PRC"
},
{
"@type": "HowToStep",
"name": "Participer",
"text": "Rendez-vous au Mesa Rooftop à partir de 18h30"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Lille Leaders Meet",
"description": "Afterwork rooftop mensuel networking entrepreneurs IA, startup tech, no-code et Web3 à Lille",
"address": {
"@type": "PostalAddress",
"streetAddress": "612 Rue de la Chaude Rivière",
"addressLocality": "Lille",
"postalCode": "59800",
"addressCountry": "FR"
},
"url": "https://lille-innovation-vibe.lovable.app/",
"telephone": "+33000000000",
"openingHours": "Mo-Fr 09:00-18:00",
"priceRange": "€",
"image": "https://lille-innovation-vibe.lovable.app/logo-llm.png",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "100"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Lille Leaders Meet",
"url": "https://lille-innovation-vibe.lovable.app/",
"image": "https://lille-innovation-vibe.lovable.app/logo-llm.png",
"potentialAction": {
"@type": "SearchAction",
"target": "https://lille-innovation-vibe.lovable.app/?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://lille-innovation-vibe.lovable.app/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Pourquoi venir",
"item": "https://lille-innovation-vibe.lovable.app/#why"
},
{
"@type": "ListItem",
"position": 3,
"name": "À propos",
"item": "https://lille-innovation-vibe.lovable.app/#about"
},
{
"@type": "ListItem",
"position": 4,
"name": "FAQ",
"item": "https://lille-innovation-vibe.lovable.app/#faq"
},
{
"@type": "ListItem",
"position": 5,
"name": "Plan d'accès",
"item": "https://lille-innovation-vibe.lovable.app/#map"
}
]
}
</script>
<script type="module" crossorigin src="/assets/index-BFEMDJ0s.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DUcBAJCD.css">
<script defer src="https://lille-innovation-vibe.lovable.app/~flock.js" data-proxy-url="https://lille-innovation-vibe.lovable.app/~api/analytics"></script></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-J7VR6N38"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:bg-orange-vibrant focus:text-white focus:px-4 focus:py-2 focus:rounded focus:z-50">Aller au contenu principal</a>
<div id="root"><div class="min-h-screen"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Event","name":"Lille Leaders Meet - Afterwork Rooftop Innovation","description":"Rencontres entrepreneurs IA & tech autour d'une bière sur l'IA, le no-code, le Web3, le growth avec les acteurs du changement lillois au Mesa Rooftop.","startDate":"2025-09-05T18:30:00+02:00","endDate":"2025-09-05T21:30:00+02:00","eventStatus":"https://schema.org/EventScheduled","eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode","location":{"@type":"Place","name":"Mesa Rooftop","address":{"@type":"PostalAddress","streetAddress":"612 Rue de la Chaude Rivière","addressLocality":"Lille","postalCode":"59800","addressCountry":"FR"}},"organizer":{"@type":"Organization","name":"Lille Leaders Meet","url":"https://lilleleet.lovable.app"},"offers":{"@type":"Offer","price":"10","priceCurrency":"EUR","availability":"https://schema.org/InStock","url":"https://lu.ma/x8525twv","validFrom":"2025-01-01T00:00:00+01:00"},"maximumAttendeeCapacity":30,"keywords":"networking, entrepreneurs, IA, tech, innovation, Lille, afterwork, rooftop, startup, no-code, Web3, growth","category":"BusinessEvent","audience":{"@type":"Audience","audienceType":"Entrepreneurs, Tech professionals, Innovation leaders"},"image":["https://lilleleet.lovable.app/assets/hero-rooftop.jpg","https://lilleleet.lovable.app/lovable-uploads/5e0f5c10-d273-4898-84a9-53ad28c1c435.png"]}</script><header role="banner" class="w-full fixed top-0 z-50 bg-blanc-pur/95 backdrop-blur-sm border-b border-gris-border"><nav aria-label="Navigation principale" class="container mx-auto px-4 py-3"><div class="flex items-center justify-between"><a href="#" class="flex items-center gap-3 p-2 min-h-[44px] min-w-[44px]"><img src="/lovable-uploads/5e0f5c10-d273-4898-84a9-53ad28c1c435.png" alt="Logo Lille Leaders Meet" class="w-8 h-8 rounded" width="32" height="32" loading="eager"/><span class="font-semibold text-noir-sobre">Lille Leaders Meet</span></a><div class="hidden md:flex items-center gap-6"><a href="#about" class="text-sm font-medium text-noir-sobre hover:text-orange-vibrant transition-colors py-3 px-4">À propos</a><a href="#gallery" class="text-sm font-medium text-noir-sobre hover:text-orange-vibrant transition-colors py-3 px-4">Galerie</a><a href="#faq" class="text-sm font-medium text-noir-sobre hover:text-orange-vibrant transition-colors py-3 px-4">FAQ</a><a href="#contact" class="text-sm font-medium text-noir-sobre hover:text-orange-vibrant transition-colors py-3 px-4">Contact</a></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3">Réserver</button></div></nav></header><main id="main" role="main" aria-label="Contenu principal afterwork networking Lille" class="pt-20"><nav aria-label="Fil d'Ariane" class="text-sm text-gris-neutre mb-4"><ol class="flex items-center space-x-2" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="flex items-center" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"><span class="text-orange-vibrant font-medium" itemprop="name">Accueil</span><meta itemprop="position" content="1"/></li></ol></nav><section class="relative min-h-screen flex items-center justify-center overflow-hidden"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url(/assets/hero-rooftop-Brlod3bK.jpg)" role="img" aria-label="Terrasse rooftop moderne avec mobilier élégant et vue panoramique sur la métropole lilloise en fin de journée"><div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/50 to-black/30"></div><div class="absolute inset-0 bg-noir-intense/40" aria-hidden="true"></div><div class="absolute inset-0 bg-noir-intense" style="opacity:0.2" aria-hidden="true"></div></div><div class="relative z-10 max-w-6xl mx-auto px-6 sm:px-8 md:px-12 text-center text-blanc-pur py-8"><img src="/lovable-uploads/5e0f5c10-d273-4898-84a9-53ad28c1c435.png" alt="Logo Lille Leaders Meet - événement networking entrepreneurs IA tech innovation Lille Mesa rooftop afterwork" class="mx-auto w-20 sm:w-24 md:w-32 shadow-md rounded-lg mb-8" loading="eager" width="128" height="128"/><div class="text-center text-xl font-semibold tracking-wide text-blanc-pur mb-2">Lille Leaders Meet</div><div class="inline-flex flex-wrap justify-center items-center gap-x-1 gap-y-1 mb-6 px-3 py-1.5 bg-blanc-pur/20 backdrop-blur-sm rounded-full text-sm font-medium"><span class="text-orange-vibrant">10<!-- --> €</span><span>•</span><span>EN PRÉSENTIEL</span><span>•</span><span>30<!-- --> PLACES MAX</span></div><h1 class="text-[clamp(2.5rem,6vw,4rem)] font-bold mb-4 leading-[1.05] text-balance max-w-5xl mx-auto">Afterwork Rooftop Innovation Lille</h1><p class="text-[clamp(1.1rem,3vw,1.5rem)] mb-10 max-w-4xl mx-auto leading-relaxed text-blanc-pur/90 text-balance font-medium">Rencontres <span class="text-orange-vibrant">entrepreneurs IA & tech</span> | Mesa Rooftop</p><p class="text-[clamp(0.95rem,2.2vw,1.1rem)] mb-8 max-w-3xl mx-auto leading-relaxed text-blanc-pur/80 text-balance px-4">Échanges autour d'une bière sur l'IA, le no-code, le Web3, le growth avec les acteurs du changement lillois.</p><div class="flex flex-col sm:flex-row sm:justify-center items-center gap-4 sm:gap-8 mb-8 text-sm md:text-base"><div class="flex items-center gap-2 bg-blanc-pur/10 backdrop-blur-sm px-4 py-2 rounded-full"><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-calendar w-4 h-4 text-orange-vibrant"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg><span class="font-medium">5 septembre - 18h30</span></div><div class="flex items-center gap-2 bg-blanc-pur/10 backdrop-blur-sm px-4 py-2 rounded-full"><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-map-pin w-4 h-4 text-orange-vibrant"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span class="font-medium">Mesa Rooftop, Lille</span></div></div></div><div class="absolute bottom-4 right-4 md:bottom-8 md:right-8"><div class="bg-noir-intense/40 backdrop-blur-sm rounded-lg p-3 border border-blanc-pur/20"><div class="inline-flex items-center gap-1 px-4 py-2 bg-blanc-pur/10 border border-blanc-pur/20 rounded-full text-blanc-pur font-medium backdrop-blur-sm transition-all duration-300 text-xs md:text-sm"><noscript><span>⏰ Événement le 5 septembre 2025</span></noscript><span class="text-orange-vibrant mr-1">⏰</span><div class="flex items-center gap-1"><span class="tabular-nums">00</span><span class="text-blanc-pur/70">j</span><span class="tabular-nums ml-1">00</span><span class="text-blanc-pur/70">h</span><span class="tabular-nums ml-1">00</span><span class="text-blanc-pur/70">m</span><span class="tabular-nums ml-1 text-orange-vibrant">00</span><span class="text-blanc-pur/70">s</span></div></div></div></div><div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 text-blanc-pur/70 animate-bounce"><div class="w-6 h-10 border-2 border-blanc-pur/30 rounded-full flex justify-center"><div class="w-1 h-3 bg-blanc-pur/50 rounded-full mt-2 animate-pulse"></div></div></div></section><section class="py-12 sm:py-16 md:py-20 bg-muted/30" aria-label="Pourquoi participer à l'événement" id="why"><div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><h2 class="text-center text-2xl sm:text-3xl md:text-4xl font-bold mb-10 sm:mb-12 text-foreground text-balance">Pourquoi rejoindre l'écosystème innovation lillois ?</h2><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6 sm:gap-8"><div class="text-center space-y-4 min-w-0"><div class="flex justify-center mb-4"><div class="w-20 h-20 bg-primary/10 rounded-full 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-handshake w-10 h-10 text-primary" aria-hidden="true"><path d="m11 17 2 2a1 1 0 1 0 3-3"></path><path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"></path><path d="m21 3 1 11h-2"></path><path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"></path><path d="M3 4h8"></path></svg></div></div><h3 class="text-lg sm:text-xl font-semibold text-foreground text-balance">Des connexions réelles</h3><p class="text-sm sm:text-base text-muted-foreground leading-relaxed text-balance">Échange avec des fondateurs, makers, doers de ta région</p></div><div class="text-center space-y-4 min-w-0"><div class="flex justify-center mb-4"><div class="w-20 h-20 bg-primary/10 rounded-full 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-lightbulb w-10 h-10 text-primary" aria-hidden="true"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div></div><h3 class="text-lg sm:text-xl font-semibold text-foreground text-balance">Inspiration garantie</h3><p class="text-sm sm:text-base text-muted-foreground leading-relaxed text-balance">Découvre de nouveaux outils, projets, opportunités concrètes</p></div><div class="text-center space-y-4 min-w-0"><div class="flex justify-center mb-4"><div class="w-20 h-20 bg-primary/10 rounded-full 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-coffee w-10 h-10 text-primary" aria-hidden="true"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg></div></div><h3 class="text-lg sm:text-xl font-semibold text-foreground text-balance">Un moment off, sans bullshit</h3><p class="text-sm sm:text-base text-muted-foreground leading-relaxed text-balance">Juste des humains alignés qui construisent, pas de pitch forcé</p></div><div class="text-center space-y-4 min-w-0"><div class="flex justify-center mb-4"><div class="w-20 h-20 bg-primary/10 rounded-full 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-radio w-10 h-10 text-primary" aria-hidden="true"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg></div></div><h3 class="text-lg sm:text-xl font-semibold text-foreground text-balance">Plus de visibilité locale</h3><p class="text-sm sm:text-base text-muted-foreground leading-relaxed text-balance">Affirme ton rôle dans l'écosystème innovation du Nord</p></div></div></div></section><section id="about" class="py-12 sm:py-16 md:py-20 bg-gris-clair"><div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><div class="text-center mb-10 sm:mb-12 max-w-4xl mx-auto mb-12 sm:mb-16"><h2 class="text-3xl sm:text-4xl md:text-5xl font-bold mb-4 text-noir-sobre text-balance">Écosystème innovation & networking Lille</h2><p class="text-lg sm:text-xl text-muted-foreground text-balance">Un format intimiste pour créer de vraies connexions entrepreneuriales dans la métropole lilloise</p></div><div class="mb-12 sm:mb-16"><h2 class="text-2xl sm:text-3xl font-bold text-center mb-10 sm:mb-12 text-noir-sobre text-balance">Notre mission : développer l'écosystème startup & tech nordiste</h2><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8"><div class="group bg-blanc-pur rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-orange-vibrant/10 rounded-full flex items-center justify-center mb-2"><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-7 h-7 sm:w-8 sm:h-8 text-orange-vibrant group-hover:scale-110 transition-transform duration-200"><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><h4 class="text-lg sm:text-xl font-semibold text-noir-sobre">Renforcer l'écosystème local</h4><p class="text-sm sm:text-base text-muted-foreground leading-relaxed">Nous croyons au potentiel des talents du Nord, de Lille et de la Belgique francophone. Notre mission : catalyser des rencontres à fort impact local.</p></div><div class="group bg-blanc-pur rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-orange-vibrant/10 rounded-full flex items-center justify-center mb-2"><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-lightbulb w-7 h-7 sm:w-8 sm:h-8 text-orange-vibrant group-hover:scale-110 transition-transform duration-200"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></div><h4 class="text-lg sm:text-xl font-semibold text-noir-sobre">Stimuler la création</h4><p class="text-sm sm:text-base text-muted-foreground leading-relaxed">Favoriser l'émergence de projets innovants dans l'IA, le no-code, le Web3 et bien plus — sans cadre rigide, sans bullshit.</p></div><div class="group bg-blanc-pur rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-orange-vibrant/10 rounded-full flex items-center justify-center mb-2"><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-7 h-7 sm:w-8 sm:h-8 text-orange-vibrant group-hover:scale-110 transition-transform duration-200"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></div><h4 class="text-lg sm:text-xl font-semibold text-noir-sobre">Cultiver une communauté durable</h4><p class="text-sm sm:text-base text-muted-foreground leading-relaxed">Construire un espace bienveillant où la confiance prime sur le statut, où chacun est libre d'apporter, d'apprendre, et de se connecter.</p></div></div></div><div class="bg-gradient-to-br from-blanc-pur to-gris-clair/50 rounded-2xl p-8 sm:p-10 shadow-sm border border-gris-clair"><h3 class="text-2xl sm:text-3xl font-bold text-center mb-10 sm:mb-12 text-noir-sobre text-balance">Le format afterwork rooftop</h3><div class="grid grid-cols-1 sm:grid-cols-3 gap-6 lg:gap-8"><div class="group bg-blanc-pur rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-orange-vibrant/10 rounded-full flex items-center justify-center mb-2"><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-clock w-7 h-7 sm:w-8 sm:h-8 text-orange-vibrant group-hover:scale-110 transition-transform duration-200"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><h4 class="text-lg sm:text-xl font-semibold text-noir-sobre">Chaque premier vendredi du mois</h4><p class="text-sm sm:text-base text-muted-foreground leading-relaxed">18h30 → 1h</p></div><div class="group bg-blanc-pur rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-orange-vibrant/10 rounded-full flex items-center justify-center mb-2"><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-map-pin w-7 h-7 sm:w-8 sm:h-8 text-orange-vibrant group-hover:scale-110 transition-transform duration-200"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><h4 class="text-lg sm:text-xl font-semibold text-noir-sobre">Rooftop du Mesa, Lille</h4><p class="text-sm sm:text-base text-muted-foreground leading-relaxed">Vue panoramique sur la ville</p><a href="https://business.bepark.eu/visitors/mesa-parking-shake-2-mesa-temporaire/9f5da864-f4a2-41b8-b01d-16d19bdf2b43" target="_blank" rel="noopener noreferrer" class="mt-2 text-sm text-orange-vibrant underline underline-offset-2 hover:text-orange-600 transition-colors" aria-label="Lien vers la réservation de parking au Mesa via BePark">🅿️ Réserver une place de parking</a></div><div class="group bg-blanc-pur rounded-xl p-6 shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur"><div class="w-14 h-14 sm:w-16 sm:h-16 bg-orange-vibrant/10 rounded-full flex items-center justify-center mb-2"><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-crown w-7 h-7 sm:w-8 sm:h-8 text-orange-vibrant group-hover:scale-110 transition-transform duration-200"><path d="M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z"></path><path d="M5 21h14"></path></svg></div><h4 class="text-lg sm:text-xl font-semibold text-noir-sobre">Tenue chic</h4><p class="text-sm sm:text-base text-muted-foreground leading-relaxed">Vêtements de sport, de plage, shorts et chaussures ouvertes (pour les hommes) interdits.</p></div></div></div></div></section><section id="gallery" class="py-12 sm:py-16 md:py-20 bg-blanc-pur"><div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><div class="max-w-4xl mx-auto text-center mb-10 sm:mb-12 md:mb-16"><h2 class="text-2xl sm:text-3xl md:text-5xl font-bold mb-4 sm:mb-6 text-noir-sobre text-balance">Galerie photos afterwork rooftop Lille</h2><p class="text-base sm:text-lg text-muted-foreground text-balance">Découvrez l'atmosphère unique de nos afterworks rooftop</p></div><div class="flex overflow-x-auto scrollbar-hidden snap-x snap-mandatory gap-4 pb-2 sm:hidden" style="scrollbar-width:none;-ms-overflow-style:none"><img src="/assets/gallery-view-B_CCS4vz.jpg" alt="Panorama urbain depuis la terrasse rooftop Mesa avec vue dégagée sur les toits de Lille au coucher de soleil" class="w-72 h-48 object-cover rounded-xl snap-center shrink-0 animate-fade-in" loading="lazy" width="288" height="192" style="animation-delay:0s"/><img src="/assets/gallery-beer-CJuB2wZj.jpg" alt="Participants de l'afterwork partageant des bières artisanales sur la terrasse dans une atmosphère chaleureuse" class="w-72 h-48 object-cover rounded-xl snap-center shrink-0 animate-fade-in" loading="lazy" width="288" height="192" style="animation-delay:0.1s"/><img src="/assets/gallery-networking-Bhv5Fobp.jpg" alt="Groupes d'entrepreneurs en discussion animée lors d'un précédent événement Lille Leaders Meet" class="w-72 h-48 object-cover rounded-xl snap-center shrink-0 animate-fade-in" loading="lazy" width="288" height="192" style="animation-delay:0.2s"/></div><div class="hidden sm:grid grid-cols-2 md:grid-cols-3 gap-6 sm:gap-8"><div class="animate-fade-in" style="animation-delay:0s"><img src="/assets/gallery-view-B_CCS4vz.jpg" alt="Panorama urbain depuis la terrasse rooftop Mesa avec vue dégagée sur les toits de Lille au coucher de soleil" class="w-full h-64 object-cover rounded-xl transition-transform duration-300 hover:scale-[1.02] shadow-sm hover:shadow-md" loading="lazy" width="400" height="256"/></div><div class="animate-fade-in" style="animation-delay:0.1s"><img src="/assets/gallery-beer-CJuB2wZj.jpg" alt="Participants de l'afterwork partageant des bières artisanales sur la terrasse dans une atmosphère chaleureuse" class="w-full h-64 object-cover rounded-xl transition-transform duration-300 hover:scale-[1.02] shadow-sm hover:shadow-md" loading="lazy" width="400" height="256"/></div><div class="animate-fade-in" style="animation-delay:0.2s"><img src="/assets/gallery-networking-Bhv5Fobp.jpg" alt="Groupes d'entrepreneurs en discussion animée lors d'un précédent événement Lille Leaders Meet" class="w-full h-64 object-cover rounded-xl transition-transform duration-300 hover:scale-[1.02] shadow-sm hover:shadow-md" loading="lazy" width="400" height="256"/></div></div><div class="text-center mt-12"><p class="text-muted-foreground italic">"Un cadre exceptionnel pour des échanges de qualité à la lumière dorée du coucher de soleil"</p></div></div></section><section id="testimonials" class="py-16 sm:py-20 md:py-24 bg-gris-clair" role="region" aria-label="Témoignages de participants"><div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><div class="text-center mb-6 sm:mb-8"><div class="flex items-center justify-center gap-2 text-orange-vibrant font-semibold text-lg sm:text-xl"><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-star w-5 h-5 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><span>4.8/5 — 100+ participants satisfaits</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" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-5 h-5 fill-current"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div></div><div class="text-center mb-10 sm:mb-12 mb-12 sm:mb-16"><h2 class="text-3xl sm:text-4xl md:text-5xl font-bold mb-4 text-noir-sobre text-balance">Ce que nos participants disent</h2><p class="text-lg sm:text-xl text-muted-foreground text-balance">Découvrez les témoignages de ceux qui ont vécu l'expérience Lille Leaders Meet</p></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8 items-stretch"><div class="w-full h-full"><div class="group bg-blanc-pur p-4 sm:p-6 md:p-8 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 sm:gap-6 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur min-h-[320px] sm:min-h-[360px] md:min-h-[380px] w-full h-full"><div class="flex justify-center mb-2"><img src="/lovable-uploads/29c8478a-966d-4164-81c7-c06f92dc648c.png" alt="Portrait de Abderrahim Taoufiq-Allah, CBO & Fondateur – Naditek" class="w-20 h-20 sm:w-24 sm:h-24 md:w-20 md:h-20 rounded-full object-cover object-center border-3 border-orange-vibrant/20 group-hover:border-orange-vibrant/40 transition-colors duration-300" loading="lazy" width="96" height="96"/></div><blockquote class="mb-6 sm:mb-8 px-2 relative"><p class="text-base sm:text-lg md:text-base lg:text-lg italic text-noir-sobre leading-[1.6] relative"><span class="text-2xl sm:text-3xl text-orange-vibrant absolute -top-1 -left-1 leading-none">"</span><span class="pl-3">Un cadre convivial, une atmosphère bienveillante… et surtout, un moment authentique et naturel, loin des codes du networking.</span><span class="text-2xl sm:text-3xl text-orange-vibrant">"</span></p></blockquote><div class="mt-auto"><cite class="not-italic"><p class="font-bold text-noir-sobre text-base mb-1">Abderrahim Taoufiq-Allah</p><p class="text-sm text-gris-neutre mb-4">CBO & Fondateur – Naditek</p></cite><div class="flex flex-col gap-2 mt-4"><a href="https://naditek.fr" target="_blank" rel="noopener noreferrer" title="Visiter le site de Naditek" class="text-sm text-orange-vibrant hover:text-orange-vibrant/80 transition-colors duration-200 hover:underline">🌐 naditek.fr</a><a href="https://www.linkedin.com/in/taoufiq-allah/" target="_blank" rel="noopener noreferrer" title="Voir le profil LinkedIn d'Abderrahim Taoufiq-Allah" class="text-sm text-orange-vibrant hover:text-orange-vibrant/80 transition-colors duration-200 hover:underline">🔗 LinkedIn</a></div></div></div></div><div class="w-full h-full"><div class="group bg-blanc-pur p-4 sm:p-6 md:p-8 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 sm:gap-6 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur min-h-[320px] sm:min-h-[360px] md:min-h-[380px] w-full h-full"><div class="flex justify-center mb-2"><img src="/lovable-uploads/06c0f21a-76e2-4004-a87c-e1afa177f8a6.png" alt="Portrait de Julien Van Doorn, Fondateur – Athletic Quest" class="w-20 h-20 sm:w-24 sm:h-24 md:w-20 md:h-20 rounded-full object-cover object-center border-3 border-orange-vibrant/20 group-hover:border-orange-vibrant/40 transition-colors duration-300" loading="lazy" width="96" height="96"/></div><blockquote class="mb-6 sm:mb-8 px-2 relative"><p class="text-base sm:text-lg md:text-base lg:text-lg italic text-noir-sobre leading-[1.6] relative"><span class="text-2xl sm:text-3xl text-orange-vibrant absolute -top-1 -left-1 leading-none">"</span><span class="pl-3">Un RDV au (roof)top ! Une ambiance chaleureuse et des connexions d'une qualité supérieure. Merci pour les invitations, je reviendrais avec grand plaisir.</span><span class="text-2xl sm:text-3xl text-orange-vibrant">"</span></p></blockquote><div class="mt-auto"><cite class="not-italic"><p class="font-bold text-noir-sobre text-base mb-1">Julien Van Doorn</p><p class="text-sm text-gris-neutre mb-4">Fondateur – Athletic Quest</p></cite><div class="flex flex-col gap-2 mt-4"><a href="http://www.athletic.quest" target="_blank" rel="noopener noreferrer" title="Visiter le site d'Athletic Quest" class="text-sm text-orange-vibrant hover:text-orange-vibrant/80 transition-colors duration-200 hover:underline">🌐 athletic.quest</a><a href="http://www.linkedin.com/in/julienvandoorn" target="_blank" rel="noopener noreferrer" title="Voir le profil LinkedIn de Julien Van Doorn" class="text-sm text-orange-vibrant hover:text-orange-vibrant/80 transition-colors duration-200 hover:underline">🔗 LinkedIn</a></div></div></div></div><div class="w-full h-full"><div class="group bg-blanc-pur p-4 sm:p-6 md:p-8 rounded-xl shadow-md hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1 text-center flex flex-col items-center gap-4 sm:gap-6 border-2 border-transparent hover:border-orange-vibrant/20 active:scale-95 md:active:scale-100 hover:bg-gradient-to-t hover:from-blanc-pur hover:via-orange-light hover:to-blanc-pur min-h-[320px] sm:min-h-[360px] md:min-h-[380px] w-full h-full"><div class="flex justify-center mb-2"><img src="/lovable-uploads/c250cafd-432e-4e56-a5b0-c2771d214f38.png" alt="Portrait de Frantz Rouzé, Consultant SEO & Création de site web" class="w-20 h-20 sm:w-24 sm:h-24 md:w-20 md:h-20 rounded-full object-cover object-center border-3 border-orange-vibrant/20 group-hover:border-orange-vibrant/40 transition-colors duration-300" loading="lazy" width="96" height="96"/></div><blockquote class="mb-6 sm:mb-8 px-2 relative"><p class="text-base sm:text-lg md:text-base lg:text-lg italic text-noir-sobre leading-[1.6] relative"><span class="text-2xl sm:text-3xl text-orange-vibrant absolute -top-1 -left-1 leading-none">"</span><span class="pl-3">LLM, c'est exactement ce que j'apprécie dans le networking. Un afterwork ciblé, de qualité, où l'on retrouve des échanges riches, sans posture ni vente forcée.</span><span class="text-2xl sm:text-3xl text-orange-vibrant">"</span></p></blockquote><div class="mt-auto"><cite class="not-italic"><p class="font-bold text-noir-sobre text-base mb-1">Frantz Rouzé</p><p class="text-sm text-gris-neutre mb-4">Consultant SEO & Création de site web</p></cite><div class="flex flex-col gap-2 mt-4"><a href="https://frwebdesign.net/" target="_blank" rel="noopener noreferrer" title="Visiter le site de Frantz Rouzé" class="text-sm text-orange-vibrant hover:text-orange-vibrant/80 transition-colors duration-200 hover:underline">🌐 frwebdesign.net</a><a href="https://www.linkedin.com/in/frantz-rouz%C3%A9/" target="_blank" rel="noopener noreferrer" title="Voir le profil LinkedIn de Frantz Rouzé" class="text-sm text-orange-vibrant hover:text-orange-vibrant/80 transition-colors duration-200 hover:underline">🔗 LinkedIn</a></div></div></div></div></div></div></section><section id="booking" class="py-20 bg-blanc-pur"><div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><div class="bg-orange-vibrant/10 rounded-xl max-w-3xl mx-auto p-8 md:p-12 soft-shadow text-center"><h2 class="text-3xl md:text-4xl font-bold mb-4 text-noir-sobre">Prêt à rejoindre la communauté ?</h2><p class="text-muted-foreground mb-6">30 places max – ne rate pas ta place 🔥</p><div class="flex flex-col sm:flex-row gap-6 justify-center mb-6"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-orange-vibrant text-blanc-pur hover:bg-orange-vibrant/90 warm-shadow smooth-transition font-semibold h-11 rounded-md px-6 py-4 text-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-calendar w-5 h-5"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Je réserve ma place</button><a href="https://chat.whatsapp.com/GoXLNuv19v7EEykwuO9PRC?mode=ac_t" target="_blank" rel="noopener noreferrer" aria-label="Rejoindre le groupe WhatsApp" class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-gradient-to-r from-[hsl(var(--whatsapp-1))] to-[hsl(var(--whatsapp-2))] text-blanc-pur smooth-transition hover:brightness-110 font-semibold h-11 rounded-md px-6 py-4 text-lg hover:scale-105 transition-all duration-200 shadow-md"><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"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Rejoindre le groupe WhatsApp</a></div><div class="flex flex-wrap justify-center gap-4 text-sm text-noir-sobre/80"><span>10<!-- --> €</span><span>•</span><span>En présentiel</span><span>•</span><span class="flex items-center gap-1"><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-map-pin w-4 h-4"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg> <!-- -->Mesa Rooftop, 612 Rue de la Chaude Rivière, 59800 Lille</span></div></div></div></section><section id="organizers" class="py-20 bg-gris-clair"><div class="max-w-6xl mx-auto px-4 sm:px-6 md:px-8"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-3xl md:text-5xl font-bold mb-6 text-noir-sobre">Organisateurs experts IA & entrepreneuriat Lille</h2><p class="text-lg text-muted-foreground">Deux entrepreneurs passionnés qui croient au pouvoir des connexions humaines</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-6xl mx-auto"><div class="bg-blanc-pur rounded-2xl p-8 soft-shadow smooth-transition hover:scale-105 hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><div class="text-center mb-6"><img src="/lovable-uploads/4ef8b016-e1af-4fb9-8938-4d81ecd33fd2.png" alt="Sébastien Viez, entrepreneur, formateur ia, co-organisateur de l'événement Lille Leaders Meet" class="w-24 h-24 rounded-full mx-auto mb-4 object-cover ring-4 ring-orange-vibrant/20" loading="lazy" width="96" height="96"/><h3 class="text-2xl font-bold text-noir-sobre mb-1">Sébastien Viez</h3><p class="text-orange-vibrant font-medium">Entrepreneur, formateur IA</p><p class="text-sm text-muted-foreground mt-2">Consultant & formateur en IA Générative | J'accompagne les entreprises et indépendants à intégrer l'IA pour gagner en efficacité | Formations - consulting - ateliers.</p></div><div class="space-y-4"><p class="text-muted-foreground leading-relaxed">Passionné d'innovation et d'intelligence artificielle, j'accompagne les entreprises dans leur transformation numérique.</p><blockquote class="border-l-4 border-orange-vibrant pl-4 py-2 bg-orange-vibrant/5 rounded-r-lg"><p class="text-noir-sobre font-medium italic">"<!-- -->J'organise cet événement pour créer un pont entre les talents locaux et les opportunités d'innovation. Lille mérite sa communauté tech !<!-- -->"</p></blockquote><div class="pt-2"><div class="flex gap-3 mt-4 items-center"><a href="https://www.linkedin.com/in/sebastien-viez-it-web3-ia/" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil LinkedIn de Sébastien Viez" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" fill="#0077B5"></path></svg></a><a href="https://www.instagram.com/sebastien_viez/" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil Instagram de Sébastien Viez" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><defs><radialgradient id="instagram-gradient" cx="0.3" cy="1.1" r="1.5"><stop offset="0%" stop-color="#ffdd55"></stop><stop offset="25%" stop-color="#ff543e"></stop><stop offset="50%" stop-color="#c837ab"></stop><stop offset="100%" stop-color="#4f5bd5"></stop></radialgradient></defs><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" fill="url(#instagram-gradient)"></path></svg></a><a href="https://x.com/ViezSbastien" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil X de Sébastien Viez" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="#000000"></path></svg></a><a href="https://www.tiktok.com/@legadlia" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil TikTok de Sébastien Viez" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z" fill="#25F4EE"></path><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z" fill="#FE2C55"></path><path d="M15.59 6.69A4.83 4.83 0 0 1 12.2 2.44V2h3.45v.44c0 1.24.33 2.37.94 3.25z" fill="#25F4EE"></path><path d="M9.4 9.4v3.5a2.93 2.93 0 0 0-.88-.13 2.89 2.89 0 0 0-2.31 4.64 2.89 2.89 0 0 0 5.2-1.74V2h3.45c.08.85.32 1.64.72 2.31A4.83 4.83 0 0 0 19.35 6.5v3.4A8.16 8.16 0 0 1 14.58 8.4v7A6.34 6.34 0 0 1 3.72 19.4 6.33 6.33 0 0 1 8.4 9.35c.34 0 .67.02 1 .05z" fill="#000"></path></svg></a></div></div></div></div><div class="bg-blanc-pur rounded-2xl p-8 soft-shadow smooth-transition hover:scale-105 hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><div class="text-center mb-6"><img src="/lovable-uploads/678b34ab-5b90-4fa6-88bb-bc853a5d7451.png" alt="Romain Bailleul, entrepreneur, formateur ia, co-organisateur de l'événement Lille Leaders Meet" class="w-24 h-24 rounded-full mx-auto mb-4 object-cover ring-4 ring-orange-vibrant/20" loading="lazy" width="96" height="96"/><h3 class="text-2xl font-bold text-noir-sobre mb-1">Romain Bailleul</h3><p class="text-orange-vibrant font-medium">Entrepreneur, formateur IA</p><p class="text-sm text-muted-foreground mt-2">Marre de prospecter à la main ? Je t'équipe pour vendre pendant que tu dors | IA | Growth | Web3 | TEDx | Top Voice</p></div><div class="space-y-4"><p class="text-muted-foreground leading-relaxed">Expert en IA et no-code, je crois au pouvoir de la collaboration pour accélérer l'innovation dans notre région.</p><blockquote class="border-l-4 border-orange-vibrant pl-4 py-2 bg-orange-vibrant/5 rounded-r-lg"><p class="text-noir-sobre font-medium italic">"<!-- -->Mon objectif ? Rassembler les esprits brillants du Nord autour d'une bière, dans la simplicité et l'authenticité.<!-- -->"</p></blockquote><div class="pt-2"><div class="flex gap-3 mt-4 items-center"><a href="https://www.linkedin.com/in/romain-bailleul/" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil LinkedIn de Romain Bailleul" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" fill="#0077B5"></path></svg></a><a href="https://www.instagram.com/romainb_ai/" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil Instagram de Romain Bailleul" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><defs><radialgradient id="instagram-gradient" cx="0.3" cy="1.1" r="1.5"><stop offset="0%" stop-color="#ffdd55"></stop><stop offset="25%" stop-color="#ff543e"></stop><stop offset="50%" stop-color="#c837ab"></stop><stop offset="100%" stop-color="#4f5bd5"></stop></radialgradient></defs><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" fill="url(#instagram-gradient)"></path></svg></a><a href="https://x.com/romainb_ai" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil X de Romain Bailleul" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="#000000"></path></svg></a><a href="https://www.tiktok.com/@romainb_ai" target="_blank" rel="noopener noreferrer" aria-label="Voir le profil TikTok de Romain Bailleul" class="hover:opacity-80 transition-opacity"><svg width="20" height="20" viewbox="0 0 24 24" fill="none"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z" fill="#25F4EE"></path><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z" fill="#FE2C55"></path><path d="M15.59 6.69A4.83 4.83 0 0 1 12.2 2.44V2h3.45v.44c0 1.24.33 2.37.94 3.25z" fill="#25F4EE"></path><path d="M9.4 9.4v3.5a2.93 2.93 0 0 0-.88-.13 2.89 2.89 0 0 0-2.31 4.64 2.89 2.89 0 0 0 5.2-1.74V2h3.45c.08.85.32 1.64.72 2.31A4.83 4.83 0 0 0 19.35 6.5v3.4A8.16 8.16 0 0 1 14.58 8.4v7A6.34 6.34 0 0 1 3.72 19.4 6.33 6.33 0 0 1 8.4 9.35c.34 0 .67.02 1 .05z" fill="#000"></path></svg></a></div></div></div></div></div></div></section><section id="faq" class="py-20 bg-blanc-pur"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-3xl md:text-5xl font-bold mb-6 text-noir-sobre">FAQ - Questions fréquentes afterwork Lille</h2><p class="text-lg text-muted-foreground">Tout ce que vous devez savoir sur l'événement</p></div><div class="max-w-3xl mx-auto"><div class="w-full space-y-4" data-orientation="vertical"><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R8qc:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:Rqc:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">🧾 Quel est le prix de l'événement ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R8qc:" hidden="" role="region" aria-labelledby="radix-:Rqc:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R9ac:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R1ac:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">📍 Où se déroule exactement l'événement ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R9ac:" hidden="" role="region" aria-labelledby="radix-:R1ac:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:R9qc:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R1qc:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">⏰ À quelle heure faut-il arriver ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:R9qc:" hidden="" role="region" aria-labelledby="radix-:R1qc:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Raac:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R2ac:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">👔 Y a-t-il un dress code ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:Raac:" hidden="" role="region" aria-labelledby="radix-:R2ac:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Raqc:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R2qc:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">📱 Comment échanger avec les autres entrepreneurs ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:Raqc:" hidden="" role="region" aria-labelledby="radix-:R2qc:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Rbac:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R3ac:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">🌧️ Et s'il pleut ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:Rbac:" hidden="" role="region" aria-labelledby="radix-:R3ac:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Rbqc:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R3qc:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">🔁 Puis-je annuler ou transférer ma place ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:Rbqc:" hidden="" role="region" aria-labelledby="radix-:R3qc:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Rcac:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R4ac:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">💬 À qui s'adresse cet événement ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:Rcac:" hidden="" role="region" aria-labelledby="radix-:R4ac:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div><div data-state="closed" data-orientation="vertical" class="border rounded-xl px-6 soft-shadow smooth-transition hover:warm-shadow hover:shadow-lg transition-shadow duration-300 ease-in-out"><h3 data-orientation="vertical" data-state="closed" class="flex"><button type="button" aria-controls="radix-:Rcqc:" aria-expanded="false" data-state="closed" data-orientation="vertical" id="radix-:R4qc:" class="flex flex-1 items-center justify-between transition-all [&[data-state=open]>svg]:rotate-180 hover:no-underline text-left text-base md:text-lg font-semibold py-6" data-radix-collection-item="">🤖 L'acronyme 'LLM' a-t-il un lien avec les modèles d'IA (Large Language Models) ?<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-chevron-down h-4 w-4 shrink-0 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></h3><div data-state="closed" id="radix-:Rcqc:" hidden="" role="region" aria-labelledby="radix-:R4qc:" data-orientation="vertical" class="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"></div></div></div></div><div class="text-center mt-12"><p class="text-muted-foreground">D'autres questions ? N'hésitez pas à nous contacter !</p></div></div></section><section id="map" class="py-20 bg-blanc-pur"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto text-center mb-16"><h2 class="text-3xl md:text-5xl font-bold mb-6 text-noir-sobre">Comment venir ?</h2><p class="text-lg text-muted-foreground mb-8">Rejoignez-nous au rooftop du Mesa, en plein cœur de Lille</p><div class="text-noir-sobre mb-8"><p class="font-semibold">Mesa - Rooftop</p><p>612 Rue de la Chaude Rivière</p><p>59800 Lille, France</p><p class="text-sm text-muted-foreground mt-2"><a href="https://www.google.com/maps/dir/?api=1&destination=612+Rue+de+la+Chaude+Rivière,+59800+Lille" target="_blank" rel="noopener noreferrer" class="underline hover:text-orange-vibrant transition-colors">Voir l'itinéraire sur Google Maps</a></p></div><section class="space-y-8 mt-8"><h3 class="text-xl sm:text-2xl font-semibold text-noir-sobre">🚀 Rejoignez-nous facilement</h3><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 gap-y-6"><div class="bg-blanc-pur border border-gris-border rounded-xl p-6 shadow-sm hover:shadow-md transition-all duration-300 hover:-translate-y-1 flex flex-col gap-4 min-h-[180px]"><div class="flex items-start gap-3"><div class="flex items-center justify-center w-12 h-12 bg-orange-vibrant/10 rounded-full flex-shrink-0"><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-tram-front w-6 h-6 text-orange-vibrant"><rect width="16" height="16" x="4" y="3" rx="2"></rect><path d="M4 11h16"></path><path d="M12 3v8"></path><path d="m8 19-2 3"></path><path d="m18 22-2-3"></path><path d="M8 15h.01"></path><path d="M16 15h.01"></path></svg></div><div class="flex-1"><h3 class="font-semibold text-noir-sobre mb-2">🚇 Métro Ligne 2</h3><p class="text-sm text-muted-foreground">Arrêt La Madeleine (5 min à pied)</p></div></div><a href="https://www.ilevia.fr/cms/institutionnel/itineraire-lille-la-madeleine" target="_blank" rel="noopener noreferrer" aria-label="Calculer mon itinéraire - s'ouvre dans un nouvel onglet" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-9 rounded-md px-3 self-start hover:scale-105 transition-transform duration-200">Calculer mon itinéraire</a></div><div class="bg-blanc-pur border border-gris-border rounded-xl p-6 shadow-sm hover:shadow-md transition-all duration-300 hover:-translate-y-1 flex flex-col gap-4 min-h-[180px]"><div class="flex items-start gap-3"><div class="flex items-center justify-center w-12 h-12 bg-orange-vibrant/10 rounded-full flex-shrink-0"><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-car w-6 h-6 text-orange-vibrant"><path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"></path><circle cx="7" cy="17" r="2"></circle><path d="M9 17h6"></path><circle cx="17" cy="17" r="2"></circle></svg></div><div class="flex-1"><h3 class="font-semibold text-noir-sobre mb-2">🚗 Parking</h3><p class="text-sm text-muted-foreground">Places disponibles au Mesa (réservation recommandée)</p></div></div><a href="https://business.bepark.eu/visitors/mesa-parking-shake-2-mesa-temporaire/9f5da864-f4a2-41b8-b01d-16d19bdf2b43" target="_blank" rel="noopener noreferrer" aria-label="Réserver mon parking - s'ouvre dans un nouvel onglet" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-secondary text-secondary-foreground hover:bg-secondary/80 h-9 rounded-md px-3 self-start hover:scale-105 transition-transform duration-200">Réserver mon parking</a></div><div class="bg-blanc-pur border border-gris-border rounded-xl p-6 shadow-sm hover:shadow-md transition-all duration-300 hover:-translate-y-1 flex flex-col gap-4 min-h-[180px]"><div class="flex items-start gap-3"><div class="flex items-center justify-center w-12 h-12 bg-orange-vibrant/10 rounded-full flex-shrink-0"><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-plane w-6 h-6 text-orange-vibrant"><path d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"></path></svg></div><div class="flex-1"><h3 class="font-semibold text-noir-sobre mb-2">🚁 Hélicoptère</h3><p class="text-sm text-muted-foreground">Piste non homologuée… mais on vous fera une place sur le rooftop 😎</p></div></div></div></div></section></div><div class="max-w-4xl mx-auto"><div class="rounded-xl overflow-hidden soft-shadow"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2529.5419997806095!2d3.077386476863245!3d50.64638287165944!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c2d55bc4e5a9d7%3A0x6c34f5e4b8c3e34f!2sMesa%20Lille%20Madeleine!5e0!3m2!1sfr!2sfr!4v1700000000000!5m2!1sfr!2sfr" width="100%" height="350" style="border:0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" aria-label="Carte Google Maps de Mesa Lille Madeleine"></iframe></div></div></div></section><section id="partners" class="py-16 bg-gris-clair"><div class="container mx-auto px-4"><div class="text-center mb-12"><h2 class="text-3xl md:text-4xl font-bold text-foreground mb-4">Ils nous soutiennent</h2><p class="text-lg text-muted-foreground">Un grand merci aux acteurs locaux et partenaires qui rendent ce rendez-vous possible.</p></div><div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-6 items-center justify-items-center"><div class="group"><a href="https://www.mesa-lille.fr/" target="_blank" rel="dofollow" class="block transition-all duration-300 hover:scale-110 active:scale-95" title="Visiter le site de Mesa Lille"><img src="/lovable-uploads/63b2f86a-42fb-48c2-989c-e0f040b8e0f0.png" alt="Logo Mesa Lille" class="max-h-16 w-auto object-contain filter grayscale opacity-70 group-hover:filter-none group-hover:opacity-100 transition-all duration-300" loading="lazy"/></a></div><div class="group"><a href="https://naditek.fr/" target="_blank" rel="dofollow" class="block transition-all duration-300 hover:scale-110 active:scale-95" title="Visiter le site de Naditek"><img src="/lovable-uploads/4b28437b-8d9c-4839-b40a-02c7faa44fc6.png" alt="Logo Naditek" class="max-h-16 w-auto object-contain filter grayscale opacity-70 group-hover:filter-none group-hover:opacity-100 transition-all duration-300" loading="lazy"/></a></div><div class="group"><a href="https://www.la-mine.io/" target="_blank" rel="dofollow" class="block transition-all duration-300 hover:scale-110 active:scale-95" title="Visiter le site de La Mine"><img src="/lovable-uploads/2511f3f6-6769-48e7-8500-1f9d672c6e97.png" alt="Logo La Mine" class="max-h-16 w-auto object-contain filter grayscale opacity-70 group-hover:filter-none group-hover:opacity-100 transition-all duration-300" loading="lazy"/></a></div></div></div></section><section id="community" class="py-20 bg-gris-clair"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto"><div class="bg-blanc-pur rounded-2xl p-8 md:p-12 soft-shadow text-center"><div class="mb-8"><div class="w-20 h-20 bg-orange-vibrant/10 rounded-full flex items-center justify-center mx-auto 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-message-circle w-10 h-10 text-orange-vibrant"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></div><h2 class="text-3xl md:text-4xl font-bold mb-4 text-noir-sobre">Envie de rester connecté après l'événement ?</h2><p class="text-lg text-muted-foreground mb-8">Rejoignez notre groupe WhatsApp pour continuer les échanges, partager des opportunités et rester informé des prochains événements.</p></div><div class="grid md:grid-cols-3 gap-6 mb-8"><div class="text-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-users w-8 h-8 text-orange-vibrant mx-auto mb-2"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><h3 class="font-semibold text-noir-sobre mb-1">Réseau actif</h3><p class="text-sm text-muted-foreground">Entrepreneurs et innovateurs</p></div><div class="text-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-heart w-8 h-8 text-orange-vibrant mx-auto mb-2"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg><h3 class="font-semibold text-noir-sobre mb-1">Entraide</h3><p class="text-sm text-muted-foreground">Conseils et collaborations</p></div><div class="text-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-message-circle w-8 h-8 text-orange-vibrant mx-auto mb-2"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg><h3 class="font-semibold text-noir-sobre mb-1">Échanges</h3><p class="text-sm text-muted-foreground">Discussions continues</p></div></div><a href="https://chat.whatsapp.com/GoXLNuv19v7EEykwuO9PRC?mode=ac_t" target="_blank" rel="noopener noreferrer" aria-label="Rejoindre le groupe WhatsApp" class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 bg-gradient-to-r from-[hsl(var(--whatsapp-1))] to-[hsl(var(--whatsapp-2))] text-blanc-pur smooth-transition hover:brightness-110 font-semibold h-11 rounded-md px-8 py-4 text-lg hover:scale-105 transition-all duration-200 shadow-md"><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"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Rejoindre le groupe WhatsApp</a><p class="text-sm text-muted-foreground mt-4">Accès gratuit • Communauté bienveillante • Zéro spam</p></div></div></div></section></main><footer class="bg-noir-intense text-blanc-pur/90 py-12"><div class="max-w-7xl mx-auto px-4"><div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8"><div><h3 class="text-xl font-bold mb-4 text-blanc-pur">Lille Leaders Meet</h3><p class="text-sm md:text-base mb-4 leading-relaxed">Lille Leaders Meet est une communauté de passionnés d'innovation, de tech et de no-code à Lille.</p><p class="text-xs text-blanc-pur/90">© Lille Leaders Meet – 2025</p></div><div><h4 class="text-lg font-semibold mb-4 text-blanc-pur">Navigation</h4><nav class="space-y-3"><a href="#map" class="flex items-center gap-2 text-sm hover:text-blanc-pur transition-colors p-2 min-h-[44px]"><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-map-pin w-4 h-4" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Plan d'accès</a><a href="#faq" class="flex items-center gap-2 text-sm hover:text-blanc-pur transition-colors p-2 min-h-[44px]"><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-help w-4 h-4" 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>FAQ</a><a href="https://lu.ma/x8525twv" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-sm hover:text-blanc-pur transition-colors p-2 min-h-[44px]"><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-calendar w-4 h-4" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Réserver</a><a href="#about" class="flex items-center gap-2 text-sm hover:text-blanc-pur transition-colors p-2 min-h-[44px]"><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-user w-4 h-4" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>À propos</a></nav></div><div><h4 class="text-lg font-semibold mb-4 text-blanc-pur">Réseaux & Contact</h4><div class="space-y-3"><a href="https://www.linkedin.com/company/lille-leaders-meet/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-sm hover:text-blanc-pur transition-colors p-2 min-h-[44px]"><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-linkedin w-4 h-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>LinkedIn</a><a href="https://chat.whatsapp.com/GoXLNuv19v7EEykwuO9PRC?mode=ac_t" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-sm hover:text-blanc-pur transition-colors p-2 min-h-[44px]"><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-4 h-4" aria-hidden="true"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>Groupe WhatsApp</a></div></div></div><div class="border-t border-blanc-pur/10 pt-6 mt-8 text-center"><p class="text-xs text-blanc-pur/90">Fait avec ❤️ par<!-- --> <a href="https://romaibailleul.lovable.app/" target="_blank" rel="noopener" class="underline hover:text-blanc-pur/90 font-medium transition-colors">Romain Bailleul</a></p></div></div></footer></div></div>
</body>
</html>
