 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/includes/ |
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<div class="footer-logo">
<i class="fas fa-music"></i>
<span>SoundStudioPro</span>
</div>
<p class="footer-description">
Create divine music with AI-powered tools. Join our community of artists and producers.
</p>
<div class="social-links">
<a href="https://facebook.com/soundstudiopro" target="_blank" rel="noopener noreferrer" class="social-link" title="Follow us on Facebook">
<i class="fab fa-facebook"></i>
</a>
<a href="https://twitter.com/soundstudiopro" target="_blank" rel="noopener noreferrer" class="social-link" title="Follow us on Twitter">
<i class="fab fa-twitter"></i>
</a>
<a href="https://instagram.com/soundstudiopro" target="_blank" rel="noopener noreferrer" class="social-link" title="Follow us on Instagram">
<i class="fab fa-instagram"></i>
</a>
<a href="https://youtube.com/@soundstudiopro" target="_blank" rel="noopener noreferrer" class="social-link" title="Subscribe to our YouTube">
<i class="fab fa-youtube"></i>
</a>
<a href="https://tiktok.com/@soundstudiopro" target="_blank" rel="noopener noreferrer" class="social-link" title="Follow us on TikTok">
<i class="fab fa-tiktok"></i>
</a>
<a href="https://discord.gg/soundstudiopro" target="_blank" rel="noopener noreferrer" class="social-link" title="Join our Discord">
<i class="fab fa-discord"></i>
</a>
</div>
</div>
<div class="footer-section">
<h4>Platform</h4>
<ul class="footer-links">
<li><a href="/create_music.php">Create Music</a></li>
<li><a href="/library.php">My Library</a></li>
<li><a href="/artists.php">Community</a></li>
<li><a href="/community.php">Music Feed</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Support</h4>
<ul class="footer-links">
<li><a href="/help">Help Center</a></li>
<li><a href="/contact">Contact Us</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/feedback">Feedback</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Legal</h4>
<ul class="footer-links">
<li><a href="/privacy">Privacy Policy</a></li>
<li><a href="/terms">Terms of Service</a></li>
<li><a href="/cookies">Cookie Policy</a></li>
<li><a href="/licenses">Licenses</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-copyright">
<p>© 2024 SoundStudioPro. All rights reserved. Creating divine music for the glory of God.</p>
</div>
<div class="footer-version">
<span>Version 2.0 - Divine Edition</span>
</div>
</div>
</div>
</footer>
<style>
/* Footer styles */
.footer {
background: var(--bg-secondary);
border-top: 1px solid var(--border-light);
padding: var(--space-2xl) 0 var(--space-lg);
margin-top: var(--space-2xl);
}
.footer-content {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: var(--space-xl);
margin-bottom: var(--space-xl);
}
.footer-logo {
display: flex;
align-items: center;
gap: var(--space-sm);
font-family: var(--font-heading);
font-weight: 800;
font-size: 1.5rem;
margin-bottom: var(--space-md);
}
.footer-logo i {
background: var(--gradient-primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 2rem;
}
.footer-logo span {
background: var(--gradient-primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.footer-description {
color: var(--text-secondary);
margin-bottom: var(--space-lg);
line-height: 1.6;
}
.social-links {
display: flex;
gap: var(--space-sm);
}
.social-link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: var(--bg-card);
border: 1px solid var(--border-light);
border-radius: 50%;
color: var(--text-secondary);
transition: var(--transition-normal);
}
.social-link:hover {
background: var(--gradient-primary);
color: var(--text-primary);
transform: translateY(-2px);
border-color: var(--border-accent);
}
.footer-section h4 {
color: var(--text-primary);
margin-bottom: var(--space-md);
font-size: 1.1rem;
font-weight: 600;
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: var(--space-sm);
}
.footer-links a {
color: var(--text-secondary);
transition: var(--transition-normal);
}
.footer-links a:hover {
color: var(--text-accent);
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: var(--space-lg);
border-top: 1px solid var(--border-light);
}
.footer-copyright p {
color: var(--text-muted);
margin: 0;
}
.footer-version span {
color: var(--text-muted);
font-size: 0.9rem;
}
/* Responsive footer */
@media (max-width: 768px) {
.footer-content {
grid-template-columns: 1fr;
gap: var(--space-lg);
}
.footer-bottom {
flex-direction: column;
gap: var(--space-md);
text-align: center;
}
}
</style>
<!-- JavaScript -->
<script>
// Mobile menu toggle
document.addEventListener('DOMContentLoaded', function() {
const mobileToggle = document.getElementById('mobile-menu-toggle');
const nav = document.getElementById('main-nav');
if (mobileToggle && nav) {
mobileToggle.addEventListener('click', function() {
nav.classList.toggle('active');
});
}
// Close mobile menu when clicking outside
document.addEventListener('click', function(e) {
if (!nav.contains(e.target) && !mobileToggle.contains(e.target)) {
nav.classList.remove('active');
}
});
});
// Theme system (preserved from original)
class ColorSchemeManager {
constructor() {
this.currentTheme = localStorage.getItem('soundstudiopro_theme') || 'heavenly';
this.init();
}
init() {
this.applyTheme(this.currentTheme);
this.createThemeToggle();
this.bindEvents();
}
// Generate Feng Shui harmonious colors
generateFengShuiColors() {
const fengShuiPalettes = [
{
primary: 'hsl(200, 80%, 50%)',
secondary: 'hsl(120, 70%, 45%)',
accent: 'hsl(45, 90%, 60%)',
name: 'Water & Wood'
},
{
primary: 'hsl(15, 85%, 55%)',
secondary: 'hsl(30, 75%, 50%)',
accent: 'hsl(200, 70%, 60%)',
name: 'Fire & Earth'
},
{
primary: 'hsl(220, 75%, 55%)',
secondary: 'hsl(280, 70%, 60%)',
accent: 'hsl(160, 80%, 50%)',
name: 'Metal & Water'
},
{
primary: 'hsl(25, 80%, 50%)',
secondary: 'hsl(45, 85%, 55%)',
accent: 'hsl(200, 75%, 55%)',
name: 'Earth & Fire'
},
{
primary: 'hsl(140, 75%, 45%)',
secondary: 'hsl(20, 85%, 55%)',
accent: 'hsl(260, 70%, 60%)',
name: 'Wood & Fire'
},
{
primary: 'hsl(210, 80%, 50%)',
secondary: 'hsl(0, 70%, 55%)',
accent: 'hsl(60, 85%, 55%)',
name: 'Water & Metal'
},
{
primary: 'hsl(10, 85%, 55%)',
secondary: 'hsl(120, 75%, 45%)',
accent: 'hsl(280, 75%, 60%)',
name: 'Fire & Wood'
},
{
primary: 'hsl(240, 75%, 55%)',
secondary: 'hsl(35, 80%, 50%)',
accent: 'hsl(160, 80%, 50%)',
name: 'Metal & Earth'
}
];
return fengShuiPalettes[Math.floor(Math.random() * fengShuiPalettes.length)];
}
generateGradient(color1, color2) {
return `linear-gradient(135deg, ${color1} 0%, ${color2} 100%)`;
}
generateFengShuiTheme() {
const palette = this.generateFengShuiColors();
const bgPrimary = '#0a0a0a';
const bgSecondary = '#1a1a1a';
const bgTertiary = '#2d2d2d';
const textPrimary = '#ffffff';
const textSecondary = '#a0aec0';
return {
primaryGradient: this.generateGradient(palette.primary, palette.secondary),
secondaryGradient: this.generateGradient(palette.secondary, palette.accent),
accentGradient: this.generateGradient(palette.accent, palette.primary),
bgPrimary: bgPrimary,
bgSecondary: bgSecondary,
bgTertiary: bgTertiary,
bgHeader: 'rgba(10, 10, 10, 0.95)',
bgCard: 'rgba(26, 26, 26, 0.9)',
bgOverlay: 'rgba(0, 0, 0, 0.5)',
textPrimary: textPrimary,
textSecondary: textSecondary,
textMuted: '#718096',
textLight: '#4a5568',
textAccent: palette.primary,
borderLight: 'rgba(255, 255, 255, 0.1)',
borderMedium: 'rgba(255, 255, 255, 0.2)',
borderAccent: `${palette.primary.replace('hsl', 'hsla').replace(')', ', 0.3)')}`,
shadowLight: '0 4px 6px -1px rgba(0, 0, 0, 0.3)',
shadowMedium: '0 10px 15px -3px rgba(0, 0, 0, 0.3)',
shadowHeavy: '0 25px 50px -12px rgba(0, 0, 0, 0.5)',
glowPrimary: `0 0 20px ${palette.primary.replace('hsl', 'hsla').replace(')', ', 0.5)')}`,
glowSecondary: `0 0 30px ${palette.secondary.replace('hsl', 'hsla').replace(')', ', 0.4)')}`,
glowAccent: `0 0 25px ${palette.accent.replace('hsl', 'hsla').replace(')', ', 0.3)')}`,
name: palette.name
};
}
applyTheme(themeName) {
let theme;
if (themeName === 'random') {
theme = this.generateFengShuiTheme();
} else {
const themes = {
heavenly: {
primaryGradient: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)',
secondaryGradient: 'linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)',
accentGradient: 'linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)',
bgPrimary: '#0a0a0a',
bgSecondary: '#1a1a1a',
bgTertiary: '#2d2d2d',
bgHeader: 'rgba(10, 10, 10, 0.95)',
bgCard: 'rgba(26, 26, 26, 0.9)',
bgOverlay: 'rgba(0, 0, 0, 0.5)',
textPrimary: '#ffffff',
textSecondary: '#a0aec0',
textMuted: '#718096',
textLight: '#4a5568',
textAccent: '#4facfe',
borderLight: 'rgba(255, 255, 255, 0.1)',
borderMedium: 'rgba(255, 255, 255, 0.2)',
borderAccent: 'rgba(79, 172, 254, 0.3)',
shadowLight: '0 4px 6px -1px rgba(0, 0, 0, 0.3)',
shadowMedium: '0 10px 15px -3px rgba(0, 0, 0, 0.3)',
shadowHeavy: '0 25px 50px -12px rgba(0, 0, 0, 0.5)',
glowPrimary: '0 0 20px rgba(79, 172, 254, 0.5)',
glowSecondary: '0 0 30px rgba(168, 237, 234, 0.4)',
glowAccent: '0 0 25px rgba(255, 236, 210, 0.3)',
name: 'Heavenly Blue'
}
};
theme = themes[themeName] || themes.heavenly;
}
Object.keys(theme).forEach(key => {
if (key !== 'name') {
const cssVar = key.replace(/([A-Z])/g, '-$1').toLowerCase();
document.documentElement.style.setProperty(`--${cssVar}`, theme[key]);
}
});
localStorage.setItem('soundstudiopro_theme', themeName);
this.currentTheme = themeName;
return theme.name;
}
createThemeToggle() {
const toggle = document.getElementById('theme-toggle');
if (toggle) {
setTimeout(() => {
toggle.classList.add('visible');
}, 1000);
}
}
bindEvents() {
document.addEventListener('click', (e) => {
if (e.target.classList.contains('theme-toggle-btn')) {
this.randomizeTheme();
}
});
}
randomizeTheme() {
const themeName = this.applyTheme('random');
this.showNotification(`${themeName} theme activated! 🎨✨`);
}
showNotification(message) {
const notification = document.createElement('div');
notification.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
background: var(--primary-gradient);
color: white;
padding: 1rem 2rem;
border-radius: 10px;
font-size: 1.4rem;
font-weight: 600;
z-index: 10000;
transform: translateX(100%);
transition: transform 0.3s ease;
`;
notification.textContent = message;
document.body.appendChild(notification);
setTimeout(() => {
notification.style.transform = 'translateX(0)';
}, 100);
setTimeout(() => {
notification.style.transform = 'translateX(100%)';
setTimeout(() => {
document.body.removeChild(notification);
}, 300);
}, 3000);
}
}
// Initialize color manager
let colorManager;
document.addEventListener('DOMContentLoaded', () => {
colorManager = new ColorSchemeManager();
});
</script>
</body>
</html>