137 lines
6.7 KiB
PHP
137 lines
6.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>PromoPass - The Ultimate Festival & Event Access Pass</title>
|
|
<meta name="description" content="Apply for guest list spots and promo opportunities at music festivals and club events. Built with Flatlogic Generator.">
|
|
<meta name="keywords" content="festival promo, event promotion, guest list, music festivals, influencer marketing, club events, promo pass, event access, Built with Flatlogic Generator">
|
|
|
|
<!-- Social Media Meta Tags -->
|
|
<meta property="og:title" content="PromoPass - The Ultimate Festival & Event Access Pass">
|
|
<meta property="og:description" content="Apply for guest list spots and promo opportunities at top music festivals and club events.">
|
|
<meta property="og:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
|
<meta property="og:url" content="/">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="<?php echo htmlspecialchars($_SERVER['PROJECT_IMAGE_URL'] ?? ''); ?>">
|
|
|
|
<!-- Bootstrap 5 CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Navigation Bar -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">PromoPass</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="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#events">Events</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Login</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link btn btn-primary btn-sm" href="#" style="padding: 8px 16px; color: white;">Sign Up</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<header class="hero">
|
|
<div class="container">
|
|
<h1 class="display-3">The Ultimate Festival & Event Access Pass</h1>
|
|
<p class="lead">Your gateway to exclusive guest lists and promotional opportunities at the hottest events.</p>
|
|
<a href="#events" class="btn btn-primary btn-lg">Browse Events</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Events Section -->
|
|
<main id="events" class="event-section">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Open Events</h2>
|
|
<div class="row">
|
|
<?php
|
|
// Placeholder data for events
|
|
$events = [
|
|
[
|
|
'title' => 'Cosmic Meadow Festival',
|
|
'date' => '2025-12-15',
|
|
'location' => 'Miami, FL',
|
|
'image' => 'https://images.pexels.com/photos/2263436/pexels-photo-2263436.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
|
|
],
|
|
[
|
|
'title' => 'Neon Garden Rave',
|
|
'date' => '2025-11-28',
|
|
'location' => 'Las Vegas, NV',
|
|
'image' => 'https://images.pexels.com/photos/1684151/pexels-photo-1684151.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
|
|
],
|
|
[
|
|
'title' => 'Bass Canyon Showcase',
|
|
'date' => '2026-01-20',
|
|
'location' => 'Denver, CO',
|
|
'image' => 'https://images.pexels.com/photos/2118046/pexels-photo-2118046.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
|
|
],
|
|
[
|
|
'title' => 'Quantum Valley Experience',
|
|
'date' => '2026-02-10',
|
|
'location' => 'New York, NY',
|
|
'image' => 'https://images.pexels.com/photos/2099023/pexels-photo-2099023.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
|
|
],
|
|
[
|
|
'title' => 'Circuit Grounds Tour',
|
|
'date' => '2026-03-05',
|
|
'location' => 'Chicago, IL',
|
|
'image' => 'https://images.pexels.com/photos/2526127/pexels-photo-2526127.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
|
|
],
|
|
[
|
|
'title' => 'Wasteland Arena',
|
|
'date' => '2026-04-18',
|
|
'location' => 'Los Angeles, CA',
|
|
'image' => 'https://images.pexels.com/photos/2339031/pexels-photo-2339031.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'
|
|
]
|
|
];
|
|
|
|
foreach ($events as $event):
|
|
?>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card event-card">
|
|
<img src="<?php echo htmlspecialchars($event['image']); ?>" class="card-img-top" alt="Event Image">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><?php echo htmlspecialchars($event['title']); ?></h5>
|
|
<p class="card-text text-muted"><?php echo date("M d, Y", strtotime($event['date'])); ?> • <?php echo htmlspecialchars($event['location']); ?></p>
|
|
<a href="#" class="btn btn-secondary">Apply Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p class="mb-0">© <?php echo date("Y"); ?> PromoPass. All Rights Reserved. Built with Flatlogic.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Bootstrap 5 JS Bundle -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|