diff --git a/docs/index.html b/docs/index.html
index 50e63b6..9431b4e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,44 +1,279 @@
 <!doctype html>
 <html lang="en">
+
 <head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="CodeSnip — Next-Gen Code & Prompt Manager.">
-  <meta name="theme-color" content="#00adb5">
-  <link rel="icon" href="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" type="image/x-icon">
-  <title>CodeSnip — Next-Gen Code & Prompt Manager</title>
-  <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 rel="stylesheet" href="style.css">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="CodeSnip — Next-Gen Code & Prompt Manager.">
+    <meta name="theme-color" content="#00adb5">
+    <link rel="icon" href="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" type="image/x-icon">
+    <title>CodeSnip — Next-Gen Code & Prompt Manager</title>
+    <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 rel="stylesheet" href="style.css">
 </head>
+
 <body>
-<header class="nav-wrap"><nav class="nav container">
-  <a class="brand" href="#top"><img src="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" alt="CodeSnip logo"><span>CodeSnip</span></a>
-  <div class="nav-links"><a href="#features" data-i18n="features">Features</a><a href="#screenshots" data-i18n="screenshots">Screenshots</a><a href="#roadmap" data-i18n="roadmap">Roadmap</a><a href="https://github.com/MstfSlm38/CodeSnip" data-i18n="github">GitHub</a></div>
-  <div class="nav-actions"><div class="language"><button id="lang-en" class="lang active">EN</button><span>/</span><button id="lang-tr" class="lang">TR</button></div><button class="menu" id="menu" aria-label="Open menu">☰</button></div>
-</nav></header>
-<main id="top">
-<section class="hero container"><div class="hero-copy"><span class="eyebrow" data-i18n="eyebrow">NEXT-GENERATION CODE & PROMPT MANAGER</span><h1 data-i18n="heroTitle">Your code.<br><span>Organized.</span></h1><p class="lead" data-i18n="heroText">A modern, fast and completely offline desktop app for code snippets, terminal commands and AI prompts.</p><div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases" data-i18n="download">Download CodeSnip ↗</a><a class="btn secondary" href="https://github.com/MstfSlm38/CodeSnip" data-i18n="source">View source</a></div><div class="meta"><span>Electron</span><i></i><span>MIT License</span><i></i><span data-i18n="offline">Offline-first</span></div></div>
-<div class="hero-card glass"><div class="window-bar"><span></span><span></span><span></span><b>CodeSnip</b></div><div class="mock-sidebar"><img src="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" alt=""><div class="mock-line active"></div><div class="mock-line"></div><div class="mock-line"></div><div class="mock-line short"></div></div><div class="mock-main"><div class="mock-search">⌕ &nbsp; Search snippets...</div><div class="mock-title">My snippets</div><div class="snippet"><small>JavaScript</small><strong>fetchData()</strong><span>async function fetchData() { ... }</span></div><div class="snippet"><small>PowerShell</small><strong>Build project</strong><span>npm run dist</span></div><div class="snippet"><small>Prompt</small><strong>Code reviewer</strong><span>Review this code for bugs...</span></div></div></div></section>
-<section class="trusted container"><span data-i18n="builtFor">BUILT FOR PEOPLE WHO BUILD</span><div><b>Developers</b><b>AI Users</b><b>Designers</b><b>Power Users</b></div></section>
-<section id="features" class="section container"><div class="section-head"><span class="eyebrow" data-i18n="featureEyebrow">FEATURES</span><h2 data-i18n="featureTitle">Everything you need.<br>Nothing you don't.</h2><p data-i18n="featureIntro">CodeSnip keeps your frequently used code and prompts close, searchable and available even without an internet connection.</p></div><div class="feature-grid">
-<article class="feature glass"><div class="icon">⌕</div><h3 data-i18n="f1t">Spotlight Search</h3><p data-i18n="f1p">Find snippets instantly with global Spotlight search. Use Ctrl + Shift + S from anywhere.</p></article>
-<article class="feature glass"><div class="icon">✦</div><h3 data-i18n="f2t">Liquid Glass UI</h3><p data-i18n="f2p">A clean, modern interface designed around fast navigation and a focused workspace.</p></article>
-<article class="feature glass"><div class="icon">↗</div><h3 data-i18n="f3t">Share with Base64</h3><p data-i18n="f3p">Create compact Base64-based sharing links for snippets without sending your data to a server.</p></article>
-<article class="feature glass"><div class="icon">◉</div><h3 data-i18n="f4t">Offline by Design</h3><p data-i18n="f4p">Your snippets stay local. CodeSnip works without requiring an internet connection.</p></article>
-<article class="feature glass"><div class="icon">文</div><h3 data-i18n="f5t">TR / EN</h3><p data-i18n="f5p">Switch between Turkish and English and keep the workspace comfortable for your workflow.</p></article>
-<article class="feature glass"><div class="icon">▦</div><h3 data-i18n="f6t">Categories</h3><p data-i18n="f6p">Organize snippets into categories and filter your collection quickly as it grows.</p></article>
-</div></section>
-<section id="screenshots" class="section container screenshots"><div class="section-head"><span class="eyebrow" data-i18n="workspace">THE WORKSPACE</span><h2 data-i18n="workspaceTitle">Made to stay out of your way.</h2></div><div class="shots"><figure class="shot large"><img src="https://github.com/user-attachments/assets/1e01968b-ef57-46bb-a8e7-743f0b2e65e5" alt="CodeSnip application interface"></figure><figure class="shot"><img src="https://github.com/user-attachments/assets/e31ec191-3f60-4b64-9a4b-7a8306fd653d" alt="CodeSnip screenshot"></figure><figure class="shot"><img src="https://github.com/user-attachments/assets/83036436-5c32-43c4-aa88-24eea23bbb24" alt="CodeSnip screenshot"></figure></div></section>
-<section id="roadmap" class="section container"><div class="section-head"><span class="eyebrow" data-i18n="roadmapEyebrow">ROADMAP</span><h2 data-i18n="roadmapTitle">Built in releases.<br>Always moving forward.</h2></div><div class="timeline">
-<div class="release done"><span>v1.0</span><div><h3 data-i18n="r1t">Initial Release</h3><p data-i18n="r1p">CodeSnip starts its journey.</p></div></div>
-<div class="release done"><span>26Q2</span><div><h3>Spotlight & Liquid Glass</h3><p data-i18n="r2p">Spotlight search, sharing and redesigned UI.</p></div></div>
-<div class="release done"><span>26Q2.5</span><div><h3>JSON & Improved Spotlight</h3><p data-i18n="r3p">Import/export improvements and updated version naming.</p></div></div>
-<div class="release done"><span>26Q3.1</span><div><h3>Critical Hotfixes</h3><p data-i18n="r4p">Stability improvements for the current release line.</p></div></div>
-<div class="release next"><span>26Q3.5</span><div><h3 data-i18n="r5t">Next up</h3><p data-i18n="r5p">Important hotfixes, Spanish language support and light-theme improvements.</p></div></div>
-<div class="release"><span>27Q1</span><div><h3>Plugin System</h3><p data-i18n="r6p">Plugins and code preview are planned for the future.</p></div></div>
-</div></section>
-<section class="cta container glass"><div><span class="eyebrow" data-i18n="ready">READY?</span><h2 data-i18n="ctaTitle">Keep your best code one shortcut away.</h2><p data-i18n="ctaText">Download CodeSnip or explore the source on GitHub.</p></div><div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases" data-i18n="get">Get CodeSnip ↗</a><a class="btn secondary" href="https://github.com/MstfSlm38/CodeSnip" data-i18n="github">GitHub</a></div></section>
-</main><footer class="footer container"><div><b>CodeSnip</b><span data-i18n="tagline">Next-Gen Code & Prompt Manager</span></div><div><span>MIT License</span><a href="https://github.com/MstfSlm38/CodeSnip">MstfSlm38/CodeSnip</a></div></footer>
-<script src="script.js"></script></body></html>
+    <header class="nav-wrap">
+        <nav class="nav container">
+            <a class="brand" href="#top"><img src="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico"
+                    alt="CodeSnip logo"><span>CodeSnip</span></a>
+            <div class="nav-links"><a href="#features" data-i18n="features">Features</a><a href="#screenshots"
+                    data-i18n="screenshots">Screenshots</a><a href="#roadmap" data-i18n="roadmap">Roadmap</a><a
+                    href="https://github.com/MstfSlm38/CodeSnip" data-i18n="github">GitHub</a></div>
+            <div class="nav-actions">
+                <div class="language"><button id="lang-en" class="lang active">EN</button><span>/</span><button
+                        id="lang-tr" class="lang">TR</button></div><button class="menu" id="menu"
+                    aria-label="Open menu">☰</button>
+            </div>
+        </nav>
+    </header>
+    <main id="top">
+        <section class="hero container">
+            <div class="hero-copy"><span class="eyebrow" data-i18n="eyebrow">NEXT-GENERATION CODE & PROMPT
+                    MANAGER</span>
+                <h1 data-i18n="heroTitle">Your code.<br><span>Organized.</span></h1>
+                <p class="lead" data-i18n="heroText">A modern, fast and completely offline desktop app for code
+                    snippets, terminal commands and AI prompts.</p>
+                <div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases"
+                        data-i18n="download">Download CodeSnip ↗</a><a class="btn secondary"
+                        href="https://github.com/MstfSlm38/CodeSnip" data-i18n="source">View source</a></div>
+                <div class="meta"><span>Electron</span><i></i><span>MIT License</span><i></i><span
+                        data-i18n="offline">Offline-first</span></div>
+            </div>
+            <div class="hero-card glass">
+                <div class="window-bar"><span></span><span></span><span></span><b>CodeSnip</b></div>
+                <div class="mock-sidebar"><img
+                        src="https://raw.githubusercontent.com/MstfSlm38/CodeSnip/26Q2.5/icon.ico" alt="">
+                    <div class="mock-line active"></div>
+                    <div class="mock-line"></div>
+                    <div class="mock-line"></div>
+                    <div class="mock-line short"></div>
+                </div>
+                <div class="mock-main">
+                    <div class="mock-search">⌕ &nbsp; Search snippets...</div>
+                    <div class="mock-title">My snippets</div>
+                    <div class="snippet"><small>JavaScript</small><strong>fetchData()</strong><span>async function
+                            fetchData() { ... }</span></div>
+                    <div class="snippet"><small>PowerShell</small><strong>Build project</strong><span>npm run
+                            dist</span></div>
+                    <div class="snippet"><small>Prompt</small><strong>Code reviewer</strong><span>Review this code for
+                            bugs...</span></div>
+                </div>
+            </div>
+        </section>
+        <section class="trusted container"><span data-i18n="builtFor">BUILT FOR PEOPLE WHO BUILD</span>
+            <div><b>Developers</b><b>AI Users</b><b>Designers</b><b>Power Users</b></div>
+        </section>
+        <section id="features" class="section container">
+            <div class="section-head"><span class="eyebrow" data-i18n="featureEyebrow">FEATURES</span>
+                <h2 data-i18n="featureTitle">Everything you need.<br>Nothing you don't.</h2>
+                <p data-i18n="featureIntro">CodeSnip keeps your frequently used code and prompts close, searchable and
+                    available even without an internet connection.</p>
+            </div>
+            <div class="feature-grid">
+                <article class="feature glass">
+                    <div class="icon">⌕</div>
+                    <h3 data-i18n="f1t">Spotlight Search</h3>
+                    <p data-i18n="f1p">Find snippets instantly with global Spotlight search. Use Ctrl + Shift + S from
+                        anywhere.</p>
+                </article>
+                <article class="feature glass">
+                    <div class="icon">✦</div>
+                    <h3 data-i18n="f2t">Liquid Glass UI</h3>
+                    <p data-i18n="f2p">A clean, modern interface designed around fast navigation and a focused
+                        workspace.</p>
+                </article>
+                <article class="feature glass">
+                    <div class="icon">↗</div>
+                    <h3 data-i18n="f3t">Share with Base64</h3>
+                    <p data-i18n="f3p">Create compact Base64-based sharing links for snippets without sending your data
+                        to a server.</p>
+                </article>
+                <article class="feature glass">
+                    <div class="icon">◉</div>
+                    <h3 data-i18n="f4t">Offline by Design</h3>
+                    <p data-i18n="f4p">Your snippets stay local. CodeSnip works without requiring an internet
+                        connection.</p>
+                </article>
+                <article class="feature glass">
+                    <div class="icon">文</div>
+                    <h3 data-i18n="f5t">TR / EN</h3>
+                    <p data-i18n="f5p">Switch between Turkish and English and keep the workspace comfortable for your
+                        workflow.</p>
+                </article>
+                <article class="feature glass">
+                    <div class="icon">▦</div>
+                    <h3 data-i18n="f6t">Categories</h3>
+                    <p data-i18n="f6p">Organize snippets into categories and filter your collection quickly as it grows.
+                    </p>
+                </article>
+            </div>
+        </section>
+        <section id="screenshots" class="section container screenshots">
+            <div class="section-head"><span class="eyebrow" data-i18n="workspace">THE WORKSPACE</span>
+                <h2 data-i18n="workspaceTitle">Made to stay out of your way.</h2>
+            </div>
+            <div class="shots">
+                <figure class="shot large"><img
+                        src="https://github.com/user-attachments/assets/1e01968b-ef57-46bb-a8e7-743f0b2e65e5"
+                        alt="CodeSnip application interface"></figure>
+                <figure class="shot"><img
+                        src="https://github.com/user-attachments/assets/e31ec191-3f60-4b64-9a4b-7a8306fd653d"
+                        alt="CodeSnip screenshot"></figure>
+                <figure class="shot"><img
+                        src="https://github.com/user-attachments/assets/83036436-5c32-43c4-aa88-24eea23bbb24"
+                        alt="CodeSnip screenshot"></figure>
+            </div>
+        </section>
+        <section class="roadmap section" id="roadmap">
+            <div class="section-heading reveal">
+                <p class="eyebrow" data-i18n="roadmapEyebrow">ROADMAP</p>
+                <h2 data-i18n="roadmapTitle">
+                    Built in releases.<br>
+                    Always moving forward.
+                </h2>
+            </div>
+
+            <div class="roadmap-list">
+
+                <!-- v1.0 -->
+                <article class="release reveal">
+                    <div class="release-version">v1.0</div>
+                    <div class="release-content">
+                        <span class="release-status completed" data-i18n="completed">
+                            Completed
+                        </span>
+                        <h3 data-i18n="r1t">Initial Release</h3>
+                        <p data-i18n="r1p">
+                            CodeSnip starts its journey.
+                        </p>
+                    </div>
+                </article>
+
+                <!-- v1.1 -->
+                <article class="release reveal">
+                    <div class="release-version">v1.1</div>
+                    <div class="release-content">
+                        <span class="release-status completed" data-i18n="completed">
+                            Completed
+                        </span>
+                        <h3>Hotfixes & Favorites</h3>
+                        <p data-i18n="r2p">
+                            Hotfixes, favorites and early improvements.
+                        </p>
+                    </div>
+                </article>
+
+                <!-- 26Q2 -->
+                <article class="release reveal">
+                    <div class="release-version">26Q2</div>
+                    <div class="release-content">
+                        <span class="release-status completed" data-i18n="completed">
+                            Completed
+                        </span>
+                        <h3>26Q2 — v2.0</h3>
+                        <p data-i18n="r2p">
+                            Spotlight, sharing and redesigned Liquid Glass UI.
+                        </p>
+
+                        <div class="release-sub">
+                            <strong>26Q2.5</strong>
+                            <span data-i18n="r3p">
+                                JSON Export/Import, improved Spotlight and version naming update.
+                            </span>
+                        </div>
+                    </div>
+                </article>
+
+                <!-- 26Q3 -->
+                <article class="release reveal current-release">
+                    <div class="release-version">26Q3</div>
+                    <div class="release-content">
+                        <span class="release-status current" data-i18n="current">
+                            Current
+                        </span>
+
+                        <h3 data-i18n="r3qTitle">
+                            Linux Support & Customization
+                        </h3>
+
+                        <p data-i18n="r3q">
+                            Linux support for Debian, Arch and Red Hat, improved appearance,
+                            customization and category management.
+                        </p>
+
+                        <div class="release-sub">
+                            <strong>26Q3.1</strong>
+                            <span data-i18n="r31p">
+                                Critical hotfixes.
+                            </span>
+                        </div>
+
+                        <div class="release-sub upcoming">
+                            <strong>26Q3.5</strong>
+                            <span data-i18n="r35p">
+                                Important hotfixes, Spanish language support and light theme improvements.
+                            </span>
+                        </div>
+                    </div>
+                </article>
+
+                <!-- 26Q4 -->
+                <article class="release reveal">
+                    <div class="release-version">26Q4</div>
+                    <div class="release-content">
+                        <span class="release-status planned" data-i18n="planned">
+                            Planned
+                        </span>
+
+                        <h3 data-i18n="r4qTitle">
+                            Optimization & Platform Expansion
+                        </h3>
+
+                        <p data-i18n="r4q">
+                            Application optimization and full macOS and Linux support,
+                            including Slackware and Gentoo.
+                        </p>
+                    </div>
+                </article>
+
+                <!-- 27Q1 -->
+                <article class="release reveal">
+                    <div class="release-version">27Q1</div>
+                    <div class="release-content">
+                        <span class="release-status planned" data-i18n="planned">
+                            Planned
+                        </span>
+
+                        <h3 data-i18n="r5qTitle">
+                            Plugins & Code Preview
+                        </h3>
+
+                        <p data-i18n="r5q">
+                            A plugin system and built-in code preview capabilities.
+                        </p>
+                    </div>
+                </article>
+
+            </div>
+        </section>
+        <section class="cta container glass">
+            <div><span class="eyebrow" data-i18n="ready">READY?</span>
+                <h2 data-i18n="ctaTitle">Keep your best code one shortcut away.</h2>
+                <p data-i18n="ctaText">Download CodeSnip or explore the source on GitHub.</p>
+            </div>
+            <div class="actions"><a class="btn primary" href="https://github.com/MstfSlm38/CodeSnip/releases"
+                    data-i18n="get">Get CodeSnip ↗</a><a class="btn secondary"
+                    href="https://github.com/MstfSlm38/CodeSnip" data-i18n="github">GitHub</a></div>
+        </section>
+    </main>
+    <footer class="footer container">
+        <div><b>CodeSnip</b><span data-i18n="tagline">Next-Gen Code & Prompt Manager</span></div>
+        <div><span>MIT License</span><a href="https://github.com/MstfSlm38/CodeSnip">MstfSlm38/CodeSnip</a></div>
+    </footer>
+    <script src="script.js"></script>
+</body>
+
+</html>
