Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Single Track Mastering | VOTKOMPOT</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| </head> | |
| <body class="bg-gray-900 text-gray-100"> | |
| <custom-navbar></custom-navbar> | |
| <main> | |
| <!-- Hero Section with Parallax --> | |
| <section class="parallax-container relative py-32 flex items-center justify-center overflow-hidden"> | |
| <div class="parallax-layer parallax-layer-deep" data-depth="0.2"> | |
| <div class="absolute inset-0 bg-[url('https://static.photos/abstract/1200x630/2')] bg-cover bg-center opacity-20"></div> | |
| </div> | |
| <div class="parallax-layer parallax-layer-back" data-depth="0.1"> | |
| <div class="absolute inset-0 bg-[url('https://static.photos/technology/1200x630/43')] bg-cover bg-center opacity-40"></div> | |
| </div> | |
| <div class="relative z-10 text-center px-6 max-w-4xl mx-auto"> | |
| <h1 class="text-5xl md:text-7xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-indigo-400 to-purple-600"> | |
| Let's Make That Mix Shine | |
| </h1> | |
| <p class="text-xl md:text-2xl mb-10 text-gray-300"> | |
| Professional mastering that brings out the best in your music | |
| </p> | |
| </div> | |
| </section> | |
| <!-- Process Section with Parallax --> | |
| <section class="parallax-container relative py-32 bg-gray-800 overflow-hidden"> | |
| <div class="parallax-layer parallax-layer-back" data-depth="0.07"> | |
| <div class="absolute inset-0 bg-[url('https://static.photos/minimal/1200x630/3')] bg-cover bg-center opacity-15"></div> | |
| </div> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-4xl font-bold mb-16 text-center">Our Mastering Process for Single Tracks</h2> | |
| <div class="space-y-16"> | |
| <!-- Step 1 --> | |
| <div class="flex flex-col md:flex-row gap-10 items-center"> | |
| <div class="md:w-1/3"> | |
| <div class="bg-indigo-900/50 p-8 rounded-xl border border-indigo-700"> | |
| <div class="text-5xl font-bold text-indigo-400 mb-4">01</div> | |
| <h3 class="text-2xl font-bold mb-4">24-bit Analysis</h3> | |
| <p class="text-gray-300">We analyze your 24-bit audio file at the highest resolution to preserve every detail.</p> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3"> | |
| <ul class="space-y-4 text-gray-300"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>Full spectrum frequency analysis using iZotope Insight</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>Phase correlation and stereo imaging evaluation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>Dynamic range assessment with TC Electronic LM2</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Step 2 --> | |
| <div class="flex flex-col md:flex-row gap-10 items-center"> | |
| <div class="md:w-1/3"> | |
| <div class="bg-purple-900/50 p-8 rounded-xl border border-purple-700"> | |
| <div class="text-5xl font-bold text-purple-400 mb-4">02</div> | |
| <h3 class="text-2xl font-bold mb-4">Analogue Processing</h3> | |
| <p class="text-gray-300">Our signal chain includes premium analogue hardware for warmth and character.</p> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3"> | |
| <div class="grid md:grid-cols-2 gap-6"> | |
| <div class="bg-gray-700/50 p-6 rounded-lg"> | |
| <h4 class="font-bold text-lg mb-3 text-purple-300">Manley Massive Passive EQ</h4> | |
| <p class="text-gray-300">Tube-driven equalization for smooth frequency shaping and harmonic enhancement.</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-6 rounded-lg"> | |
| <h4 class="font-bold text-lg mb-3 text-purple-300">Pultec EQP-1A</h4> | |
| <p class="text-gray-300">Vintage-style equalization for musical low-end boost and high-frequency air.</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-6 rounded-lg"> | |
| <h4 class="font-bold text-lg mb-3 text-purple-300">Fairchild 670 Compressor</h4> | |
| <p class="text-gray-300">Legendary tube compression for glue and musical dynamics control.</p> | |
| </div> | |
| <div class="bg-gray-700/50 p-6 rounded-lg"> | |
| <h4 class="font-bold text-lg mb-3 text-purple-300">Shadow Hills Mastering Compressor</h4> | |
| <p class="text-gray-300">Discrete Class-A compression with multiple transformer options.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Step 3 --> | |
| <div class="flex flex-col md:flex-row gap-10 items-center"> | |
| <div class="md:w-1/3"> | |
| <div class="bg-pink-900/50 p-8 rounded-xl border border-pink-700"> | |
| <div class="text-5xl font-bold text-pink-400 mb-4">03</div> | |
| <h3 class="text-2xl font-bold mb-4">Digital Precision</h3> | |
| <p class="text-gray-300">Final touches with pristine digital processing.</p> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3"> | |
| <ul class="space-y-4 text-gray-300"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>iZotope RX for surgical noise reduction if needed</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>Weiss DS1-MK3 for transparent digital limiting</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>Sonarworks Reference 4 for accurate monitoring</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="w-6 h-6 text-green-400 mr-3 mt-1"></i> | |
| <span>Final dithering to 16-bit (if required) with POW-r algorithm</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 bg-gradient-to-r from-indigo-900 to-purple-900"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h2 class="text-4xl font-bold mb-8">Ready to Master Your Single Track?</h2> | |
| <p class="text-xl text-gray-300 mb-10 max-w-2xl mx-auto">Upload your 24-bit audio file and experience professional mastering with premium analogue processing.</p> | |
| <div class="flex flex-col sm:flex-row gap-4 justify-center"> | |
| <a href="#pricing" class="px-8 py-4 bg-white text-indigo-900 hover:bg-gray-100 rounded-full font-bold text-lg transition-all transform hover:scale-105"> | |
| Get Started Now | |
| </a> | |
| <a href="#" class="px-8 py-4 border-2 border-white hover:bg-white/10 rounded-full font-bold text-lg transition-all"> | |
| Contact Engineer | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="components/audio-comparison.js"></script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |