Bye bye!

Author: adeondev

landing-page/download.html

@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Baixar Basalt</title>
+  <meta name="description" content="Baixe o Basalt para Windows, macOS ou Linux" />
+  <link rel="icon" type="image/svg+xml" href="images/basalt_logo_solo.svg" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <header class="topbar">
+    <a class="brand" href="index.html" aria-label="Basalt">
+      <img src="images/basalt_logo_solo_white.svg" alt="" />
+      <span>Basalt</span>
+    </a>
+
+    <nav class="nav" aria-label="Navegação">
+      <a href="index.html">Home</a>
+      <a href="https://github.com/adeondev/Basalt" target="_blank" rel="noreferrer">GitHub</a>
+    </nav>
+  </header>
+
+  <main class="download-page">
+    <section class="download-hero">
+      <img class="download-logo" src="images/basalt_logo_solo_white.svg" alt="" />
+      <p class="eyebrow">Basalt para desktop</p>
+      <h1>Baixar Basalt</h1>
+      <p>Escolha a versão para o seu sistema e instale o editor no computador</p>
+    </section>
+
+    <section class="recommended" data-device-card>
+      <div>
+        <img class="card-logo" src="images/basalt_logo_solo_white.svg" alt="" />
+        <img class="platform-icon" src="images/computer.svg" alt="" data-device-icon />
+        <p class="eyebrow">detectado agora</p>
+        <h2 data-device-title>Detectando seu dispositivo</h2>
+        <p data-device-copy>Um segundo</p>
+      </div>
+      <a class="button primary" href="https://github.com/adeondev/Basalt/releases/latest" target="_blank" rel="noreferrer" data-device-action>
+        Abrir releases
+      </a>
+    </section>
+
+    <section class="download-grid" aria-label="Downloads por sistema">
+      <article class="card download-card" data-platform="windows">
+        <img class="platform-icon" src="images/windows.svg" alt="Windows" />
+        <h3>Windows</h3>
+        <p>Use o instalador mais recente nos releases</p>
+        <a class="button" href="https://github.com/adeondev/Basalt/releases/latest" target="_blank" rel="noreferrer">Baixar Windows</a>
+      </article>
+
+      <article class="card download-card" data-platform="macos">
+        <img class="platform-icon" src="images/macos.svg" alt="macOS" />
+        <h3>macOS</h3>
+        <p>Baixe o pacote para Apple Silicon ou Intel</p>
+        <a class="button" href="https://github.com/adeondev/Basalt/releases/latest" target="_blank" rel="noreferrer">Baixar macOS</a>
+      </article>
+
+      <article class="card download-card" data-platform="linux">
+        <img class="platform-icon" src="images/linux.svg" alt="Linux" />
+        <h3>Linux</h3>
+        <p>Escolha AppImage, deb ou rpm nos releases</p>
+        <a class="button" href="https://github.com/adeondev/Basalt/releases/latest" target="_blank" rel="noreferrer">Baixar Linux</a>
+      </article>
+    </section>
+
+    <p class="download-note">
+      Os instaladores ficam nos releases do GitHub, baixe sempre a versão mais recente
+    </p>
+  </main>
+
+  <footer class="footer">
+    <a href="index.html">Voltar</a>
+    <a href="https://github.com/adeondev/Basalt/releases/latest" target="_blank" rel="noreferrer">Releases</a>
+  </footer>
+
+  <script src="script.js"></script>
+</body>
+</html>