34116-vm/index.php
2025-09-16 21:02:18 +00:00

191 lines
10 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 1013, 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 1013, 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 1013, 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">Were 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 Europes biggest tech stage, funded by ourselves.</p>
<p><strong>PR & Visibility:</strong> A story media cant 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">&copy; <?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>