[DOC] change landing-page + installation

Author: SimonBlanke

docs/source/_static/css/custom.css

@@ -1,6 +1,11 @@
 /* Custom CSS for Hyperactive documentation */
 /* Purple/Violet theme matching the Hyperactive logo */
 
+/* ============================================
+   Google Font Import for Hero Title
+   ============================================ */
+@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&display=swap');
+
 /* ============================================
    CSS Variables for consistent theming
    ============================================ */
@@ -11,8 +16,8 @@
     --hyperactive-accent: #8080B0;
     --hyperactive-dark: #4A4A65;
     --hyperactive-light: #f8f9fa;
-    --hyperactive-gradient: linear-gradient(135deg, #5D5D7A 0%, #8080B0 100%);
-    --hyperactive-gradient-dark: linear-gradient(135deg, #4A4A65 0%, #6B6B8E 100%);
+    --hyperactive-gradient: linear-gradient(135deg, #3D3D55 0%, #5858A0 100%);
+    --hyperactive-gradient-dark: linear-gradient(135deg, #2D2D45 0%, #484890 100%);
     --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     --card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     /* Neutral separator color */
@@ -54,11 +59,14 @@ html[data-theme="dark"] {
     z-index: 1;
 }
 
-.hero-logo {
-    max-width: 200px;
-    height: auto;
-    margin-bottom: 1.5rem;
-    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
+.hero-title {
+    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 3.5rem;
+    font-weight: 700;
+    color: #ffffff;
+    margin: 0 0 1rem 0;
+    letter-spacing: -0.02em;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
 }
 
 .hero-tagline {
@@ -72,22 +80,7 @@ html[data-theme="dark"] {
 .hero-subtitle {
     font-size: 1.1rem;
     color: rgba(255, 255, 255, 0.9);
-    margin: 0 0 1.5rem 0;
-}
-
-.hero-badges {
-    display: flex;
-    justify-content: center;
-    gap: 0.75rem;
-    flex-wrap: wrap;
-}
-
-.hero-badges img {
-    transition: transform 0.2s ease;
-}
-
-.hero-badges img:hover {
-    transform: translateY(-2px);
+    margin: 0;
 }
 
 /* ============================================
@@ -366,6 +359,10 @@ h2::after {
         margin: -1rem -0.5rem 1.5rem -0.5rem;
     }
 
+    .hero-title {
+        font-size: 2.5rem;
+    }
+
     .hero-tagline {
         font-size: 1.4rem;
     }
@@ -374,10 +371,6 @@ h2::after {
         font-size: 1rem;
     }
 
-    .hero-logo {
-        max-width: 150px;
-    }
-
     .maturity-items {
         gap: 1rem;
     }
@@ -392,9 +385,8 @@ h2::after {
 }
 
 @media (max-width: 480px) {
-    .hero-badges {
-        flex-direction: column;
-        align-items: center;
+    .hero-title {
+        font-size: 2rem;
     }
 
     .maturity-items {
@@ -412,6 +404,7 @@ h2::after {
         color: #000 !important;
     }
 
+    .hero-title,
     .hero-tagline,
     .hero-subtitle {
         color: #000 !important;

docs/source/_templates/layout.html

@@ -0,0 +1,6 @@
+{% extends "pydata_sphinx_theme/layout.html" %}
+
+{% block extrahead %}
+{{ super() }}
+<meta name="python-version-range" content="{{ python_version_range }}">
+{% endblock %}

docs/source/conf.py

@@ -69,6 +69,13 @@ def extract_pyproject_metadata():
 # Extract metadata once at configuration time
 PYPROJECT_METADATA = extract_pyproject_metadata()
 
+# Build Python version range string from metadata
+_py_versions = PYPROJECT_METADATA["python_versions"]
+if _py_versions:
+    _py_version_range = f"{_py_versions[0]} - {_py_versions[-1]}"
+else:
+    _py_version_range = "3.10+"
+
 # -- Project information -----------------------------------------------------
 current_year = datetime.datetime.now().year
 project = "hyperactive"
@@ -238,6 +245,11 @@ def find_source():
             "url": "https://github.com/SimonBlanke/Hyperactive",
             "icon": "fab fa-github",
         },
+        {
+            "name": "Star on GitHub",
+            "url": "https://github.com/SimonBlanke/Hyperactive/stargazers",
+            "icon": "fa-regular fa-star",
+        },
     ],
     "show_prev_next": False,
     "use_edit_page_button": False,
@@ -254,12 +266,14 @@ def find_source():
     "github_repo": "Hyperactive",
     "github_version": "master",
     "doc_path": "auto-doc/source/",
+    "python_version_range": _py_version_range,
 }
 
 html_sidebars = {
     "**": ["sidebar-nav-bs.html"],
     "index": [],
     "get_started": [],
+    "installation": [],
     "search": [],
 }
 
@@ -366,16 +380,11 @@ def adds(pth):
 # -- RST Epilog: Make metadata available as substitutions in RST files -------
 # These can be used as |variable_name| in RST files
 
-# Build Python versions list dynamically
-_py_versions = PYPROJECT_METADATA["python_versions"]
+# Build additional Python versions formatting for RST
 if _py_versions:
-    _py_versions_list = "\n".join(f"- Python {v}" for v in _py_versions)
     _py_versions_inline = ", ".join(_py_versions)
-    _py_version_range = f"{_py_versions[0]} through {_py_versions[-1]}"
 else:
-    _py_versions_list = "- Python 3.10+"
     _py_versions_inline = "3.10+"
-    _py_version_range = "3.10+"
 
 rst_epilog = f"""
 .. |version| replace:: {PYPROJECT_METADATA["version"]}

docs/source/index.rst

@@ -4,21 +4,12 @@
 
    <div class="hero-section">
       <div class="hero-content">
-         <img src="_static/images/logo.png" alt="Hyperactive Logo" class="hero-logo" />
+         <h1 class="hero-title">Hyperactive</h1>
          <p class="hero-tagline">A unified interface for optimization algorithms and problems</p>
          <p class="hero-subtitle">Production-ready hyperparameter optimization for machine learning</p>
-         <div class="hero-badges">
-            <a href="https://pypi.org/project/hyperactive/"><img src="https://img.shields.io/pypi/v/hyperactive?style=for-the-badge&color=4c9aff" alt="PyPI Version" /></a>
-            <a href="https://github.com/SimonBlanke/Hyperactive"><img src="https://img.shields.io/github/stars/SimonBlanke/Hyperactive?style=for-the-badge&color=ffd700" alt="GitHub Stars" /></a>
-            <a href="https://github.com/SimonBlanke/Hyperactive/actions"><img src="https://img.shields.io/github/actions/workflow/status/SimonBlanke/hyperactive/test.yml?style=for-the-badge&logo=github" alt="Build Status" /></a>
-         </div>
       </div>
    </div>
 
-==========
-Hyperactive
-==========
-
 .. raw:: html
 
    <div class="maturity-banner">
@@ -33,14 +24,18 @@ Hyperactive
          </div>
          <div class="maturity-item">
             <span class="maturity-icon">🐍</span>
-            <span class="maturity-text"><strong>Python 3.10 - 3.14</strong></span>
+            <span class="maturity-text"><strong>Python <span id="python-version-range"></span></strong></span>
          </div>
          <div class="maturity-item">
             <span class="maturity-icon">📜</span>
             <span class="maturity-text"><strong>MIT Licensed</strong></span>
          </div>
       </div>
    </div>
+   <script>
+      document.getElementById('python-version-range').textContent =
+         document.querySelector('meta[name="python-version-range"]').content;
+   </script>
 
 
 Hyperactive provides a collection of optimization algorithms, accessible through a unified