99 lines
4.4 KiB
PHP
99 lines
4.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<title>SyncUp - Your Music, Your Vibe, Together.</title>
|
|
<meta name="description" content="SyncUp is a mobile web app for creating shared music sessions. Let guests add and upvote songs from Spotify or YouTube in real-time. Perfect for parties and social gatherings.">
|
|
<meta name="keywords" content="shared music queue, collaborative playlist, party music app, real-time playlist, music voting, spotify integration, youtube integration, social music, event music, Built with Flatlogic Generator">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="SyncUp - Your Music, Your Vibe, Together.">
|
|
<meta property="og:description" content="Create a shared music queue that your friends can control. Add songs, upvote tracks, and keep the vibe going.">
|
|
<meta property="og:image" content="">
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:title" content="SyncUp - Your Music, Your Vibe, Together.">
|
|
<meta property="twitter:description" content="Create a shared music queue that your friends can control. Add songs, upvote tracks, and keep the vibe going.">
|
|
<meta property="twitter:image" content="">
|
|
|
|
<!-- Stylesheets -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
<script src="https://unpkg.com/feather-icons"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Header -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">SyncUp</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h1>Your Music, Your Vibe, Together.</h1>
|
|
<p class="lead">Stop passing the aux cord. Start a SyncUp session and let everyone add their favorite tracks to a shared, real-time queue.</p>
|
|
<form action="create_session.php" method="POST" class="d-inline">
|
|
<button type="submit" class="btn btn-primary btn-lg">Create a Session</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="section">
|
|
<div class="container">
|
|
<h2 class="section-title">How It Works</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<div class="feature-card">
|
|
<i data-feather="zap" class="icon"></i>
|
|
<h3>1. Start a Session</h3>
|
|
<p>Instantly create a new music session and get a unique QR code for your room.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="feature-card">
|
|
<i data-feather="users" class="icon"></i>
|
|
<h3>2. Invite Your Friends</h3>
|
|
<p>Guests join by scanning the code—no app install required. They can immediately add songs.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="feature-card">
|
|
<i data-feather="bar-chart-2" class="icon"></i>
|
|
<h3>3. Curate the Vibe</h3>
|
|
<p>As the host, you can reorder or remove tracks. Guests can upvote their favorites to push them up the list.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>© <?php echo date("Y"); ?> SyncUp. All Rights Reserved.</p>
|
|
<p><a href="/privacy.php">Privacy Policy</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
<script>
|
|
feather.replace()
|
|
</script>
|
|
</body>
|
|
</html>
|