 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/soundstudiopro.com/private_html/utils/ |
<?php
session_start();
require_once 'config/database.php';
$pdo = getDBConnection();
// Get user name from database if logged in
$user_name = 'Guest';
if (isset($_SESSION['user_id'])) {
$stmt = $pdo->prepare("SELECT name FROM users WHERE id = ?");
$stmt->execute([$_SESSION['user_id']]);
$user = $stmt->fetch();
$user_name = $user['name'] ?? 'User';
}
?>
<!DOCTYPE html>
<?php
// Include header for color scheme
include 'includes/header.php';
?>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pricing - SoundStudioPro</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--primary-gradient);
color: var(--text-primary);
min-height: 100vh;
line-height: 1.6;
}
.container {
max-width: 140rem;
margin: 0 auto;
padding: 2rem;
}
.header { background: var(--bg-header);
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--bg-card);
padding: 2rem 0;
margin-bottom: 4rem;
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 140rem;
margin: 0 auto;
padding: 0 2rem;
}
.logo {
display: flex;
align-items: center;
gap: 1.2rem;
font-size: 2.4rem;
font-weight: bold;
color: var(--text-accent);
text-decoration: none;
}
.nav-links {
display: flex;
align-items: center;
gap: 3rem;
}
.nav-link {
color: var(--text-secondary);
text-decoration: none;
font-size: 1.6rem;
font-weight: 500;
transition: all 0.3s ease;
padding: 1rem 2rem;
border-radius: 12px;
}
.nav-link:hover, .nav-link.active {
color: var(--text-accent);
background: var(--shadow-light);
transform: translateY(-2px);
}
.page-title {
text-align: center;
font-size: 4.8rem;
font-weight: bold;
margin-bottom: 1rem;
background: linear-gradient(135deg, var(--text-accent), var(--text-accent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.page-subtitle {
text-align: center;
font-size: 1.8rem;
color: var(--text-secondary);
margin-bottom: 4rem;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
gap: 3rem;
margin-bottom: 4rem;
}
.pricing-card {
background: var(--bg-card);
border: 1px solid var(--border-medium);
border-radius: 20px;
padding: 3rem;
text-align: center;
transition: all 0.3s ease;
backdrop-filter: blur(10px);
position: relative;
}
.pricing-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px var(--bg-overlay);
}
.pricing-card.featured {
border-color: var(--text-accent);
background: var(--shadow-light);
}
.featured-badge {
position: absolute;
top: -1rem;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(135deg, var(--text-accent), var(--text-accent));
color: var(--text-primary);
padding: 0.5rem 2rem;
border-radius: 20px;
font-size: 1.2rem;
font-weight: 600;
}
.plan-name {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 1rem;
color: var(--text-accent);
}
.plan-price {
font-size: 4.8rem;
font-weight: bold;
margin-bottom: 0.5rem;
color: var(--text-primary);
}
.plan-period {
font-size: 1.6rem;
color: var(--text-secondary);
margin-bottom: 2rem;
}
.plan-features {
list-style: none;
margin-bottom: 3rem;
}
.plan-features li {
padding: 1rem 0;
border-bottom: 1px solid var(--bg-card);
font-size: 1.6rem;
}
.plan-features li:last-child {
border-bottom: none;
}
.plan-features i {
color: var(--text-accent);
margin-right: 1rem;
}
.purchase-btn {
background: linear-gradient(135deg, var(--text-accent), var(--text-accent));
color: var(--text-primary);
border: none;
padding: 1.5rem 3rem;
border-radius: 12px;
font-size: 1.6rem;
font-weight: 600;
cursor: pointer;
width: 100%;
transition: all 0.3s ease;
text-decoration: none;
display: block;
}
.purchase-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px var(--glow-accent);
}
.purchase-btn.secondary {
background: var(--bg-card);
border: 2px solid var(--border-medium);
}
.purchase-btn.secondary:hover {
background: var(--border-medium);
border-color: rgba(255, 255, 255, 0.3);
}
.faq-section {
background: var(--bg-card);
border: 1px solid var(--border-medium);
border-radius: 20px;
padding: 3rem;
backdrop-filter: blur(10px);
}
.faq-title {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
color: var(--text-accent);
text-align: center;
}
.faq-item {
margin-bottom: 2rem;
}
.faq-question {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 1rem;
color: var(--text-primary);
}
.faq-answer {
font-size: 1.6rem;
color: var(--text-secondary);
line-height: 1.6;
}
@media (max-width: 768px) {
.pricing-grid {
grid-template-columns: 1fr;
}
.page-title {
font-size: 3.2rem;
}
}
</style>
</head>
<body>
<header class="header">
<nav class="nav-container">
<a href="/" class="logo">
<i class="fas fa-music"></i>
SoundStudioPro
</a>
<div class="nav-links">
<a href="/" class="nav-link">Home</a>
<a href="/library.php" class="nav-link">Library</a>
<a href="/artists.php" class="nav-link">Artists</a>
<a href="/community.php" class="nav-link">Community</a>
<a href="/pricing.php" class="nav-link active">Pricing</a>
<?php if (isset($_SESSION['user_id'])): ?>
<a href="/dashboard.php" class="nav-link">Dashboard</a>
<a href="/create.php" class="nav-link">Create</a>
<?php else: ?>
<a href="/auth/login_new.php" class="nav-link">Login</a>
<a href="/auth/signup_new.php" class="nav-link">Sign Up</a>
<?php endif; ?>
</div>
</nav>
</header>
<div class="container">
<h1 class="page-title">Pricing Plans</h1>
<p class="page-subtitle">Choose the perfect plan for your music creation journey</p>
<div class="pricing-grid">
<div class="pricing-card">
<h3 class="plan-name">Free</h3>
<div class="plan-price">$0</div>
<div class="plan-period">forever</div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> 5 Credits</li>
<li><i class="fas fa-check"></i> Basic music generation</li>
<li><i class="fas fa-check"></i> Standard quality audio</li>
<li><i class="fas fa-check"></i> Community access</li>
<li><i class="fas fa-check"></i> Personal use only</li>
<li><i class="fas fa-check"></i> No commercial rights</li>
</ul>
<a href="/auth/register.php" class="purchase-btn secondary">Sign Up Free</a>
</div>
<div class="pricing-card">
<h3 class="plan-name">Starter</h3>
<div class="plan-price">$9</div>
<div class="plan-period">per month</div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> 10 Credits per month</li>
<li><i class="fas fa-check"></i> Basic music generation</li>
<li><i class="fas fa-check"></i> Standard quality audio</li>
<li><i class="fas fa-check"></i> Community access</li>
<li><i class="fas fa-check"></i> Email support</li>
</ul>
<a href="/auth/signup_new.php" class="purchase-btn secondary">Get Started</a>
</div>
<div class="pricing-card featured">
<div class="featured-badge">Most Popular</div>
<h3 class="plan-name">Pro</h3>
<div class="plan-price">$29</div>
<div class="plan-period">per month</div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> 50 Credits per month</li>
<li><i class="fas fa-check"></i> Advanced music generation</li>
<li><i class="fas fa-check"></i> High quality audio</li>
<li><i class="fas fa-check"></i> Priority processing</li>
<li><i class="fas fa-check"></i> Community access</li>
<li><i class="fas fa-check"></i> Priority support</li>
</ul>
<a href="/auth/signup_new.php" class="purchase-btn">Get Pro</a>
</div>
<div class="pricing-card">
<h3 class="plan-name">Enterprise</h3>
<div class="plan-price">$99</div>
<div class="plan-period">per month</div>
<ul class="plan-features">
<li><i class="fas fa-check"></i> 200 Credits per month</li>
<li><i class="fas fa-check"></i> Premium music generation</li>
<li><i class="fas fa-check"></i> Studio quality audio</li>
<li><i class="fas fa-check"></i> Instant processing</li>
<li><i class="fas fa-check"></i> Custom integrations</li>
<li><i class="fas fa-check"></i> Dedicated support</li>
</ul>
<a href="/auth/signup_new.php" class="purchase-btn secondary">Contact Sales</a>
</div>
</div>
<div class="faq-section">
<h2 class="faq-title">Frequently Asked Questions</h2>
<div class="faq-item">
<h3 class="faq-question">What are credits?</h3>
<p class="faq-answer">Credits are used to generate music tracks. Each track generation costs 1 credit. Credits are replenished monthly based on your plan.</p>
</div>
<div class="faq-item">
<h3 class="faq-question">Can I cancel anytime?</h3>
<p class="faq-answer">Yes, you can cancel your subscription at any time. You'll continue to have access until the end of your billing period.</p>
</div>
<div class="faq-item">
<h3 class="faq-question">Do unused credits roll over?</h3>
<p class="faq-answer">Credits reset monthly and do not roll over. We recommend using all your credits each month to get the most value.</p>
</div>
<div class="faq-item">
<h3 class="faq-question">What audio quality do I get?</h3>
<p class="faq-answer">Starter plans get standard quality, Pro plans get high quality, and Enterprise plans get studio quality audio files.</p>
</div>
</div>
</div>
</body>
</html>