 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/domains/gocodeme.com/public_html/BACKUP/ |
<?php
session_start();
// Check if user is logged in
if (!isset($_SESSION['user_id'])) {
header('Location: /auth/login_new.php');
exit;
}
// Include database configuration and functions
require_once 'config/database.php';
require_once 'includes/functions.php';
// Get user info
$user = getUserById($_SESSION['user_id']);
$user_name = $user['name'] ?? 'User';
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pricing - SoundStudioPro</title>
<meta name="description" content="Choose the perfect plan for your music creation needs">
<!-- 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=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* Reset & Base Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
line-height: 1.6;
color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
color: white;
margin-bottom: 40px;
}
.header h1 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 10px;
}
.header p {
font-size: 1.2rem;
opacity: 0.9;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 40px;
}
.pricing-card {
background: white;
border-radius: 20px;
padding: 40px;
text-align: center;
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.pricing-card:hover {
transform: translateY(-10px);
}
.pricing-card.featured {
border: 3px solid #667eea;
transform: scale(1.05);
}
.plan-name {
font-size: 1.5rem;
font-weight: 700;
color: #333;
margin-bottom: 10px;
}
.plan-price {
font-size: 3rem;
font-weight: 800;
color: #667eea;
margin-bottom: 20px;
}
.plan-price .period {
font-size: 1rem;
color: #666;
}
.plan-features {
list-style: none;
margin-bottom: 30px;
}
.plan-features li {
padding: 8px 0;
color: #666;
}
.plan-features li i {
color: #667eea;
margin-right: 10px;
}
.btn {
display: inline-block;
padding: 12px 30px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
transition: transform 0.3s ease;
}
.btn:hover {
transform: translateY(-2px);
}
.btn.secondary {
background: #f8f9fa;
color: #333;
border: 2px solid #667eea;
}
.nav-back {
position: fixed;
top: 20px;
left: 20px;
z-index: 1000;
}
.nav-back a {
color: white;
text-decoration: none;
font-size: 1.1rem;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
</style>
</head>
<body>
<div class="nav-back">
<a href="/dashboard.php"><i class="fas fa-arrow-left"></i> Back to Dashboard</a>
</div>
<div class="container">
<div class="header">
<h1>Pricing Plans</h1>
<p>Choose the perfect plan for your music creation journey</p>
</div>
<div class="pricing-grid">
<div class="pricing-card">
<div class="plan-name">Free</div>
<div class="plan-price">$0<span class="period">/month</span></div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> 5 AI-generated tracks per month</li>
<li><i class="fas fa-check"></i> Basic music creation tools</li>
<li><i class="fas fa-check"></i> Community access</li>
<li><i class="fas fa-check"></i> Standard support</li>
</ul>
<a href="/dashboard.php" class="btn secondary">Current Plan</a>
</div>
<div class="pricing-card featured">
<div class="plan-name">Pro</div>
<div class="plan-price">$19<span class="period">/month</span></div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> 50 AI-generated tracks per month</li>
<li><i class="fas fa-check"></i> Advanced music creation tools</li>
<li><i class="fas fa-check"></i> Priority support</li>
<li><i class="fas fa-check"></i> Commercial licensing</li>
<li><i class="fas fa-check"></i> Custom music styles</li>
</ul>
<a href="/dashboard.php" class="btn">Upgrade to Pro</a>
</div>
<div class="pricing-card">
<div class="plan-name">Enterprise</div>
<div class="plan-price">$99<span class="period">/month</span></div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> Unlimited AI-generated tracks</li>
<li><i class="fas fa-check"></i> All Pro features</li>
<li><i class="fas fa-check"></i> Dedicated support</li>
<li><i class="fas fa-check"></i> API access</li>
<li><i class="fas fa-check"></i> Custom integrations</li>
</ul>
<a href="/dashboard.php" class="btn secondary">Contact Sales</a>
</div>
</div>
</div>
</body>
</html>