<!-- NDWOMPAFIE APP DOWNLOAD BANNER -->
<div class="ndw-app-promo">

    <div class="ndw-promo-glow"></div>

    <div class="ndw-promo-inner">

        <!-- App Icon -->
        <div class="ndw-app-icon-wrap">
            <img
                src="https://www.ndwompafie.net/wp-content/uploads/2026/09/cropped-Ndwompafie-icon-1.png"
                alt="Ndwompafie App"
                class="ndw-app-icon"
            >
            <span class="ndw-online-dot"></span>
        </div>

        <!-- App Information -->
        <div class="ndw-promo-info">

            <div class="ndw-promo-label">
                <span class="ndw-android-symbol">●</span>
                ANDROID APP
            </div>

            <h3>
                Take Ndwompafie
                <span>with you.</span>
            </h3>

            <p>
                Stream your favorite music, discover new artists
                and enjoy Ndwompafie anywhere.
            </p>

            <div class="ndw-promo-meta">
                <span>✓ Free</span>
                <span>•</span>
                <span>Version 1.0.1</span>
                <span>•</span>
                <span>Android</span>
            </div>

        </div>

        <!-- Download Button -->
        <div class="ndw-promo-action">

            <a
                href="https://www.ndwompafie.net/app/Ndwompafie-1.0.1.apk"
                class="ndw-download-button"
                download
                aria-label="Download Ndwompafie Android App"
            >

                <span class="ndw-button-icon">
                    <svg viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M12 3v11m0 0 4-4m-4 4-4-4M5 20h14"
                              fill="none"
                              stroke="currentColor"
                              stroke-width="2"
                              stroke-linecap="round"
                              stroke-linejoin="round"/>
                    </svg>
                </span>

                <span class="ndw-button-text">
                    <small>DOWNLOAD</small>
                    <strong>Android App</strong>
                </span>

                <span class="ndw-button-arrow">→</span>

            </a>

            <div class="ndw-secure-text">
                <span>●</span> Official Ndwompafie release
            </div>

        </div>

    </div>

</div>


<style>

/* =========================================
   NDWOMPAFIE APP DOWNLOAD BANNER
   ========================================= */

.ndw-app-promo {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 25px auto;
    padding: 1px;
    border-radius: 22px;

    background:
        linear-gradient(
            120deg,
            rgba(255, 35, 35, .65),
            rgba(255,255,255,.08),
            rgba(255, 35, 35, .25)
        );

    box-sizing: border-box;

    overflow: hidden;

    isolation: isolate;
}


/* Main glass card */

.ndw-promo-inner {
    position: relative;

    display: flex;
    align-items: center;

    gap: 24px;

    padding: 20px 24px;

    border-radius: 21px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(255, 30, 30, .15),
            transparent 35%
        ),
        linear-gradient(
            110deg,
            #090909,
            #151515 55%,
            #0c0c0c
        );

    color: #fff;

    overflow: hidden;
}


/* Background red glow */

.ndw-promo-inner::before {
    content: "";

    position: absolute;

    width: 240px;
    height: 240px;

    right: -100px;
    top: -130px;

    background: #ff1717;

    opacity: .13;

    filter: blur(70px);

    border-radius: 50%;

    pointer-events: none;
}


/* Animated background line */

.ndw-promo-inner::after {
    content: "";

    position: absolute;

    width: 320px;
    height: 2px;

    right: -80px;
    bottom: 25px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,35,35,.7),
            transparent
        );

    transform: rotate(-8deg);

    animation: ndwLightLine 4s infinite;

    pointer-events: none;
}


/* =========================================
   APP ICON
   ========================================= */

.ndw-app-icon-wrap {
    position: relative;

    flex-shrink: 0;

    width: 76px;
    height: 76px;
}


.ndw-app-icon {
    width: 76px;
    height: 76px;

    display: block;

    object-fit: cover;

    border-radius: 19px;

    background: #fff;

    box-shadow:
        0 8px 25px rgba(0,0,0,.45),
        0 0 0 1px rgba(255,255,255,.1);

    transition: .3s ease;
}


.ndw-app-promo:hover .ndw-app-icon {
    transform: scale(1.04) rotate(-2deg);

    box-shadow:
        0 12px 30px rgba(0,0,0,.55),
        0 0 25px rgba(255,30,30,.2);
}


/* Online indicator */

.ndw-online-dot {
    position: absolute;

    right: 3px;
    bottom: 3px;

    width: 13px;
    height: 13px;

    background: #ff3030;

    border: 3px solid #101010;

    border-radius: 50%;

    box-shadow:
        0 0 10px rgba(255,40,40,.8);

    animation: ndwDotPulse 2s infinite;
}


/* =========================================
   TEXT
   ========================================= */

.ndw-promo-info {
    position: relative;

    z-index: 2;

    flex: 1;

    min-width: 0;
}


.ndw-promo-label {
    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 5px;

    color: #ff4a4a;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.7px;
}


.ndw-android-symbol {
    width: 7px;
    height: 7px;

    display: inline-block;

    background: #ff3030;

    border-radius: 50%;

    box-shadow:
        0 0 8px rgba(255,30,30,.7);
}


.ndw-promo-info h3 {
    margin: 0;

    padding: 0;

    color: #fff;

    font-size: 25px;

    line-height: 1.15;

    font-weight: 850;

    letter-spacing: -.5px;
}


.ndw-promo-info h3 span {
    color: #ff3030;
}


.ndw-promo-info p {
    margin: 7px 0 9px;

    max-width: 560px;

    color: #a9a9a9;

    font-size: 12px;

    line-height: 1.5;
}


.ndw-promo-meta {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    color: #777;

    font-size: 9px;

    font-weight: 600;
}


.ndw-promo-meta span:first-child {
    color: #c9c9c9;
}


/* =========================================
   DOWNLOAD AREA
   ========================================= */

.ndw-promo-action {
    position: relative;

    z-index: 3;

    flex-shrink: 0;

    text-align: right;
}


.ndw-download-button {
    position: relative;

    display: flex;

    align-items: center;

    gap: 10px;

    min-width: 190px;

    padding: 10px 11px;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #ff3030,
            #d90000
        );

    color: #fff !important;

    text-decoration: none !important;

    border: 1px solid rgba(255,255,255,.18);

    box-shadow:
        0 7px 22px rgba(225,0,0,.28);

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


/* Shine */

.ndw-download-button::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 70%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.22),
            transparent
        );

    transform: skewX(-20deg);

    animation: ndwButtonShine 3.5s infinite;
}


.ndw-download-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 12px 32px rgba(225,0,0,.42);
}


/* Download icon */

.ndw-button-icon {
    position: relative;

    z-index: 2;

    width: 36px;
    height: 36px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(255,255,255,.16);

    border: 1px solid rgba(255,255,255,.18);
}


.ndw-button-icon svg {
    width: 20px;
    height: 20px;
}


/* Button text */

.ndw-button-text {
    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    text-align: left;

    flex: 1;
}


.ndw-button-text small {
    color: rgba(255,255,255,.7);

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1.3px;
}


.ndw-button-text strong {
    color: #fff;

    font-size: 13px;

    font-weight: 850;

    line-height: 1.3;
}


/* Arrow */

.ndw-button-arrow {
    position: relative;

    z-index: 2;

    font-size: 20px;

    transition: transform .25s ease;
}


.ndw-download-button:hover .ndw-button-arrow {
    transform: translateX(4px);
}


/* Security text */

.ndw-secure-text {
    margin-top: 7px;

    color: #666;

    font-size: 8px;

    text-align: center;
}


.ndw-secure-text span {
    color: #35d47b;

    font-size: 7px;
}


/* =========================================
   ANIMATIONS
   ========================================= */

@keyframes ndwButtonShine {

    0% {
        left: -120%;
    }

    45%,100% {
        left: 150%;
    }

}


@keyframes ndwDotPulse {

    0%,100% {
        box-shadow:
            0 0 0 0 rgba(255,30,30,.5);
    }

    50% {
        box-shadow:
            0 0 0 5px rgba(255,30,30,0);
    }

}


@keyframes ndwLightLine {

    0%,
    100% {
        opacity: .3;
        transform: translateX(0) rotate(-8deg);
    }

    50% {
        opacity: .8;
        transform: translateX(-60px) rotate(-8deg);
    }

}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 850px) {

    .ndw-promo-inner {
        gap: 17px;

        padding: 17px;
    }

    .ndw-app-icon-wrap,
    .ndw-app-icon {
        width: 65px;
        height: 65px;
    }

    .ndw-promo-info h3 {
        font-size: 21px;
    }

    .ndw-promo-info p {
        font-size: 11px;
    }

    .ndw-download-button {
        min-width: 165px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 650px) {

    .ndw-app-promo {
        margin: 15px 10px;

        border-radius: 18px;
    }

    .ndw-promo-inner {
        display: grid;

        grid-template-columns: 54px 1fr;

        gap: 13px;

        padding: 15px;
    }

    .ndw-app-icon-wrap,
    .ndw-app-icon {
        width: 54px;
        height: 54px;
    }

    .ndw-online-dot {
        width: 10px;
        height: 10px;

        border-width: 2px;
    }

    .ndw-promo-info h3 {
        font-size: 18px;
    }

    .ndw-promo-info p {
        font-size: 10px;

        margin: 5px 0 7px;
    }

    .ndw-promo-meta {
        font-size: 8px;
    }

    .ndw-promo-action {
        grid-column: 1 / -1;

        width: 100%;
    }

    .ndw-download-button {
        width: 100%;

        box-sizing: border-box;

        justify-content: center;

        min-width: 0;

        padding: 11px;
    }

    .ndw-secure-text {
        margin-top: 6px;
    }

}


/* =========================================
   SMALL PHONES
   ========================================= */

@media (max-width: 380px) {

    .ndw-promo-inner {
        grid-template-columns: 48px 1fr;

        padding: 12px;
    }

    .ndw-app-icon-wrap,
    .ndw-app-icon {
        width: 48px;
        height: 48px;
    }

    .ndw-promo-info h3 {
        font-size: 16px;
    }

    .ndw-promo-info p {
        display: none;
    }

}
</style>
Ndwompafie.net
⌕
Fameye – Gen Z
#1 Most downloaded

Gen Z

Fameye

♫ 11,244↓ 6,657
Black Sherif – Jolie
#2 Most downloaded

Jolie

Black Sherif

♫ 2,237↓ 1,151
Kweku Smoke – Bombele
#3 Most downloaded

Bombele

Kweku Smoke

♫ 2,124↓ 1,115
Kweku Smoke – Bra
#7 Most downloaded

Bra

Kweku Smoke

♫ 1,479↓ 764
Strongman – The Statement
#8 Most downloaded

The Statement

Strongman

♫ 2,297↓ 641
Medikal – Stay Strong
#9 Most downloaded

Stay Strong

Medikal

♫ 2,625↓ 630

Latest Music

See all →

Trending now

See all ›

Fresh from Ghana

See all ›

Naija Hits

See all ›

Dancehall

See all ›

Music Videos

See all ›

Featured Mixtapes

See all ›

Albums & EPs

See all ›

Gospel

See all ›

New this week

See all ›

Discover more

See all ›

Latest News

See all →