191 lines
10 KiB
PHP
191 lines
10 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Belarusians Worldwide: Tech Without Borders | Web Summit 2025</title>
|
||
<meta name="description" content="Join the first-ever Belarusian pavilion at Web Summit. A self-funded, independent space for tech founders, engineers, and investors to connect and showcase their work.">
|
||
|
||
<!-- Open Graph / Facebook -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://your-domain.com/">
|
||
<meta property="og:title" content="Belarusians Worldwide: Tech Without Borders | Web Summit 2025">
|
||
<meta property="og:description" content="A cozy, first-time space for founders, engineers, investors, and creatives at Web Summit, Lisbon — Nov 10–13, 2025.">
|
||
<meta property="og:image" content="https://picsum.photos/seed/hero-bw-summit/1200/630">
|
||
|
||
<!-- Twitter -->
|
||
<meta property="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:url" content="https://your-domain.com/">
|
||
<meta property="twitter:title" content="Belarusians Worldwide: Tech Without Borders | Web Summit 2025">
|
||
<meta property="twitter:description" content="A cozy, first-time space for founders, engineers, investors, and creatives at Web Summit, Lisbon — Nov 10–13, 2025.">
|
||
<meta property="twitter:image" content="https://picsum.photos/seed/hero-bw-summit/1200/630">
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500&family=Inter:wght@600;700&display=swap" rel="stylesheet">
|
||
|
||
<!-- Bootstrap CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
||
|
||
<!-- Custom CSS -->
|
||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||
</head>
|
||
<body>
|
||
|
||
<?php
|
||
// --- Funding Data (Hardcoded for now) ---
|
||
$funding_target = 15000;
|
||
$funding_raised = 7000;
|
||
$progress_percentage = ($funding_raised / $funding_target) * 100;
|
||
?>
|
||
|
||
<header>
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||
<div class="container">
|
||
<a class="navbar-brand fw-bold" href="/">Belarusians Worldwide</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav ms-auto">
|
||
<li class="nav-item"><a class="nav-link" href="/#why">Why</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="/#tiers">Sponsor</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="apply.php">Apply</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="volunteer.php">Volunteer</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="media.php">Media</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- Hero Section -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<h1 class="display-4">Belarusians Worldwide: Tech Without Borders</h1>
|
||
<p class="lead">
|
||
A cozy, first-time space for founders, engineers, investors, and creatives at Web Summit, Lisbon — Nov 10–13, 2025.
|
||
</p>
|
||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center my-4">
|
||
<a href="sponsor.php" class="btn btn-primary btn-lg">Fund the Pavilion</a>
|
||
<a href="apply.php" class="btn btn-secondary btn-lg">Apply to Join</a>
|
||
</div>
|
||
<div class="trust-strip mt-4">
|
||
<p>2×2 pavilion · 3 days · 20 partner tickets included by WS package</p>
|
||
</div>
|
||
<div class="logo-strip d-flex justify-content-center align-items-center gap-4 mt-5">
|
||
<!-- Placeholder logos -->
|
||
<img src="https://via.placeholder.com/120x40.png?text=IMAGURU" alt="IMAGURU Logo">
|
||
<img src="https://via.placeholder.com/120x40.png?text=SVAE" alt="SVAE/New Belarus Logo">
|
||
<img src="https://via.placeholder.com/120x40.png?text=Funders" alt="Independent Funders">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Funding Progress Bar -->
|
||
<div class="funding-progress shadow-sm">
|
||
<div class="container">
|
||
<div class="d-flex justify-content-between mb-2">
|
||
<span class="fw-bold">Raised: €<?php echo number_format($funding_raised); ?></span>
|
||
<span class="text-muted">Target: €<?php echo number_format($funding_target); ?></span>
|
||
</div>
|
||
<div class="progress">
|
||
<div class="progress-bar" role="progressbar" style="width: <?php echo $progress_percentage; ?>%;" aria-valuenow="<?php echo $progress_percentage; ?>" aria-valuemin="0" aria-valuemax="100"><?php echo round($progress_percentage); ?>%</div>
|
||
</div>
|
||
<div class="text-center small mt-2">
|
||
<p class="mb-0">We’re self-funded — no state, no grants. Every euro goes to the pavilion.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Why This Matters Section -->
|
||
<section id="why" class="section">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6">
|
||
<h2 class="mb-4">Why This Matters</h2>
|
||
<p><strong>Symbolism & Presence:</strong> We show up as Belarusians on Europe’s biggest tech stage, funded by ourselves.</p>
|
||
<p><strong>PR & Visibility:</strong> A story media can’t ignore; a positive image for the diaspora.</p>
|
||
<p><strong>Showcase Companies:</strong> Get your logo on the backdrop, handouts on site, and a spot in our mini-agenda.</p>
|
||
<p><strong>Networking ROI:</strong> 3 days of intros to investors, partners, and friends in Lisbon.</p>
|
||
<span class="badge bg-light text-dark p-2">Web Summit: ~70k attendees, 1k speakers, 15 tracks</span>
|
||
</div>
|
||
<div class="col-lg-6 mt-4 mt-lg-0">
|
||
<img src="https://picsum.photos/seed/booth-mockup/800/600" class="img-fluid rounded shadow" alt="Mockup of the Belarusian pavilion booth, showing a welcoming and professional space.">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<hr class="bchb-divider">
|
||
|
||
<!-- What You Get Section -->
|
||
<section id="tiers" class="section bg-light">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2>What You Get as a Sponsor</h2>
|
||
<p class="lead">Choose your way to help — public or confidential.</p>
|
||
</div>
|
||
<div class="row">
|
||
<!-- Tiers will be detailed here in a future step -->
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title">€500+</h5>
|
||
<p class="card-text">Handouts on the booth + listing in the QR catalog.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title">€1,000+</h5>
|
||
<p class="card-text">Logo on the backdrop + priority for 1 partner ticket.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title">€2,500+</h5>
|
||
<p class="card-text">Co-exhibitor status with booth time and a ticket.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-lg-3 mb-4">
|
||
<div class="card h-100">
|
||
<div class="card-body">
|
||
<h5 class="card-title">€5,000+</h5>
|
||
<p class="card-text">Hero sponsor with large logo and mentions.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-center mt-4">
|
||
<a href="sponsor.php" class="btn btn-primary btn-lg">Become a Sponsor</a>
|
||
<p class="mt-3 small text-muted">All delegates agree to the <a href="code-of-conduct.php">Code of Conduct</a>.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container text-center">
|
||
<p class="mb-1">© <?php echo date("Y"); ?> Belarusians Worldwide. A self-funded, non-state initiative.</p>
|
||
<ul class="list-inline">
|
||
<li class="list-inline-item"><a href="privacy.php">Privacy</a></li>
|
||
<li class="list-inline-item"><a href="code-of-conduct.php">Code of Conduct</a></li>
|
||
<li class="list-inline-item"><a href="media.php">Press</a></li>
|
||
</ul>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Bootstrap JS -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
||
<!-- Custom JS -->
|
||
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
||
</body>
|
||
</html>
|