Files
dicky arya pratama ce77b651d6 feat(add-license-text)
add license text to upload app to up to down
2026-11-04 22:08:32 +07:00

906 lines
47 KiB
HTML

<!DOCTYPE html>
<html lang="id" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- ========================================================================
1. PRIMARY META TAGS (ON-PAGE SEO)
======================================================================== -->
<title>Musdestop — Download Pemutar Musik YouTube Desktop Gratis untuk PC Windows</title>
<meta name="description" content="Download Musdestop gratis untuk Windows 10/11. Pemutar musik YouTube desktop ringan bebas iklan dengan Audio Spectrum Visualizer &amp; playlist lokal tanpa login.">
<meta name="keywords" content="musdestop, youtube music desktop player, pemutar musik pc gratis, free music streaming pc, aghatis studio, lightweight audio player">
<meta name="author" content="Aghatis Studio">
<meta name="publisher" content="Aghatis Studio">
<meta name="application-name" content="Musdestop">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="theme-color" content="#141a20">
<meta name="color-scheme" content="dark">
<!-- Canonical URL -->
<link rel="canonical" href="https://musdestop.com/">
<!-- ========================================================================
2. MULTI-LANGUAGE HREFLANG TAGS (ID, EN, JA, X-DEFAULT)
======================================================================== -->
<link rel="alternate" hreflang="id" href="https://musdestop.com/?lang=id">
<link rel="alternate" hreflang="en" href="https://musdestop.com/?lang=en">
<link rel="alternate" hreflang="ja" href="https://musdestop.com/?lang=ja">
<link rel="alternate" hreflang="x-default" href="https://musdestop.com/">
<!-- ========================================================================
3. OPEN GRAPH (FACEBOOK, WHATSAPP, LINKEDIN, DISCORD)
======================================================================== -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="Musdestop">
<meta property="og:title" content="Musdestop — Download Pemutar Musik YouTube Desktop Gratis untuk PC Windows">
<meta property="og:description" content="Download Musdestop gratis untuk Windows 10/11. Pemutar musik YouTube desktop ringan bebas iklan dengan Audio Spectrum Visualizer &amp; playlist lokal tanpa login.">
<meta property="og:url" content="https://musdestop.com/">
<meta property="og:image" content="https://musdestop.com/assets/og-banner.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Musdestop Desktop YouTube Music Player Interface">
<meta property="og:locale" content="id_ID">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale:alternate" content="ja_JP">
<!-- ========================================================================
4. TWITTER CARDS
======================================================================== -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Musdestop — Download Pemutar Musik YouTube Desktop Gratis untuk PC Windows">
<meta name="twitter:description" content="Download Musdestop gratis untuk Windows 10/11. Pemutar musik YouTube desktop ringan bebas iklan dengan Audio Spectrum Visualizer &amp; playlist lokal tanpa login.">
<meta name="twitter:image" content="https://musdestop.com/assets/og-banner.png">
<meta name="twitter:image:alt" content="Musdestop Desktop YouTube Music Player Interface">
<!-- ========================================================================
5. FAVICON & WEB APP MANIFEST
======================================================================== -->
<link rel="icon" href="favicon.ico" sizes="32x32" type="image/png">
<link rel="icon" href="icon-192.png" sizes="192x192" type="image/png">
<link rel="icon" href="icon-512.png" sizes="512x512" type="image/png">
<link rel="apple-touch-icon" href="apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="site.webmanifest">
<!-- ========================================================================
6. CORE WEB VITALS: LCP PRELOAD & STYLESHEET
======================================================================== -->
<link rel="preload" as="image" href="assets/screenshot-explore.jpg" fetchpriority="high">
<link rel="stylesheet" href="style.css">
<!-- ========================================================================
7. DUAL JSON-LD STRUCTURED DATA SCHEMA (RICH SNIPPETS GOOGLE)
======================================================================== -->
<!-- Schema 1: SoftwareApplication -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Musdestop",
"operatingSystem": "Windows 10, Windows 11",
"applicationCategory": "MultimediaApplication",
"applicationSubCategory": "AudioPlayer",
"description": "Lightweight, modern, and free desktop YouTube music player with real-time audio visualizer and local playlists.",
"softwareVersion": "1.0.0",
"fileSize": "122MB",
"downloadUrl": "https://files.aghatis.id/f/3eT2/Musdestop-Setup-1.0.0.exe",
"screenshot": [
"https://musdestop.com/assets/screenshot-explore.jpg",
"https://musdestop.com/assets/screenshot-genre.jpg",
"https://musdestop.com/assets/screenshot-playlist.png"
],
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
},
"author": {
"@type": "Organization",
"name": "Aghatis Studio",
"url": "https://musdestop.com"
}
}
</script>
<!-- Schema 2: FAQPage -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Apakah aplikasi Musdestop benar-benar 100% gratis tanpa biaya langganan?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya, 100% gratis! Musdestop dirilis oleh Aghatis Studio sebagai Freeware murni tanpa biaya langganan bulanan, tanpa fitur berbayar yang dikunci, dan bebas iklan pop-up."
}
},
{
"@type": "Question",
"name": "Dari mana sumber lagu dan musik yang diputar di dalam Musdestop?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Musdestop melakukan streaming audio langsung dari katalog publik YouTube, mencakup jutaan lagu resmi, musik indie, remix, instrumen Lofi, hingga podcast berdurasi panjang."
}
},
{
"@type": "Question",
"name": "Apakah saya harus membuat akun atau login untuk menyimpan playlist?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Tidak perlu. Seluruh Koleksi Playlist Lokal dan Lagu Favorit disimpan langsung di penyimpanan lokal komputer Windows Anda tanpa memerlukan registrasi akun atau login."
}
},
{
"@type": "Question",
"name": "Kapan Musdestop tersedia untuk Android, iOS, Linux, dan macOS?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Saat ini hanya versi PC Windows (Windows 10 dan Windows 11 64-bit) yang aktif dan tersedia untuk diunduh. Versi untuk Android, iOS, Linux, dan macOS berstatus Coming Soon dalam peta jalan pengembangan Aghatis Studio."
}
}
]
}
</script>
</head>
<body>
<!-- Accessibility Skip Navigation -->
<a href="#main-content" class="skip-link" data-i18n="a11y.skipLink">Lewati ke konten utama</a>
<!-- ========================================================================
STICKY HEADER & NAVIGATION
======================================================================== -->
<header class="site-header" role="banner">
<div class="container navbar">
<a href="#top" class="brand-logo" aria-label="Musdestop Home — Aghatis Studio">
<img
src="logo.png"
alt="Logo Resmi Musdestop — Aplikasi Pemutar Musik YouTube Desktop oleh Aghatis Studio"
data-i18n-attr="alt:a11y.logoAlt"
width="802"
height="190"
class="brand-logo-img"
decoding="async">
</a>
<nav aria-label="Primary Navigation">
<ul class="nav-links" id="primary-nav-links">
<li><a href="#features" data-i18n="nav.features">Fitur Utama</a></li>
<li><a href="#showcase" data-i18n="nav.showcase">Tampilan Aplikasi</a></li>
<li><a href="#download" data-i18n="nav.download">Download Hub</a></li>
<li><a href="#faq" data-i18n="nav.faq">FAQ</a></li>
<li><a href="#about" data-i18n="nav.about">Tentang Kami</a></li>
</ul>
</nav>
<div class="nav-actions">
<!-- Instant Static I18N Language Switcher (ID, EN, JA) -->
<div class="lang-switcher" role="group" aria-label="Language Selector">
<button type="button" class="lang-btn active" data-lang="id" aria-pressed="true" title="Bahasa Indonesia">🇮🇩 ID</button>
<button type="button" class="lang-btn" data-lang="en" aria-pressed="false" title="English">🇬🇧 EN</button>
<button type="button" class="lang-btn" data-lang="ja" aria-pressed="false" title="日本語">🇯🇵 JA</button>
</div>
<a href="#download" class="btn btn-primary btn-sm" data-i18n="nav.ctaDownload">Download Gratis (.exe)</a>
<button
type="button"
class="mobile-menu-btn"
id="mobile-menu-toggle"
aria-expanded="false"
aria-controls="primary-nav-links"
aria-label="Buka atau tutup menu navigasi"
data-i18n-attr="aria-label:a11y.menuBtnLabel">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<line x1="3" y1="6" x2="21" y2="6"></line>
<line x1="3" y1="12" x2="21" y2="12"></line>
<line x1="3" y1="18" x2="21" y2="18"></line>
</svg>
</button>
</div>
</div>
</header>
<!-- ========================================================================
MAIN CONTENT AREA
======================================================================== -->
<main id="main-content">
<!-- ======================================================================
HERO SECTION (EXACTLY ONE H1 TAG & LCP PRELOADED SCREENSHOT)
====================================================================== -->
<section class="hero-section" id="top" aria-labelledby="hero-heading">
<div class="container hero-grid">
<div class="hero-copy">
<div class="hero-badges">
<span class="badge badge-crimson">
<span class="pulse-dot" aria-hidden="true"></span>
<span data-i18n="hero.badgeVersion">Rilis Stabil v1.0.0 • Windows 10/11 (64-bit)</span>
</span>
<span class="badge badge-freeware" data-i18n="hero.badgeFreeware">
100% Freeware • Bebas Iklan • Tanpa Langganan
</span>
</div>
<!-- SINGLE H1 TAG ON THE ENTIRE PAGE (STRICT HEADING HIERARCHY) -->
<h1 class="hero-title" id="hero-heading">
<span data-i18n="hero.h1Part1">Download </span>
<span class="text-crimson" data-i18n="hero.h1Highlight">Musdestop</span>
<span data-i18n="hero.h1Part2"> — Pemutar Musik YouTube Desktop Gratis untuk PC Windows</span>
</h1>
<p class="hero-subtitle" data-i18n="hero.subtitle">
Nikmati jutaan lagu, remix, podcast, dan live audio dari YouTube dalam antarmuka desktop gelap yang super ringan. Dilengkapi Real-Time Audio Spectrum Visualizer, Smart Genre Shuffle, dan Playlist Lokal tanpa perlu login akun.
</p>
<div class="hero-cta-group">
<a
href="#download"
class="btn btn-primary"
aria-label="Download Musdestop untuk Windows 64-bit (.exe)">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
</svg>
<span data-i18n="hero.ctaExe">Download Musdestop untuk Windows 64-bit (.exe)</span>
</a>
</div>
<ul class="hero-meta-list">
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span data-i18n="hero.meta1">100% Gratis Selamanya</span>
</li>
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span data-i18n="hero.meta2">Ringan &amp; Hemat RAM (&lt;80 MB)</span>
</li>
<li>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
<span data-i18n="hero.meta3">Tanpa Perlu Login Akun</span>
</li>
</ul>
</div>
<!-- LCP Hero App Screenshot Mockup -->
<div class="hero-mockup-wrapper">
<div class="hero-glow-backdrop" aria-hidden="true"></div>
<div class="app-window-frame">
<div class="window-titlebar">
<div class="window-brand">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#eb444c" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M9 18V5l12-2v13"></path>
<circle cx="6" cy="18" r="3"></circle>
<circle cx="18" cy="16" r="3"></circle>
</svg>
<span data-i18n="hero.windowTitle">Musdestop — Pemutar Musik Desktop (Windows 10/11)</span>
</div>
<div class="window-controls" aria-hidden="true">
<span class="win-dot"></span>
<span class="win-dot"></span>
<span class="win-dot close"></span>
</div>
</div>
<img
src="assets/screenshot-explore.jpg"
alt="Tampilan Antarmuka Eksplorasi dan Rekomendasi Populer Musdestop di PC Windows"
data-i18n-attr="alt:a11y.heroImgAlt"
width="1024"
height="645"
fetchpriority="high"
decoding="async"
class="hero-screenshot-img">
</div>
<div class="floating-eq-badge">
<div class="eq-bars" aria-hidden="true">
<span class="eq-bar"></span>
<span class="eq-bar"></span>
<span class="eq-bar"></span>
<span class="eq-bar"></span>
<span class="eq-bar"></span>
<span class="eq-bar"></span>
</div>
<div class="eq-text">
<span data-i18n="hero.eqTitle">Real-Time Audio Spectrum Visualizer</span>
<span class="eq-sub" data-i18n="hero.eqSub">Gelombang frekuensi aktif di Player Bar &amp; Mini Player</span>
</div>
</div>
</div>
</div>
</section>
<!-- ======================================================================
TRUST & PERFORMANCE STATS RIBBON
====================================================================== -->
<div class="trust-ribbon" aria-label="Ringkasan Keunggulan Musdestop">
<div class="container trust-grid">
<div class="trust-item">
<strong data-i18n="trust.stat1Val">100% Gratis</strong>
<span data-i18n="trust.stat1Label">Lisensi Freeware Tanpa Biaya Langganan</span>
</div>
<div class="trust-item">
<strong data-i18n="trust.stat2Val">9+ Genre</strong>
<span data-i18n="trust.stat2Label">Kurasi Musik &amp; Smart Shuffle Instan</span>
</div>
<div class="trust-item">
<strong data-i18n="trust.stat3Val">0 Iklan</strong>
<span data-i18n="trust.stat3Label">Streaming Audio Fokus &amp; Bebas Gangguan</span>
</div>
</div>
</div>
<!-- ======================================================================
SECTION 1: 6 PILLARS FEATURES (#features) — H2 & H3 HIERARCHY
====================================================================== -->
<section class="section" id="features" aria-labelledby="features-heading">
<div class="container">
<div class="section-header">
<span class="section-eyebrow" data-i18n="features.eyebrow">6 Pilar Keunggulan Musdestop</span>
<h2 class="section-title" id="features-heading" data-i18n="features.title">
Dirancang Khusus untuk Kenyamanan Mendengarkan Musik di PC
</h2>
<p class="section-desc" data-i18n="features.desc">
Dikembangkan oleh Aghatis Studio dengan fokus pada performa native yang ringan, kualitas visual audio modern, dan privasi penuh di komputer Anda.
</p>
</div>
<div class="features-grid">
<!-- Pillar 1 -->
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polygon points="5 3 19 12 5 21 5 3"></polygon>
</svg>
</div>
<h3 data-i18n="features.f1Title">1. Streaming YouTube Bebas Gangguan</h3>
<p data-i18n="features.f1Desc">
Putar jutaan lagu resmi, remix komunitas, podcast berdurasi panjang, dan live audio dari YouTube secara langsung tanpa jeda iklan yang mengganggu dan tanpa biaya langganan bulanan.
</p>
</article>
<!-- Pillar 2 -->
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 3 21 3 21 8"></polyline>
<line x1="4" y1="20" x2="21" y2="3"></line>
<polyline points="21 16 21 21 16 21"></polyline>
<line x1="15" y1="15" x2="21" y2="21"></line>
<line x1="4" y1="4" x2="9" y2="9"></line>
</svg>
</div>
<h3 data-i18n="features.f2Title">2. Eksplorasi Genre &amp; Smart Shuffle</h3>
<p data-i18n="features.f2Desc">
Jelajahi 9+ genre kurasi pilihan (Lofi, Slow Rock, Pop, Rock, Synthwave, Hip Hop, EDM, Akustik, Jazz) lengkap dengan tombol Acak Ulang Semua untuk rekomendasi lagu instan.
</p>
<div class="genre-pills" aria-label="Supported Music Genres">
<span class="genre-pill">Lofi Chill</span>
<span class="genre-pill">Slow Rock</span>
<span class="genre-pill">Pop</span>
<span class="genre-pill">Rock</span>
<span class="genre-pill">Synthwave</span>
<span class="genre-pill">Hip Hop</span>
<span class="genre-pill">EDM</span>
<span class="genre-pill">Akustik</span>
<span class="genre-pill">Jazz</span>
</div>
</article>
<!-- Pillar 3 -->
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="20" x2="18" y2="10"></line>
<line x1="12" y1="20" x2="12" y2="4"></line>
<line x1="6" y1="20" x2="6" y2="14"></line>
</svg>
</div>
<h3 data-i18n="features.f3Title">3. Real-Time Audio Spectrum Visualizer</h3>
<p data-i18n="features.f3Desc">
Rasakan ritme musik lewat gelombang spektrum frekuensi audio warna-warni yang bergerak dinamis secara real-time langsung di bilah pemutar bawah maupun mode mini player.
</p>
</article>
<!-- Pillar 4 -->
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<rect x="12" y="9" width="8" height="6" rx="1"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<h3 data-i18n="features.f4Title">4. Floating Mini Player Mode (PiP)</h3>
<p data-i18n="features.f4Desc">
Sematkan jendela pemutar musik mengambang (Picture-in-Picture) yang ringkas di sudut layar agar tetap mudah mengontrol lagu saat sedang coding, bekerja, atau bermain game.
</p>
</article>
<!-- Pillar 5 -->
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
</svg>
</div>
<h3 data-i18n="features.f5Title">5. Koleksi Playlist Lokal Tanpa Login</h3>
<p data-i18n="features.f5Desc">
Buat, kelola, dan simpan daftar putar favorit Anda langsung di penyimpanan lokal komputer secara instan. Privasi terjaga 100% tanpa perlu mendaftar akun atau login.
</p>
</article>
<!-- Pillar 6 -->
<article class="feature-card">
<div class="feature-icon" aria-hidden="true">
<svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="4" width="20" height="16" rx="2"></rect>
<path d="M6 8h.01M10 8h.01M14 8h.01M18 8h.01M8 12h.01M12 12h.01M16 12h.01M7 16h10"></path>
</svg>
</div>
<h3 data-i18n="features.f6Title">6. Integrasi Penuh Windows Desktop</h3>
<p data-i18n="features.f6Desc">
Mendukung pintasan keyboard media global (Play/Pause/Next), pratinjau kontrol langsung di Windows Taskbar, serta berjalan mulus di System Tray latar belakang.
</p>
</article>
</div>
</div>
</section>
<!-- ======================================================================
SECTION 2: AUTHENTIC APP SCREENSHOTS SHOWCASE (#showcase)
====================================================================== -->
<section class="section section-alt" id="showcase" aria-labelledby="showcase-heading">
<div class="container">
<div class="section-header">
<span class="section-eyebrow" data-i18n="showcase.eyebrow">Tangkapan Layar Asli Aplikasi</span>
<h2 class="section-title" id="showcase-heading" data-i18n="showcase.title">
Antarmuka Gelap Modern yang Intuitif &amp; Responsif
</h2>
<p class="section-desc" data-i18n="showcase.desc">
Lihat langsung tampilan asli aplikasi Musdestop dengan skema warna Dark Slate (#141a20) dan aksen Crimson Red (#eb444c) yang nyaman di mata.
</p>
</div>
<div class="showcase-tabs" role="tablist" aria-label="Filter Tampilan Aplikasi">
<button type="button" class="showcase-tab-btn active" data-target="all" role="tab" aria-selected="true" data-i18n="showcase.tabAll">
Semua Tampilan
</button>
<button type="button" class="showcase-tab-btn" data-target="explore" role="tab" aria-selected="false" data-i18n="showcase.tabExplore">
1. Eksplorasi &amp; Pencarian
</button>
<button type="button" class="showcase-tab-btn" data-target="genre" role="tab" aria-selected="false" data-i18n="showcase.tabGenre">
2. Genre &amp; Smart Shuffle
</button>
<button type="button" class="showcase-tab-btn" data-target="playlist" role="tab" aria-selected="false" data-i18n="showcase.tabPlaylist">
3. Koleksi Playlist Lokal
</button>
</div>
<div class="showcase-grid">
<!-- Screenshot 1: Explore & Popular Recommendations -->
<article class="showcase-card" data-view="explore">
<div class="showcase-img-wrap">
<img
src="assets/screenshot-explore.jpg"
alt="Tangkapan Layar Musdestop: Menu Eksplorasi dan Rekomendasi Lagu Populer YouTube"
data-i18n-attr="alt:a11y.shot1Alt"
width="1024"
height="645"
loading="lazy"
decoding="async">
<span class="showcase-zoom-hint" data-i18n="showcase.zoomHint">Klik untuk memperbesar</span>
</div>
<div class="showcase-body">
<h3 data-i18n="showcase.card1Title">Eksplorasi &amp; Rekomendasi Populer</h3>
<p data-i18n="showcase.card1Desc">
Pencarian instan lagu, artis, atau album dengan chip inspirasi cepat (Lofi Chill, Top Hits, Synthwave, Pop Indonesia, Acoustic, Slow Rock, Deep Focus).
</p>
</div>
</article>
<!-- Screenshot 2: Genre Recommendations & Smart Shuffle -->
<article class="showcase-card" data-view="genre">
<div class="showcase-img-wrap">
<img
src="assets/screenshot-genre.jpg"
alt="Tangkapan Layar Musdestop: Rekomendasi Genre Pilihan Lofi, Pop Indonesia, dan Tombol Acak Pintar"
data-i18n-attr="alt:a11y.shot2Alt"
width="1024"
height="617"
loading="lazy"
decoding="async">
<span class="showcase-zoom-hint" data-i18n="showcase.zoomHint">Klik untuk memperbesar</span>
</div>
<div class="showcase-body">
<h3 data-i18n="showcase.card2Title">Rekomendasi Genre Pilihan &amp; Acak Pintar</h3>
<p data-i18n="showcase.card2Desc">
Barisan musik terkurasi seperti Lofi &amp; Chillhop serta Pop Indonesia Terpopuler dengan fitur 'Acak Ulang Semua' untuk menemukan lagu baru setiap hari.
</p>
</div>
</article>
<!-- Screenshot 3: Local Playlist Collection -->
<article class="showcase-card" data-view="playlist">
<div class="showcase-img-wrap">
<img
src="assets/screenshot-playlist.png"
alt="Tangkapan Layar Musdestop: Koleksi Playlist Lokal Tersimpan Offline Tanpa Login dan Audio Visualizer"
data-i18n-attr="alt:a11y.shot3Alt"
width="1024"
height="614"
loading="lazy"
decoding="async">
<span class="showcase-zoom-hint" data-i18n="showcase.zoomHint">Klik untuk memperbesar</span>
</div>
<div class="showcase-body">
<h3 data-i18n="showcase.card3Title">Koleksi Playlist Lokal &amp; Audio Visualizer</h3>
<p data-i18n="showcase.card3Desc">
Simpan 'Lagu Favorit' atau buat playlist baru secara lokal di PC lengkap dengan bar antrean lagu dan spektrum equalizer real-time di bagian bawah.
</p>
</div>
</article>
</div>
</div>
</section>
<!-- ======================================================================
SECTION 3: DOWNLOAD HUB (#download)
ONLY WINDOWS IS ACTIVE — ANDROID, IOS, LINUX, MACOS ARE COMING SOON
====================================================================== -->
<section class="section" id="download" aria-labelledby="download-heading">
<div class="container">
<div class="section-header">
<span class="section-eyebrow" data-i18n="download.eyebrow">Pusat Unduhan Resmi (Download Hub)</span>
<h2 class="section-title" id="download-heading" data-i18n="download.title">
Download Musdestop untuk PC Windows Anda
</h2>
<p class="section-desc" data-i18n="download.desc">
Pilih paket instalasi yang sesuai dengan kebutuhan perangkat Windows 10 atau Windows 11 Anda. Gratis, aman, dan bebas malware.
</p>
</div>
<div class="download-layout">
<!-- ACTIVE PLATFORM: WINDOWS 10/11 (64-BIT) -->
<article class="download-primary-card" aria-label="Windows Download">
<div class="os-header">
<div class="os-identity">
<div class="os-icon-box" aria-hidden="true">
<svg width="30" height="30" viewBox="0 0 24 24" fill="currentColor">
<path d="M3 5.5L10.5 4.5V11.5H3V5.5ZM11.5 4.35L21 3V11.5H11.5V4.35ZM3 12.5H10.5V19.5L3 18.5V12.5ZM11.5 12.5H21V21L11.5 19.65V12.5Z"></path>
</svg>
</div>
<div>
<h3 data-i18n="download.winTitle">Microsoft Windows</h3>
<span data-i18n="download.winSub">Windows 10 &amp; Windows 11 (Arsitektur 64-bit / x64)</span>
</div>
</div>
<span class="status-available" data-i18n="download.statusAvailable">Tersedia Sekarang (Aktif)</span>
</div>
<p class="download-desc" data-i18n="download.winDesc">
Versi penuh dengan seluruh 6 pilar fitur: Streaming YouTube bebas gangguan, 9+ Genre Smart Shuffle, Audio Spectrum Visualizer, Mini Player PiP, dan Playlist Lokal.
</p>
<!-- DESCRIPTIVE SEO ANCHOR TEXT DOWNLOAD BUTTON -->
<div class="download-buttons-grid">
<a
href="https://files.aghatis.id/f/3eT2/Musdestop-Setup-1.0.0.exe"
class="download-btn-box exe"
download>
<span class="dl-btn-top">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7 10 12 15 17 10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
</svg>
<span data-i18n="download.exeLabel">Download Musdestop untuk Windows 64-bit (.exe)</span>
</span>
<span class="dl-btn-sub" data-i18n="download.exeSub">Installer Standar • Direkomendasikan (v1.0.0 • 122 MB)</span>
</a>
</div>
<div class="sys-req-box">
<div class="sys-req-title" data-i18n="download.sysReqTitle">Spesifikasi Minimum Sistem Windows:</div>
<ul class="sys-req-list">
<li data-i18n="download.reqOs">• OS: Windows 10 / Windows 11 (64-bit)</li>
<li data-i18n="download.reqRam">• RAM: Minimal 2 GB (Rekomendasi 4 GB)</li>
<li data-i18n="download.reqDisk">• Penyimpanan: 400 MB ruang kosong</li>
<li data-i18n="download.reqNet">• Koneksi: Internet aktif untuk streaming</li>
</ul>
</div>
</article>
<!-- OTHER PLATFORMS: STRICTLY "COMING SOON" (DISABLED BUTTONS) -->
<div class="coming-soon-grid" aria-label="Platform Lainnya (Segera Hadir)">
<!-- Android (Coming Soon) -->
<article class="platform-soon-card">
<div>
<div class="platform-soon-top">
<div class="platform-soon-icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
<line x1="12" y1="18" x2="12.01" y2="18"></line>
</svg>
</div>
<span class="badge-soon" data-i18n="download.soonBadge">Segera Hadir (Coming Soon)</span>
</div>
<h3 data-i18n="download.androidTitle">Android</h3>
<p data-i18n="download.androidDesc">Aplikasi mobile untuk smartphone &amp; tablet Android sedang dalam tahap pengembangan.</p>
</div>
<button type="button" class="btn btn-sm btn-disabled" disabled aria-disabled="true" data-i18n="download.soonBtn">
Coming Soon — Belum Tersedia
</button>
</article>
<!-- iOS (Coming Soon) -->
<article class="platform-soon-card">
<div>
<div class="platform-soon-top">
<div class="platform-soon-icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path>
<path d="M10 2c1 .5 2 2 2 5"></path>
</svg>
</div>
<span class="badge-soon" data-i18n="download.soonBadge">Segera Hadir (Coming Soon)</span>
</div>
<h3 data-i18n="download.iosTitle">iOS (iPhone &amp; iPad)</h3>
<p data-i18n="download.iosDesc">Versi ekosistem Apple iOS dengan pemutaran latar belakang sedang disiapkan.</p>
</div>
<button type="button" class="btn btn-sm btn-disabled" disabled aria-disabled="true" data-i18n="download.soonBtn">
Coming Soon — Belum Tersedia
</button>
</article>
<!-- Linux (Coming Soon) -->
<article class="platform-soon-card">
<div>
<div class="platform-soon-top">
<div class="platform-soon-icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="4 17 10 11 4 5"></polyline>
<line x1="12" y1="19" x2="20" y2="19"></line>
</svg>
</div>
<span class="badge-soon" data-i18n="download.soonBadge">Segera Hadir (Coming Soon)</span>
</div>
<h3 data-i18n="download.linuxTitle">Linux Desktop</h3>
<p data-i18n="download.linuxDesc">Paket AppImage, Snap, dan Flatpak untuk distro Linux segera menyusul.</p>
</div>
<button type="button" class="btn btn-sm btn-disabled" disabled aria-disabled="true" data-i18n="download.soonBtn">
Coming Soon — Belum Tersedia
</button>
</article>
<!-- macOS (Coming Soon) -->
<article class="platform-soon-card">
<div>
<div class="platform-soon-top">
<div class="platform-soon-icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<span class="badge-soon" data-i18n="download.soonBadge">Segera Hadir (Coming Soon)</span>
</div>
<h3 data-i18n="download.macosTitle">macOS (Apple Silicon &amp; Intel)</h3>
<p data-i18n="download.macosDesc">Paket aplikasi universal (.dmg) untuk pengguna Mac sedang dikembangkan.</p>
</div>
<button type="button" class="btn btn-sm btn-disabled" disabled aria-disabled="true" data-i18n="download.soonBtn">
Coming Soon — Belum Tersedia
</button>
</article>
</div>
</div>
</div>
</section>
<!-- ======================================================================
SECTION 4: FREQUENTLY ASKED QUESTIONS (#faq)
====================================================================== -->
<section class="section section-alt" id="faq" aria-labelledby="faq-heading">
<div class="container">
<div class="section-header">
<span class="section-eyebrow" data-i18n="faq.eyebrow">Pertanyaan Umum (FAQ)</span>
<h2 class="section-title" id="faq-heading" data-i18n="faq.title">
Semua yang Perlu Anda Ketahui Tentang Musdestop
</h2>
<p class="section-desc" data-i18n="faq.desc">
Jawaban transparan mengenai lisensi freeware, sumber streaming audio, privasi data lokal, dan dukungan sistem operasi.
</p>
</div>
<div class="faq-list">
<details class="faq-item" open>
<summary class="faq-question">
<span data-i18n="faq.q1">Apakah aplikasi Musdestop benar-benar 100% gratis tanpa biaya langganan?</span>
<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</summary>
<div class="faq-answer" data-i18n="faq.a1">
Ya, 100% gratis! Musdestop dirilis oleh Aghatis Studio sebagai Freeware murni. Tidak ada biaya berlangganan bulanan, tidak ada fitur yang dikunci di balik paywall (VIP/Pro), dan bebas dari iklan pop-up yang mengganggu.
</div>
</details>
<details class="faq-item">
<summary class="faq-question">
<span data-i18n="faq.q2">Dari mana sumber lagu dan musik yang diputar di dalam Musdestop?</span>
<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</summary>
<div class="faq-answer" data-i18n="faq.a2">
Musdestop melakukan streaming audio secara langsung dari katalog publik YouTube. Anda dapat mencari dan memutar jutaan lagu resmi, musik indie, remix, instrumen Lofi, hingga podcast berdurasi panjang dengan mudah.
</div>
</details>
<details class="faq-item">
<summary class="faq-question">
<span data-i18n="faq.q3">Apakah saya harus membuat akun atau login untuk menyimpan playlist?</span>
<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</summary>
<div class="faq-answer" data-i18n="faq.a3">
Tidak perlu. Seluruh data di fitur Koleksi Playlist Lokal dan Lagu Favorit disimpan langsung di dalam penyimpanan komputer Windows Anda. Privasi Anda terjaga penuh tanpa pelacakan akun.
</div>
</details>
<details class="faq-item">
<summary class="faq-question">
<span data-i18n="faq.q4">Kapan Musdestop tersedia untuk Android, iOS, Linux, dan macOS?</span>
<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</summary>
<div class="faq-answer" data-i18n="faq.a4">
Saat ini hanya versi PC Windows (Windows 10/11 64-bit) yang aktif dan dapat diunduh. Versi untuk platform Android, iOS, Linux, dan macOS berstatus 'Coming Soon' dan sedang dalam peta jalan pengembangan Aghatis Studio.
</div>
</details>
</div>
</div>
</section>
<!-- ======================================================================
SECTION 5: ABOUT AGHATIS STUDIO (#about)
====================================================================== -->
<section class="section" id="about" aria-labelledby="about-heading">
<div class="container">
<div class="about-card">
<div>
<span class="section-eyebrow" data-i18n="about.eyebrow">Tentang Pengembang</span>
<h2 class="section-title" id="about-heading" data-i18n="about.title">
Karya Dedikasi dari Aghatis Studio
</h2>
<p class="section-desc" style="margin-bottom: 14px;" data-i18n="about.p1">
Aghatis Studio adalah studio pengembangan perangkat lunak independen yang berfokus menciptakan aplikasi desktop dan utilitas multimedia berkualitas tinggi, ringan, serta ramah pengguna.
</p>
<p class="section-desc" data-i18n="about.p2">
Kami membangun Musdestop karena percaya bahwa mendengarkan musik sambil bekerja, belajar, atau bersantai di depan PC Windows seharusnya menjadi pengalaman yang instan, indah secara visual, dan bebas dari beban aplikasi berat maupun biaya langganan yang mahal.
</p>
<div class="about-pillars">
<span class="badge badge-crimson" data-i18n="about.pill1">Dibuat oleh Aghatis Studio</span>
<span class="badge badge-freeware" data-i18n="about.pill2">100% Bebas Iklan &amp; Pelacak</span>
<span class="badge badge-crimson" data-i18n="about.pill3">Desain Dark Aesthetic #141a20</span>
</div>
</div>
<div class="about-logo-preview">
<img
src="logo.png"
alt="Logo Resmi Musdestop — Aplikasi Pemutar Musik YouTube Desktop oleh Aghatis Studio"
data-i18n-attr="alt:a11y.logoAlt"
width="802"
height="190"
loading="lazy"
decoding="async">
<p data-i18n="about.cardCaption" style="font-size: 0.85rem; color: var(--text-secondary);">
Identitas Visual Resmi Musdestop oleh Aghatis Studio
</p>
</div>
</div>
</div>
</section>
</main>
<!-- ========================================================================
LIGHTBOX MODAL FOR FULLSCREEN APP SCREENSHOT PREVIEW
======================================================================== -->
<div class="lightbox-modal" id="screenshot-lightbox" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Screenshot Preview">
<div class="lightbox-content">
<div class="lightbox-header">
<span id="lightbox-caption" style="font-size: 0.88rem; font-weight: 600; color: var(--text-main);">Musdestop Preview</span>
<button type="button" class="lightbox-close" id="lightbox-close-btn" data-i18n="showcase.closeModal">Tutup Pratinjau</button>
</div>
<img id="lightbox-img" src="assets/screenshot-explore.jpg" alt="Musdestop Application Screenshot" width="1024" height="645">
</div>
</div>
<!-- ========================================================================
SITE FOOTER
======================================================================== -->
<footer class="site-footer" role="contentinfo">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a href="#top" class="brand-logo" aria-label="Musdestop — Kembali ke atas">
<img
src="logo.png"
alt="Logo Resmi Musdestop — Aplikasi Pemutar Musik YouTube Desktop oleh Aghatis Studio"
data-i18n-attr="alt:a11y.logoAlt"
width="802"
height="190"
loading="lazy"
decoding="async"
class="brand-logo-img">
</a>
<p data-i18n="footer.tagline">
Pemutar musik YouTube desktop gratis, ringan, dan modern untuk PC Windows 10/11. Dilengkapi Real-Time Audio Visualizer dan Playlist Lokal.
</p>
</div>
<div class="footer-col">
<h3 data-i18n="footer.colNav">Navigasi Halaman</h3>
<ul>
<li><a href="#features" data-i18n="nav.features">Fitur Utama</a></li>
<li><a href="#showcase" data-i18n="nav.showcase">Tampilan Aplikasi</a></li>
<li><a href="#download" data-i18n="nav.download">Download Hub</a></li>
<li><a href="#faq" data-i18n="nav.faq">FAQ</a></li>
<li><a href="#about" data-i18n="nav.about">Tentang Kami</a></li>
</ul>
</div>
<div class="footer-col">
<h3 data-i18n="footer.colPlatform">Status Platform</h3>
<ul>
<li><a href="#download" data-i18n="footer.platWin">Windows 10/11 (Tersedia)</a></li>
<li><span data-i18n="footer.platAndroid">Android (Coming Soon)</span></li>
<li><span data-i18n="footer.platIos">iOS (Coming Soon)</span></li>
<li><span data-i18n="footer.platLinux">Linux (Coming Soon)</span></li>
<li><span data-i18n="footer.platMac">macOS (Coming Soon)</span></li>
</ul>
</div>
<div class="footer-col">
<h3 data-i18n="footer.colLegal">Informasi Produk</h3>
<ul>
<li><a href="license/" data-i18n="footer.legalLicense">Lisensi: MIT Open Source</a></li>
<li><span data-i18n="footer.legalDev">Pengembang: Aghatis Studio</span></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span data-i18n="footer.copyright">© 2026 Aghatis Studio. Seluruh hak cipta dilindungi. Musdestop adalah perangkat lunak gratis.</span>
<div>
<a href="?lang=id" hreflang="id">Bahasa Indonesia</a> •
<a href="?lang=en" hreflang="en">English</a> •
<a href="?lang=ja" hreflang="ja">日本語</a>
</div>
</div>
</div>
</footer>
<!-- Non-Render-Blocking Deferred JavaScript -->
<script src="script.js" defer></script>
</body>
</html>