Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="MAKE WAVS empowers creators with unique sample packs, drum kits, and preset banks designed to push the culture forward.">
    <title>MAKE WAVS®</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #000;
            color: #fff;
        }

        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            background-color: #000;
        }

        header h1 {
            font-size: 24px;
            text-transform: uppercase;
        }

        nav ul {
            display: flex;
            list-style-type: none;
        }

        nav ul li {
            margin-left: 20px;
        }

        nav ul li a {
            color: #fff;
            text-decoration: none;
            text-transform: uppercase;
        }

        .hero {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background-color: #1a1a1a;
        }

        .hero h2 {
            font-size: 50px;
            text-transform: uppercase;
            letter-spacing: 5px;
        }

        .products {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 20px;
            padding: 50px;
        }

        .product {
            background-color: #111;
            padding: 20px;
            text-align: center;
            border: 1px solid #333;
        }

        .product h3 {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .cta {
            display: block;
            margin: 30px auto;
            padding: 15px 30px;
            text-align: center;
            background-color: #fff;
            color: #000;
            text-transform: uppercase;
            text-decoration: none;
            letter-spacing: 3px;
            transition: 0.3s;
        }

        .cta:hover {
            background-color: #f5f5f5;
        }

        footer {
            text-align: center;
            padding: 20px;
            background-color: #000;
            color: #fff;
        }
    </style>
</head>
<body>

<header>
    <h1>MAKE WAVS®</h1>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Shop</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </nav>
</header>

<section class="hero">
    <h2>Don’t Ride Waves, Make Them</h2>
</section>

<section class="products">
    <div class="product">
        <h3>Golden Hour (Sample Pack)</h3>
        <p>Alternative R&B, Melodic, Ambient Hip-Hop. Inspired by Drake, Karri, 4Batz.</p>
        <a class="cta" href="#">Shop Now</a>
    </div>
    <div class="product">
        <h3>Forgiveness (Sample Pack)</h3>
        <p>Rage, Trap, Alternative Hip-Hop. Inspired by Don Toliver, Travis Scott, Yeat.</p>
        <a class="cta" href="#">Shop Now</a>
    </div>
    <div class="product">
        <h3>Currents (Sample Pack)</h3>
        <p>R&B, Funk, Electronic. Inspired by KAYTRANADA, Tame Impala, Anderson .Paak.</p>
        <a class="cta" href="#">Shop Now</a>
    </div>
</section>

<footer>
    <p>© 2024 MAKE WAVS®. All Rights Reserved.</p>
</footer>

</body>
</html>
Editor is loading...