<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MusicMixingWPB.com | Professional Audio Engineering</title>
<style>
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
background-color: #0f0f0f;
color: #ffffff;
line-height: 1.6;
}
header {
height: 60vh;
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=1200&q=80');
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
}
h1 { font-size: 3.5rem; margin-bottom: 10px; letter-spacing: 2px; }
p.subtitle { font-size: 1.2rem; color: #00d4ff; text-transform: uppercase; font-weight: bold; }
.container { max-width: 900px; margin: 0 auto; padding: 40px 20px; }
.services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; }
.card { background: #1a1a1a; padding: 25px; border-radius: 8px; border-bottom: 4px solid #00d4ff; }
.card h3 { color: #00d4ff; }
.cta-button {
display: inline-block;
margin-top: 30px;
padding: 15px 30px;
background-color: #00d4ff;
color: #000;
text-decoration: none;
font-weight: bold;
border-radius: 50px;
transition: 0.3s;
}
.cta-button:hover { background-color: #fff; }
footer { text-align: center; padding: 40px; font-size: 0.9rem; color: #666; }
</style>
</head>
<body>
<header>
<p class="subtitle">Precision Sound. Professional Impact.</p>
<h1>MusicMixing.com</h1>
<a href="#contact" class="cta-button">Get Your Mix Started</a>
</header>
<div class="container">
<section id="about">
<h2>Your sound, perfected.</h2>
<p>We provide world-class mixing and mastering services tailored to independent artists and labels. From crystal-clear vocals to earth-shaking low end, we bring your vision to life using industry-standard tools and a professional ear.</p>
</section>
<div class="services">
<div class="card">
<h3>Stereo Mixing</h3>
<p>Balanced, punchy, and radio-ready mixes that translate perfectly across all playback systems.</p>
</div>
<div class="card">
<h3>Mastering</h3>
<p>The final polish. We ensure your tracks meet loudness standards while maintaining dynamic integrity.</p>
</div>
<div class="card">
<h3>Vocal Tuning</h3>
<p>Natural pitch correction and timing adjustments to make your performance shine.</p>
</div>
</div>
</div>
<footer id="contact">
<p>© 2026 MusicMixingWPB.com. All Rights Reserved.</p>
</footer>
</body>
</html>