<!DOCTYPE html>
<html lang="pl" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WallStreet Startupy 2026 | 29 Maja 2026</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<script src="https://unpkg.com/lucide@latest"></script>
<style>
:root {
--ws-blue-dark: #002D5A;
--ws-cyan-bright: #2EB6E8;
--ws-blue-mid: #1A8DBA;
}
body {
font-family: 'Plus Jakarta Sans', sans-serif;
background-color: #ffffff;
color: var(--ws-blue-dark);
overflow-x: hidden;
}
.text-ws-cyan { color: var(--ws-cyan-bright); }
.bg-ws-cyan { background-color: var(--ws-cyan-bright); }
.btn-gradient {
background: linear-gradient(135deg, #2EB6E8 0%, #1A8DBA 40%, #002D5A 100%);
background-size: 200% auto;
color: white;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-gradient:hover {
background-position: right center;
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(46, 182, 232, 0.3);
}
.section-header {
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.01em;
}
.card-shadow {
box-shadow: 0 20px 50px rgba(0, 45, 90, 0.1);
border: 1px solid rgba(0, 45, 90, 0.05);
}
.speaker-photo {
filter: grayscale(100%);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.speaker-card:hover .speaker-photo {
filter: grayscale(0%);
transform: scale(1.08);
}
.speaker-card {
transition: all 0.4s ease;
}
.speaker-card:hover {
transform: translateY(-10px);
}
.bg-subtle {
background-image: radial-gradient(var(--ws-cyan-bright) 0.5px, transparent 0.5px);
background-size: 40px 40px;
opacity: 0.05;
}
</style>
</head>
<body class="antialiased">
<!-- Nawigacja -->
<nav class="fixed w-full z-50 bg-white/95 backdrop-blur-md border-b border-slate-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between h-20 items-center">
<div class="flex items-center space-x-4">
<!-- Oficjalny Logotyp -->
<img src="Logotyp%20wallstreet%20startupy2.jpg" alt="WallStreet Startupy" class="h-12 w-auto object-contain" onerror="this.src='https://ui-avatars.com/api/?name=WallStreet+Startupy&background=002D5A&color=fff'">
<div class="hidden sm:block h-8 w-px bg-slate-200"></div>
<div class="hidden sm:flex flex-col">
<span class="text-[10px] font-black tracking-[0.3em] text-ws-cyan uppercase">Konferencja</span>
<span class="text-[9px] font-bold text-slate-400 uppercase">Karpacz 2026</span>
</div>
</div>
<div class="hidden md:flex space-x-10 text-[11px] font-bold uppercase tracking-widest items-center">
<a href="#o-wydarzeniu" class="hover:text-ws-cyan transition-colors">O wydarzeniu</a>
<a href="#eksperci" class="hover:text-ws-cyan transition-colors">Eksperci</a>
<a href="#organizatorzy" class="hover:text-ws-cyan transition-colors">Organizatorzy</a>
<a href="https://app.evenea.pl/event/wallstreetstartupy/" target="_blank" class="btn-gradient px-8 py-3 rounded-full font-extrabold shadow-lg">Bilety</a>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<header class="relative pt-52 pb-32 overflow-hidden bg-white text-center">
<div class="absolute inset-0 bg-subtle"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="inline-flex items-center space-x-2 bg-slate-50 border border-slate-200 px-5 py-2 rounded-full mb-12 shadow-sm">
<span class="w-2 h-2 bg-ws-cyan rounded-full animate-pulse"></span>
<span class="text-[11px] font-bold uppercase tracking-[0.2em] text-slate-600">Jubileuszowa 30. Edycja WallStreet</span>
</div>
<h1 class="text-6xl md:text-[8rem] font-black mb-10 tracking-tighter leading-[0.8] text-slate-900">
WALLSTREET <br>
<span class="text-ws-cyan">STARTUPY 2026</span>
</h1>
<p class="text-xl md:text-2xl text-slate-500 max-w-4xl mx-auto mb-16 font-medium leading-relaxed">
Piątek, 29 maja 2026 r. — Karpacz <br>
<span class="text-slate-400 font-normal text-lg mt-4 block">Największe w Polsce spotkanie inwestorów, w tym aniołów biznesu, startupowców i przedsiębiorców.</span>
</p>
<div class="flex justify-center">
<a href="#o-wydarzeniu" class="w-14 h-14 flex items-center justify-center bg-white rounded-full card-shadow hover:text-ws-cyan transition-all animate-bounce">
<i data-lucide="chevron-down" class="w-6 h-6"></i>
</a>
</div>
</div>
</header>
<!-- Sekcja O Wydarzeniu -->
<section id="o-wydarzeniu" class="py-28 bg-slate-50 border-y border-slate-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid lg:grid-cols-2 gap-24 items-center">
<div class="space-y-8">
<div class="inline-block px-4 py-1 bg-ws-cyan/10 text-ws-cyan rounded text-[11px] font-black uppercase tracking-widest">Misja wydarzenia</div>
<h2 class="text-4xl font-black text-slate-900 leading-tight tracking-tight uppercase">Łączymy technologię <br>z realnym kapitałem</h2>
<p class="text-slate-600 leading-relaxed text-xl font-light">
Tegoroczna, 30. edycja WallStreet, ze względu na swój jubileuszowy charakter, zgromadzi <strong class="text-slate-900 font-bold underline decoration-ws-cyan decoration-4">ponad 2000 uczestników</strong>.
</p>
<p class="text-slate-500 leading-relaxed">
Tworzymy przestrzeń dedykowaną nowoczesnym technologiom. Analizujemy inwestycje indywidualne, syndykaty anielskie oraz fundusze VC/PE, dostarczając merytoryki na najwyższym poziomie rynkowym.
</p>
</div>
<div class="relative">
<div class="absolute -inset-4 bg-ws-cyan/20 rounded-3xl blur-2xl opacity-30"></div>
<div class="relative bg-white p-12 rounded-[2.5rem] card-shadow border-t-8 border-ws-cyan">
<h3 class="text-2xl font-black text-slate-900 mb-6 uppercase tracking-tight">Motyw przewodni:</h3>
<p class="text-ws-cyan font-black mb-8 leading-tight uppercase text-2xl italic">
"Startupy jako atrakcyjne i zyskowne aktywo w portfelu"
</p>
<p class="text-slate-500 text-sm leading-relaxed">
Edukujemy w zakresie selekcji projektów technologicznych oraz budowania wartości firm od etapu wczesnego rozwoju aż po debiut giełdowy (IPO).
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Eksperci - Zdjęcia prelegentów -->
<section id="eksperci" class="py-32">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-24">
<h2 class="text-5xl font-black mb-4 tracking-tight uppercase text-slate-900">Potwierdzeni Eksperci</h2>
<div class="w-24 h-1.5 bg-ws-cyan mx-auto rounded-full mb-6"></div>
<p class="text-slate-400 font-bold text-xs uppercase tracking-[0.3em]">Wiedza prosto od praktyków rynku i aniołów biznesu</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
<!-- Jakub Dwernicki -->
<div class="bg-white p-7 rounded-[2rem] card-shadow speaker-card">
<div class="aspect-square rounded-2xl overflow-hidden mb-8 shadow-inner bg-slate-50">
<img src="Jakub%20Dwernicki.jpg" alt="Jakub Dwernicki" class="w-full h-full object-cover speaker-photo" onerror="this.src='https://ui-avatars.com/api/?name=Jakub+Dwernicki&background=002D5A&color=fff&size=512'">
</div>
<h3 class="text-2xl font-black text-slate-900 mb-1">Jakub Dwernicki</h3>
<p class="text-ws-cyan text-[11px] font-black mb-5 uppercase tracking-widest">CEO cyber_folks S.A.</p>
<p class="text-slate-400 text-xs leading-relaxed font-medium">Lider giełdowej spółki cyber_folks S.A. o kapitalizacji przekraczającej 3 mld zł.</p>
</div>
<!-- Konrad Weiske -->
<div class="bg-white p-7 rounded-[2rem] card-shadow speaker-card">
<div class="aspect-square rounded-2xl overflow-hidden mb-8 shadow-inner bg-slate-50">
<img src="CEO%20SPyrosoft.jpg" alt="Konrad Weiske" class="w-full h-full object-cover speaker-photo" onerror="this.src='https://ui-avatars.com/api/?name=Konrad+Weiske&background=002D5A&color=fff&size=512'">
</div>
<h3 class="text-2xl font-black text-slate-900 mb-1">Konrad Weiske</h3>
<p class="text-ws-cyan text-[11px] font-black mb-5 uppercase tracking-widest">CEO Spyrosoft S.A.</p>
<p class="text-slate-400 text-xs leading-relaxed font-medium">Współzałożyciel Spyrosoft S.A., jednej z najszybciej rosnących firm IT w Europie.</p>
</div>
<!-- Lech Kaniuk -->
<div class="bg-white p-7 rounded-[2rem] card-shadow speaker-card">
<div class="aspect-square rounded-2xl overflow-hidden mb-8 shadow-inner bg-slate-50">
<img src="Lech%20Kaniuk.jpg" alt="Lech Kaniuk" class="w-full h-full object-cover speaker-photo" onerror="this.src='https://ui-avatars.com/api/?name=Lech+Kaniuk&background=002D5A&color=fff&size=512'">
</div>
<h3 class="text-2xl font-black text-slate-900 mb-1">Lech Kaniuk</h3>
<p class="text-ws-cyan text-[11px] font-black mb-5 uppercase tracking-widest">Co-founder & CEO SunRoof</p>
<p class="text-slate-400 text-xs leading-relaxed font-medium">Seryjny przedsiębiorca, współtwórca PizzaPortal oraz iTaxi.</p>
</div>
<!-- Kamil Pruchnik -->
<div class="bg-white p-7 rounded-[2rem] card-shadow speaker-card">
<div class="aspect-square rounded-2xl overflow-hidden mb-8 shadow-inner bg-slate-50">
<img src="dr%20Kamil%20EIF.png" alt="dr Kamil Pruchnik" class="w-full h-full object-cover speaker-photo" onerror="this.src='https://ui-avatars.com/api/?name=Kamil+Pruchnik&background=002D5A&color=fff&size=512'">
</div>
<h3 class="text-2xl font-black text-slate-900 mb-1">dr Kamil Pruchnik</h3>
<p class="text-ws-cyan text-[11px] font-black mb-5 uppercase tracking-widest">EFI - Szef na Polskę</p>
<p class="text-slate-400 text-xs leading-relaxed font-medium">Ekspert Europejskiego Funduszu Inwestycyjnego, specjalista ds. finansowania.</p>
</div>
<!-- Maciej Zawadziński -->
<div class="bg-white p-7 rounded-[2rem] card-shadow speaker-card">
<div class="aspect-square rounded-2xl overflow-hidden mb-8 shadow-inner bg-slate-50">
<img src="H2B%20Maciej%20Zawadzinski.webp" alt="Maciej Zawadziński" class="w-full h-full object-cover speaker-photo" onerror="this.src='https://ui-avatars.com/api/?name=Maciej+Zawadzinski&background=002D5A&color=fff&size=512'">
</div>
<h3 class="text-2xl font-black text-slate-900 mb-1">Maciej Zawadziński</h3>
<p class="text-ws-cyan text-[11px] font-black mb-5 uppercase tracking-widest">Partner Hard2Beat</p>
<p class="text-slate-400 text-xs leading-relaxed font-medium">Założyciel Piwik PRO oraz Partner Zarządzający w funduszu Hard2Beat.</p>
</div>
<!-- Borys Musielak -->
<div class="bg-white p-7 rounded-[2rem] card-shadow speaker-card">
<div class="aspect-square rounded-2xl overflow-hidden mb-8 shadow-inner bg-slate-50">
<img src="Borys-Musielak.jpg" alt="Borys Musielak" class="w-full h-full object-cover speaker-photo" onerror="this.src='https://ui-avatars.com/api/?name=Borys+Musielak&background=002D5A&color=fff&size=512'">
</div>
<h3 class="text-2xl font-black text-slate-900 mb-1">Borys Musielak</h3>
<p class="text-ws-cyan text-[11px] font-black mb-5 uppercase tracking-widest">Partner SMOK Ventures</p>
<p class="text-slate-400 text-xs leading-relaxed font-medium">Współzałożyciel SMOK Ventures i ReaktorWarsaw, mentor ekosystemu.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-24 bg-slate-950 text-white relative overflow-hidden">
<div class="absolute bottom-0 left-0 w-full h-1.5 bg-ws-cyan"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="flex flex-col md:flex-row justify-between items-center gap-20">
<div class="text-center md:text-left">
<div class="flex items-center space-x-4 mb-8 justify-center md:justify-start">
<img src="Logotyp%20wallstreet%20startupy2.jpg" alt="Logo" class="h-12 w-auto brightness-0 invert" onerror="this.style.display='none'">
<span class="text-3xl font-black uppercase tracking-tighter">WallStreet <span class="text-ws-cyan">Startupy</span></span>
</div>
<p class="text-slate-400 text-base font-medium tracking-wide">Karpacz | Hotel Gołębiewski | 29 Maja 2026</p>
</div>
<div class="flex flex-col items-center md:items-end text-sm">
<div class="space-y-4 mb-10 text-center md:text-right">
<p class="flex items-center justify-center md:justify-end gap-4 font-bold text-lg"><i data-lucide="phone" class="w-6 h-6 text-ws-cyan"></i> +48 609 20 36 10</p>
<p class="flex items-center justify-center md:justify-end gap-4 font-bold text-lg"><i data-lucide="mail" class="w-6 h-6 text-ws-cyan"></i> piotr@wallstreetstartupy.pl</p>
</div>
<a href="https://app.evenea.pl/event/wallstreetstartupy/" target="_blank" class="btn-gradient px-12 py-5 rounded-full font-black text-sm uppercase tracking-widest shadow-2xl">Zarezerwuj miejsce</a>
</div>
</div>
</div>
</footer>
<script>
lucide.createIcons();
</script>
</body>
</html>