/
body {
font-family: ‘Montserrat’, sans-serif;
background-color: var(–color-secondary);
color: #e5e7eb;
scroll-behavior: smooth;
}
/* Cinematic Gradient Glow for Hero */
.hero-bg {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(15, 23, 42, 0.8) 100%), var(--color-secondary);
position: relative;
overflow: hidden;
}
.hero-bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle at 50% 10%, rgba(30, 64, 255, 0.15) 0%, transparent 50%);
pointer-events: none;
z-index: 0;
}
.premium-card {
background-color: rgba(30, 41, 59, 0.6); /* Slate/Glass effect */
backdrop-filter: blur(10px);
border: 1px solid rgba(49, 100, 235, 0.3);
transition: all 0.3s ease;
}
.premium-card:hover {
border-color: var(--color-primary);
box-shadow: 0 0 30px rgba(30, 64, 255, 0.2);
transform: translateY(-4px);
}
.cta-button {
background-color: var(--color-primary);
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: var(--color-accent);
}
.countdown-digit {
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 2.5rem;
line-height: 1;
color: var(--color-primary);
}
.logo-filter {
filter: brightness(0) invert(1) grayscale(100%);
opacity: 0.5;
transition: opacity 0.3s;
}
.logo-filter:hover {
opacity: 1;
}
</style><!-- Navigation Header -->
<header class="sticky top-0 z-50 bg-black/80 backdrop-blur-md border-b border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
<a href="#" class="text-xl font-black tracking-widest text-white uppercase">
SWC 2026 <span class="text-blue-500 font-extralight text-sm">/ Barcelona</span>
</a>
<nav class="hidden lg:flex space-x-8 text-sm font-medium">
<a href="#about" class="text-gray-400 hover:text-white transition duration-200">The Vision</a>
<a href="#agenda" class="text-gray-400 hover:text-white transition duration-200">Agenda</a>
<a href="#venue" class="text-gray-400 hover:text-white transition duration-200">Venue</a>
<a href="#partners" class="text-gray-400 hover:text-white transition duration-200">Partners</a>
</nav>
<a href="#contact" class="hidden lg:inline-flex items-center px-4 py-2 border border-blue-600 text-sm font-medium rounded-full text-blue-400 hover:bg-blue-600 hover:text-white transition duration-300">
Register Interest
</a>
<button class="lg:hidden p-2 text-gray-400 hover:text-white">
<i data-lucide="menu" class="w-6 h-6"></i>
</button>
</div>
</header>
<main>
<!-- 1. Hero Section - Cinematic Landing -->
<section class="hero-bg pt-24 pb-32 text-center" aria-label="Event Hero and Countdown">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<p class="text-lg font-semibold text-blue-400 mb-4 tracking-wider">
SPORTS WORLD CONGRESS 2026
</p>
<h1 class="text-6xl md:text-8xl font-black text-white leading-tight mb-8">
Shaping the Future of Stadiums.
</h1>
<p class="text-xl text-gray-400 max-w-3xl mx-auto mb-10">
Driving Real Business Impact through Architectural Innovation, Sustainability, and AI.
</p>
<!-- Countdown Clock (Reinvented) -->
<div class="flex justify-center space-x-6 mb-12">
<div class="flex flex-col items-center">
<span class="countdown-digit">069</span>
<span class="text-xs uppercase tracking-widest text-gray-500 mt-1">Days</span>
</div>
<div class="text-blue-600 text-5xl">:</div>
<div class="flex flex-col items-center">
<span class="countdown-digit">05</span>
<span class="text-xs uppercase tracking-widest text-gray-500 mt-1">Hours</span>
</div>
<div class="text-blue-600 text-5xl">:</div>
<div class="flex flex-col items-center">
<span class="countdown-digit">45</span>
<span class="text-xs uppercase tracking-widest text-gray-500 mt-1">Minutes</span>
</div>
<div class="text-blue-600 text-5xl">:</div>
<div class="flex flex-col items-center">
<span class="countdown-digit">25</span>
<span class="text-xs uppercase tracking-widest text-gray-500 mt-1">Seconds</span>
</div>
</div>
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
<a href="#" class="cta-button inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-bold rounded-full text-white shadow-lg shadow-blue-500/50">
Secure Your Access <i data-lucide="arrow-right" class="w-5 h-5 ml-2"></i>
</a>
<a href="https://sportsworldcongress.com/wp-content/uploads/2025/10/SWC-2026.pdf" download class="inline-flex items-center justify-center px-8 py-3 text-base font-semibold rounded-full text-blue-400 border border-gray-700 hover:border-blue-500 transition duration-300">
Download Brochure (PDF)
</a>
</div>
<div class="mt-16 text-center">
<span class="text-sm font-semibold text-gray-500 uppercase tracking-widest mr-4">Location:</span>
<span class="text-white text-lg font-bold">BARCELONA, RCDE STADIUM</span>
<span class="text-gray-600 mx-4">|</span>
<span class="text-sm font-semibold text-gray-500 uppercase tracking-widest mr-4">Date:</span>
<span class="text-white text-lg font-bold">2 – 3 FEBRUARY 2026</span>
</div>
</div>
</section>
<!-- 2. The Vision & Positioning - Grid Layout -->
<section id="about" class="py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-16 items-center">
<div class="space-y-6">
<p class="text-sm font-bold uppercase tracking-widest text-blue-400">Our Mandate</p>
<h2 class="text-5xl font-extrabold text-white leading-snug">
The Global Hub for Stadium <span class="text-blue-500">Decision-Makers.</span>
</h2>
<p class="text-gray-400 text-lg">
The Sports World Congress is the exclusive B2B meeting point convening global leaders in architecture, venue management, smart city planning, and sports innovation. We don't just discuss change; we forge the strategic alliances necessary to design the next generation of mega-events.
</p>
<p class="text-gray-300 border-l-4 border-blue-500 pl-4 italic">
"SWC is more than a congress. It's a platform to create real business, build strategic alliances and design the future of stadiums."
</p>
<ul class="space-y-4 pt-4">
<li class="flex items-start">
<i data-lucide="building" class="w-6 h-6 text-blue-500 flex-shrink-0 mr-3 mt-1"></i>
<span class="text-gray-300 font-semibold">High-level B2B Meetings:</span> Strategic networking among decision-makers from over 50 international stadiums and arenas.
</li>
<li class="flex items-start">
<i data-lucide="award" class="w-6 h-6 text-blue-500 flex-shrink-0 mr-3 mt-1"></i>
<span class="text-gray-300 font-semibold">Future-Forward Forums:</span> Conferences focused on innovation, sustainability, business transformation, and AI integration.
</li>
<li class="flex items-start">
<i data-lucide="globe-lock" class="w-6 h-6 text-blue-500 flex-shrink-0 mr-3 mt-1"></i>
<span class="text-gray-300 font-semibold">Unique Cultural Immersion:</span> Experience premium networking events in Barcelona, a global capital for sport, technology, and culture.
</li>
</ul>
</div>
<!-- Placeholder for large visual asset or rendering -->
<div class="h-[400px] bg-gray-900 rounded-xl shadow-2xl border border-gray-800 flex items-center justify-center p-6">
<div class="text-center">
<i data-lucide="monitor-play" class="w-16 h-16 text-gray-600 mb-4 mx-auto"></i>
<p class="text-gray-500">Architectural Rendering Placeholder / Visual Storytelling</p>
</div>
</div>
</div>
</section>
<!-- 3. Key Impact Metrics / Recognition -->
<section class="py-20 bg-gray-900 border-t border-b border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-3xl font-bold text-center text-white mb-12">Global Impact & Official Recognition</h2>
<div class="grid md:grid-cols-4 gap-8 text-center">
<!-- Metric 1: Sporting Impact -->
<div class="premium-card p-6 rounded-lg">
<i data-lucide="trophy" class="w-8 h-8 text-blue-500 mx-auto mb-3"></i>
<p class="text-2xl font-black text-white">Sporting Influence</p>
<p class="text-gray-400 mt-2 text-sm">Participation of 50+ iconic global stadiums and arenas.</p>
</div>
<!-- Metric 2: Technological Impact -->
<div class="premium-card p-6 rounded-lg">
<i data-lucide="chip" class="w-8 h-8 text-blue-500 mx-auto mb-3"></i>
<p class="text-2xl font-black text-white">Tech Alliance</p>
<p class="text-gray-400 mt-2 text-sm">Co-located with ISE Barcelona (85,000+ AV/Tech professionals).</p>
</div>
<!-- Metric 3: Architectural Impact -->
<div class="premium-card p-6 rounded-lg">
<i data-lucide="construction" class="w-8 h-8 text-blue-500 mx-auto mb-3"></i>
<p class="text-2xl font-black text-white">Urban Vision</p>
<p class="text-gray-400 mt-2 text-sm">Officially recognized by Barcelona 2026 World Capital of Architecture.</p>
</div>
<!-- Metric 4: Geopolitical Impact -->
<div class="premium-card p-6 rounded-lg">
<i data-lucide="map" class="w-8 h-8 text-blue-500 mx-auto mb-3"></i>
<p class="text-2xl font-black text-white">Host Nation Focus</p>
<p class="text-gray-400 mt-2 text-sm">Deep dive into the preparation strategy of Spain, Portugal, and Morocco.</p>
</div>
</div>
<div class="mt-16 text-center">
<h3 class="text-xl font-semibold text-white mb-4">Supported by the European Union</h3>
<div class="h-10 w-full max-w-xl mx-auto bg-gray-800 rounded-lg flex items-center justify-center border border-gray-700">
<span class="text-gray-500 text-sm">EU NextGen / Catalan Government Support Placeholder</span>
</div>
</div>
</div>
</section>
<!-- 4. Thematic Focus: AI & Innovation -->
<section id="agenda" class="py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center max-w-4xl mx-auto mb-16">
<p class="text-sm font-bold uppercase tracking-widest text-blue-400">2026 Focus</p>
<h2 class="text-6xl font-black text-white mb-4">
AI: Building the Future Together
</h2>
<p class="text-gray-400 text-lg mt-4">
Artificial Intelligence will be the main transversal theme across all sessions. We explore how AI revolutionizes every phase of the stadium lifecycle.
</p>
</div>
<div class="grid lg:grid-cols-3 gap-10">
<!-- Forum 1: STADIUM FORUM -->
<div class="premium-card p-8 rounded-xl">
<i data-lucide="ruler" class="w-8 h-8 text-blue-500 mb-4"></i>
<h3 class="text-3xl font-extrabold text-white mb-3">Stadium Forum</h3>
<p class="text-gray-400 mb-6">Deep technical and economic debates on design, construction, and modernization.</p>
<ul class="space-y-2 text-gray-500 text-sm">
<li>— Innovation in Materials & Structures</li>
<li>— Fan Experience & Digitalization</li>
<li>— Security & Operations Logistics</li>
</ul>
</div>
<!-- Forum 2: IMPACT FORUM -->
<div class="premium-card p-8 rounded-xl">
<i data-lucide="trending-up" class="w-8 h-8 text-blue-500 mb-4"></i>
<h3 class="text-3xl font-extrabold text-white mb-3">Impact Forum</h3>
<p class="text-gray-400 mb-6">Focus on legacy, sustainability, and positive urban transformation by major events.</p>
<ul class="space-y-2 text-gray-500 text-sm">
<li>— Sustainability & Green Certifications</li>
<li>— Job Creation & Economic Modeling</li>
<li>— City Integration & Infrastructure</li>
</ul>
</div>
<!-- Forum 3: PREMIUM NETWORKING -->
<div class="premium-card p-8 rounded-xl">
<i data-lucide="user-plus" class="w-8 h-8 text-blue-500 mb-4"></i>
<h3 class="text-3xl font-extrabold text-white mb-3">Premium Networking</h3>
<p class="text-gray-400 mb-6">Curated 1:1 meetings, exclusive dinners, and access to the wider tech ecosystem.</p>
<ul class="space-y-2 text-gray-500 text-sm">
<li>— B2B Matchmaking Sessions</li>
<li>— Exclusive ISE Barcelona Access</li>
<li>— Iconic Barcelona Venues Experience</li>
</ul>
</div>
</div>
<div class="mt-16 text-center">
<a href="#" class="inline-flex text-blue-400 hover:text-white font-semibold group">
View Full 2025 Program (Reference)
<i data-lucide="chevron-right" class="w-5 h-5 ml-2 transition-transform group-hover:translate-x-1"></i>
</a>
</div>
</section>
<!-- 5. Venue Showcase: RCDE Stadium -->
<section id="venue" class="py-24 bg-gray-900 border-t border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-12 items-center">
<!-- Venue Content -->
<div class="space-y-6">
<p class="text-sm font-bold uppercase tracking-widest text-blue-400">The Stage</p>
<h2 class="text-5xl font-black text-white">
RCD Stadium: <span class="text-blue-500">Host Venue 2026</span>
</h2>
<p class="text-lg text-gray-400">
Recognized globally and awarded as 'Best Stadium of the Year', the RCD Stadium provides a dynamic backdrop for SWC 2026. This venue perfectly embodies the fusion of sport, sustainability, and architectural ingenuity that defines our mission.
</p>
<div class="grid grid-cols-2 gap-6 pt-6">
<div>
<h4 class="text-xl font-semibold text-white mb-2">Capacity & Design</h4>
<p class="text-gray-400 text-sm">40,000 seats, designed with maximum sustainability and innovation in mind.</p>
</div>
<div>
<h4 class="text-xl font-semibold text-white mb-2">Location Advantages</h4>
<p class="text-gray-400 text-sm">Prime accessibility, only 20-25 mins from El Prat Airport (BCN).</p>
</div>
</div>
<div class="pt-6">
<h4 class="text-xl font-semibold text-white mb-3">Transportation Access</h4>
<p class="text-gray-400 text-sm">
<strong>Address:</strong> Avinguda del Baix LLobregat 100, Cornellà del LLobregat, Barcelona.
<span class="block mt-2">
<span class="font-bold text-blue-300">Metro:</span> Cornellà Centre |
<span class="font-bold text-blue-300">Renfe:</span> R4/R7 Cornellà
</span>
</p>
</div>
</div>
<!-- Venue Image Placeholder -->
<div class="h-[500px] bg-gray-800 rounded-xl shadow-2xl border border-gray-700 flex items-center justify-center overflow-hidden">
<div class="text-center">
<i data-lucide="map-pin" class="w-16 h-16 text-blue-600 mb-4 mx-auto"></i>
<p class="text-gray-500">RCDE Stadium Architectural Image Placeholder</p>
</div>
</div>
</div>
</div>
</section>
<!-- 6. Speaker Showcase - Modular Cards -->
<section id="speakers" class="py-24 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-black text-white text-center mb-4">Visionary Speakers</h2>
<p class="text-lg text-gray-400 text-center max-w-2xl mx-auto mb-16">
Meet the global experts, architects, and industry leaders driving the conversation forward. (Speakers from 2025 edition shown as reference).
</p>
<div class="grid sm:grid-cols-2 md:grid-cols-4 gap-6">
<!-- Speaker Card Template -->
<div class="premium-card p-6 rounded-xl text-center">
<div class="w-24 h-24 bg-gray-700 rounded-full mx-auto mb-4 flex items-center justify-center">
<i data-lucide="user" class="w-10 h-10 text-gray-400"></i>
</div>
<h4 class="text-xl font-semibold text-white">Dr. Elias Vance</h4>
<p class="text-sm text-blue-400">Chief Innovation Officer</p>
<p class="text-xs text-gray-500 mt-1">Global Stadium Group</p>
</div>
<!-- Repeat 3 more times for visual hierarchy -->
<div class="premium-card p-6 rounded-xl text-center">
<div class="w-24 h-24 bg-gray-700 rounded-full mx-auto mb-4 flex items-center justify-center">
<i data-lucide="user" class="w-10 h-10 text-gray-400"></i>
</div>
<h4 class="text-xl font-semibold text-white">Sofia Torres</h4>
<p class="text-sm text-blue-400">Head of Architecture</p>
<p class="text-xs text-gray-500 mt-1">Urban Development Collective</p>
</div>
<div class="premium-card p-6 rounded-xl text-center">
<div class="w-24 h-24 bg-gray-700 rounded-full mx-auto mb-4 flex items-center justify-center">
<i data-lucide="user" class="w-10 h-10 text-gray-400"></i>
</div>
<h4 class="text-xl font-semibold text-white">Kenji Ito</h4>
<p class="text-sm text-blue-400">AI & Venue Optimization</p>
<p class="text-xs text-gray-500 mt-1">Tech Solutions EMEA</p>
</div>
<div class="premium-card p-6 rounded-xl text-center">
<div class="w-24 h-24 bg-gray-700 rounded-full mx-auto mb-4 flex items-center justify-center">
<i data-lucide="user" class="w-10 h-10 text-gray-400"></i>
</div>
<h4 class="text-xl font-semibold text-white">Ahmed Almas</h4>
<p class="text-sm text-blue-400">Sustainable Event Planning</p>
<p class="text-xs text-gray-500 mt-1">Morocco 2030 Committee</p>
</div>
</div>
<div class="text-center mt-12">
<a href="#" class="inline-flex items-center px-6 py-3 border border-gray-700 text-base font-medium rounded-full text-white hover:border-blue-500 transition duration-300">
See More Speakers (Coming Soon)
<i data-lucide="users" class="w-5 h-5 ml-2"></i>
</a>
</div>
</section>
<!-- 7. Partner Ecosystem - High-Density Grid -->
<section id="partners" class="py-24 bg-gray-900 border-t border-b border-gray-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 class="text-4xl font-black text-white text-center mb-12">Our Global Ecosystem</h2>
<p class="text-lg text-gray-400 text-center max-w-3xl mx-auto mb-16">
A network of leading companies, technology providers, and media partners who power the next era of major events and venue development.
</p>
<!-- Partner Grid (Using placeholders for premium aesthetic) -->
<div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-8 items-center justify-center">
<!-- Partner Logo Template (2025 Partners listed) -->
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">MICROSOFT</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">FIGUERAS</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">SONO</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">HOWDEN</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">PHILIPS</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">SIGNIFY</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">LEGENDS</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">LED DREAM</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">DIARIO SPORT</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">ISE 2025</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">CCB</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">BARCELONA TURISME</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">UNILUMIN</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">MULTIVISION</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">ROYALVERD</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">DELTACAST</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">IDSPORTS</div>
<div class="h-16 w-full bg-gray-800 rounded-lg logo-filter flex items-center justify-center text-sm font-semibold text-gray-500 p-2">VIZRT</div>
</div>
</div>
</section>
<!-- 8. Contact/CTA Form - Conversion Focus -->
<section id="contact" class="py-24 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="premium-card p-10 md:p-16 rounded-3xl">
<h2 class="text-4xl font-black text-white text-center mb-4">
Be Part of SWC 2026
</h2>
<p class="text-lg text-gray-400 text-center mb-10">
Connect with the organizing team to discuss partnership opportunities, delegate access, or media inquiries.
</p>
<form class="space-y-6">
<div class="grid md:grid-cols-2 gap-6">
<div class="space-y-2">
<label for="name" class="block text-sm font-semibold text-gray-300">Full Name</label>
<input type="text" id="name" name="form_fields[name]" placeholder="Name and Surname" required class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:ring-blue-500 focus:border-blue-500">
</div>
<div class="space-y-2">
<label for="email" class="block text-sm font-semibold text-gray-300">E-MAIL</label>
<input type="email" id="email" name="form_fields[email]" placeholder="e-mail" required class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:ring-blue-500 focus:border-blue-500">
</div>
</div>
<div class="space-y-2">
<label for="organization" class="block text-sm font-semibold text-gray-300">ORGANIZATION NAME</label>
<input type="text" id="organization" name="form_fields[field_0fa7dde]" placeholder="Type the name of your organization" required class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:ring-blue-500 focus:border-blue-500">
</div>
<div class="space-y-2">
<label for="message" class="block text-sm font-semibold text-gray-300">MESSAGE</label>
<textarea id="message" name="form_fields[message]" rows="4" placeholder="Please explain your interest and in which day or days would you like to participate." required class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:ring-blue-500 focus:border-blue-500"></textarea>
</div>
<div class="space-y-3 pt-4">
<div class="flex items-start">
<input type="checkbox" id="acceptance1" required checked class="h-4 w-4 text-blue-600 bg-gray-800 border-gray-600 rounded mt-1 focus:ring-blue-500">
<label for="acceptance1" class="ml-3 text-sm text-gray-400">
I accept that the local organizing team of SWC can contact me to provide me information.
</label>
</div>
<div class="flex items-start">
<input type="checkbox" id="acceptance2" required checked class="h-4 w-4 text-blue-600 bg-gray-800 border-gray-600 rounded mt-1 focus:ring-blue-500">
<label for="acceptance2" class="ml-3 text-sm text-gray-400">
I accept to receive information related to organization of the event and the commercial opportunities.
</label>
</div>
</div>
<button type="submit" class="cta-button w-full flex items-center justify-center px-8 py-3 mt-6 border border-transparent text-base font-bold rounded-full text-white shadow-lg">
SEND INQUIRY
</button>
</form>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-black border-t border-gray-800 py-12">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid md:grid-cols-3 gap-8 border-b border-gray-800 pb-8 mb-8">
<div>
<h3 class="text-xl font-black tracking-widest text-white uppercase mb-4">
SWC 2026
</h3>
<p class="text-sm text-gray-500">
Global platform for major event development, stadium architecture, and smart technology integration. Barcelona, Feb 2026.
</p>
</div>
<div>
<h4 class="text-lg font-semibold text-white mb-4">Quick Links</h4>
<ul class="space-y-2 text-sm">
<li><a href="#about" class="text-gray-400 hover:text-blue-400">About the Congress</a></li>
<li><a href="#agenda" class="text-gray-400 hover:text-blue-400">Agenda & Forums</a></li>
<li><a href="#speakers" class="text-gray-400 hover:text-blue-400">Speakers</a></li>
<li><a href="#contact" class="text-gray-400 hover:text-blue-400">Contact Partnership Team</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold text-white mb-4">Follow the Journey</h4>
<div class="flex space-x-4">
<a href="https://www.instagram.com/sportsworldbcn/" target="_blank" class="text-gray-400 hover:text-blue-400">
<i data-lucide="instagram" class="w-6 h-6"></i>
</a>
<a href="https://www.linkedin.com/showcase/sportsworldcongress/about/" target="_blank" class="text-gray-400 hover:text-blue-400">
<i data-lucide="linkedin" class="w-6 h-6"></i>
</a>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row justify-between items-center text-xs text-gray-500">
<p>© 2024 SPORTS WORLD CONGRESS. All Rights Reserved.</p>
<div class="space-x-4 mt-2 sm:mt-0">
<a href="./cookies/" class="hover:text-white">Cookies Policy</a>
<span class="text-gray-700">|</span>
<a href="https://sportsworldcongress.com/privacy-policy/" class="hover:text-white">Privacy Policy</a>
<span class="text-gray-700">|</span>
<a href="https://dinamon.com" class="hover:text-white">Powered by Dinamon</a>
</div>
</div>
</div>
</footer>
<script>
lucide.createIcons();
</script>