 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/.cursor-server/data/User/History/fdf80be/ |
<?php
/**
* Unified Pricing Page
* Shows all subscription tiers in one place
*/
session_start();
require_once 'config/database.php';
$plans_config = require __DIR__ . '/config/subscription_plans.php';
// Get user info if logged in
$user = null;
$existing_subscription = null;
if (isset($_SESSION['user_id'])) {
$pdo = getDBConnection();
$stmt = $pdo->prepare("SELECT id, name, email, plan FROM users WHERE id = ?");
$stmt->execute([$_SESSION['user_id']]);
$user = $stmt->fetch(PDO::FETCH_ASSOC);
require_once __DIR__ . '/utils/subscription_helpers.php';
$existing_subscription = hasActiveSubscription($_SESSION['user_id']);
}
$page_title = 'Pricing Plans - SoundStudioPro';
include 'includes/header.php';
?>
<style>
.pricing-hero {
text-align: center;
padding: 60px 20px;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
margin-bottom: 60px;
}
.pricing-hero h1 {
font-size: 3.5rem;
color: white;
margin-bottom: 20px;
}
.pricing-hero p {
font-size: 1.3rem;
color: #a0aec0;
max-width: 600px;
margin: 0 auto;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px 60px;
}
.pricing-card {
background: #2a2a2a;
border-radius: 16px;
padding: 40px 30px;
text-align: center;
position: relative;
transition: transform 0.3s, box-shadow 0.3s;
border: 2px solid transparent;
}
.pricing-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(102, 126, 234, 0.2);
}
.pricing-card.featured {
border-color: #667eea;
transform: scale(1.05);
}
.pricing-card.featured::before {
content: 'Most Popular';
position: absolute;
top: -12px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
padding: 5px 20px;
border-radius: 20px;
font-size: 0.85rem;
font-weight: 600;
}
.plan-icon {
font-size: 3rem;
margin-bottom: 20px;
}
.plan-name {
font-size: 2rem;
color: white;
font-weight: bold;
margin-bottom: 10px;
}
.plan-price {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 5px;
}
.plan-period {
color: #a0aec0;
font-size: 1.1rem;
margin-bottom: 30px;
}
.plan-tracks {
background: rgba(102, 126, 234, 0.1);
padding: 15px;
border-radius: 10px;
margin-bottom: 30px;
font-size: 1.3rem;
color: #667eea;
font-weight: 600;
}
.plan-features {
list-style: none;
padding: 0;
margin-bottom: 30px;
text-align: left;
}
.plan-features li {
color: #a0aec0;
padding: 10px 0;
border-bottom: 1px solid #333;
font-size: 1rem;
}
.plan-features li:last-child {
border-bottom: none;
}
.plan-features li::before {
content: '✅ ';
margin-right: 10px;
}
.subscribe-btn {
width: 100%;
padding: 15px;
border: none;
border-radius: 10px;
font-size: 1.2rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
text-decoration: none;
display: block;
text-align: center;
}
.subscribe-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.current-plan-badge {
background: #2d5016;
color: #48bb78;
padding: 10px 20px;
border-radius: 8px;
font-weight: 600;
margin-bottom: 20px;
display: inline-block;
}
.extra-credits-section {
max-width: 1200px;
margin: 60px auto;
padding: 40px;
background: #2a2a2a;
border-radius: 16px;
text-align: center;
}
.extra-credits-section h2 {
color: white;
font-size: 2.5rem;
margin-bottom: 20px;
}
.extra-credits-section p {
color: #a0aec0;
font-size: 1.2rem;
margin-bottom: 30px;
}
.credits-btn {
display: inline-block;
padding: 15px 40px;
background: linear-gradient(135deg, #667eea, #764ba2);
color: white;
text-decoration: none;
border-radius: 10px;
font-size: 1.2rem;
font-weight: 600;
transition: all 0.3s;
}
.credits-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}
</style>
<div class="pricing-hero">
<h1>Choose Your Plan</h1>
<p>Flexible monthly subscriptions for creators of all levels. Cancel anytime, upgrade or downgrade whenever you need.</p>
</div>
<div class="pricing-grid">
<?php
$plan_order = ['essential', 'starter', 'pro', 'premium'];
foreach ($plan_order as $index => $plan_key):
$plan = $plans_config[$plan_key];
$is_featured = $plan_key === 'pro'; // Pro is featured
$is_current = $existing_subscription && $existing_subscription['plan_name'] === $plan_key;
?>
<div class="pricing-card <?= $is_featured ? 'featured' : '' ?>">
<div class="plan-icon" style="color: <?= $plan['color'] ?>;">
<i class="fas <?= $plan['icon'] ?>"></i>
</div>
<div class="plan-name"><?= htmlspecialchars($plan['name']) ?></div>
<div class="plan-price" style="color: <?= $plan['color'] ?>;">
$<?= number_format($plan['price'], 2) ?>
</div>
<div class="plan-period">per month</div>
<div class="plan-tracks">
<?= $plan['tracks_per_month'] ?> Tracks/Month
</div>
<?php if ($is_current): ?>
<div class="current-plan-badge">Your Current Plan</div>
<?php endif; ?>
<ul class="plan-features">
<?php foreach ($plan['features'] as $feature): ?>
<li><?= htmlspecialchars($feature) ?></li>
<?php endforeach; ?>
</ul>
<?php if ($is_current): ?>
<a href="/manage_subscription.php" class="subscribe-btn" style="background: #48bb78;">
Manage Subscription
</a>
<?php elseif ($existing_subscription): ?>
<a href="/subscribe.php?plan=<?= $plan_key ?>" class="subscribe-btn" style="background: <?= $plan['color'] ?>;">
Switch to <?= htmlspecialchars($plan['name']) ?>
</a>
<?php else: ?>
<a href="/subscribe.php?plan=<?= $plan_key ?>" class="subscribe-btn" style="background: <?= $plan['color'] ?>;">
Subscribe Now
</a>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
<div class="extra-credits-section">
<h2>Need More Tracks?</h2>
<p>Purchase extra credits anytime to supplement your subscription. Credits never expire and work alongside your monthly plan.</p>
<a href="/credits.php" class="credits-btn">
<i class="fas fa-coins"></i> Buy Extra Credits
</a>
</div>
<?php include 'includes/footer.php'; ?>