90 lines
3.9 KiB
PHP
90 lines
3.9 KiB
PHP
|
|
<?php
|
|
require_once 'db/config.php';
|
|
|
|
// Fetch all packages
|
|
$stmt = db()->query("SELECT * FROM packages ORDER BY price");
|
|
$packages = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Zeal Music - Unleash Your Music's Potential</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body class="dark-theme">
|
|
<div class="landing-container">
|
|
<header class="landing-header">
|
|
<div class="logo">Zeal Music</div>
|
|
<nav class="landing-nav">
|
|
<a href="#features">Features</a>
|
|
<a href="#pricing">Pricing</a>
|
|
<a href="login.php" class="btn btn-outline">Login</a>
|
|
<a href="register.php" class="btn btn-primary">Sign Up</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="hero-content">
|
|
<h1>Unleash Your Music's Potential</h1>
|
|
<p>The ultimate platform for artists to manage, distribute, and monetize their work.</p>
|
|
<a href="register.php" class="btn btn-primary btn-lg">Get Started Now</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="features-section">
|
|
<h2>Why Zeal Music?</h2>
|
|
<div class="features-grid">
|
|
<div class="feature-card">
|
|
<i class="fas fa-chart-line"></i>
|
|
<h3>Detailed Analytics</h3>
|
|
<p>Gain deep insights into your listeners and track performance across all platforms.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<i class="fas fa-upload"></i>
|
|
<h3>Direct Uploads</h3>
|
|
<p>Easily upload your tracks, albums, and cover art with our streamlined process.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<i class="fas fa-globe"></i>
|
|
<h3>Global Reach</h3>
|
|
<p>Distribute your music to major streaming services and digital stores worldwide.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pricing" class="pricing-section">
|
|
<h2>Choose Your Plan</h2>
|
|
<p>Simple, transparent pricing. No hidden fees.</p>
|
|
<div class="pricing-grid">
|
|
<?php foreach ($packages as $package): ?>
|
|
<div class="pricing-card <?php echo $package['is_recommended'] ? 'recommended' : ''; ?>">
|
|
<h3><?php echo htmlspecialchars($package['name']); ?></h3>
|
|
<p class="price"><span>$<?php echo htmlspecialchars($package['price']); ?></span>/month</p>
|
|
<ul>
|
|
<?php
|
|
$features = explode(',', $package['features']);
|
|
foreach ($features as $feature):
|
|
?>
|
|
<li><?php echo htmlspecialchars(trim($feature)); ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<a href="register.php" class="btn btn-primary">Select Plan</a>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="landing-footer">
|
|
<p>© <?php echo date("Y"); ?> Zeal Music. All Rights Reserved.</p>
|
|
</footer>
|
|
</div>
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|