docs: redesign landing page a bit

Author: d-biehl

docs/.vitepress/theme/style.css

@@ -53,12 +53,12 @@
   --vp-c-brand-1: #0b7285; /* strong teal for text and accents */
   --vp-c-brand-2: #138496; /* hover */
   --vp-c-brand-3: #0a6b73; /* button bg */
-  --vp-c-brand-soft: rgba(10,107,115,0.08);
+  --vp-c-brand-soft: rgba(10, 107, 115, 0.08);
 
   --vp-c-tip-1: #0b7285;
   --vp-c-tip-2: #138496;
   --vp-c-tip-3: #0a6b73;
-  --vp-c-tip-soft: rgba(10,107,115,0.06);
+  --vp-c-tip-soft: rgba(10, 107, 115, 0.06);
 
   --vp-c-warning-1: var(--vp-c-yellow-1);
   --vp-c-warning-2: var(--vp-c-yellow-2);
@@ -86,11 +86,11 @@
   --vp-button-brand-active-text: var(--vp-c-white);
   --vp-button-brand-active-bg: var(--vp-c-brand-1);
 
-/* Slightly larger buttons to match Robot Framework site feel */
-.vp-theme-default .vp-button {
-  padding: 0.6rem 1rem;
-  border-radius: 8px;
-}
+  /* Slightly larger buttons to match Robot Framework site feel */
+  .vp-theme-default .vp-button {
+    padding: 0.6rem 1rem;
+    border-radius: 8px;
+  }
 }
 
 /**
@@ -101,10 +101,29 @@
   --vp-home-hero-name-color: #ffffff;
   --vp-home-hero-name-background: linear-gradient(90deg, #0b7285 0%, #138496 100%);
 
-/* Hero adjustments */
-.VPHero {
-  background: linear-gradient(180deg, rgba(11,114,133,0.06) 0%, transparent 60%);
+  /* Hero adjustments */
+  .VPHero {
+    background: linear-gradient(180deg, rgba(11, 114, 133, 0.06) 0%, transparent 60%);
+  }
+}
+
+@media (min-width: 640px) {
+  .VPHero .hero-img,
+  .VPHero img[src*="robotcode-vintage.png"] {
+    max-width: 256px;
+    max-height: 256px;
+  }
 }
+
+@media (min-width: 960px) {
+  /* Make the hero image larger and more prominent.
+   Targets the image used in the home front-matter (e.g. /robotcode-vintage.png).
+   Adjusts max-width and adds responsive scaling for larger viewports. */
+  .VPHero .hero-img,
+  .VPHero img[src*="robotcode-vintage.png"] {
+    max-width: 500px; /* increase from default to make image larger */
+    max-height: 500px; /* increase from default to make image larger */
+  }
 }
 
 /**
@@ -114,12 +133,12 @@
 :root {
   --vp-custom-block-tip-border: transparent;
   --vp-custom-block-tip-text: var(--vp-c-text-1);
-  --vp-custom-block-tip-bg: rgba(10,107,115,0.06);
-  --vp-custom-block-tip-code-bg: rgba(10,107,115,0.04);
+  --vp-custom-block-tip-bg: rgba(10, 107, 115, 0.06);
+  --vp-custom-block-tip-code-bg: rgba(10, 107, 115, 0.04);
 
-/* Warning / danger softer palettes */
-  --vp-c-warning-soft: rgba(255,193,7,0.06);
-  --vp-c-danger-soft: rgba(220,53,69,0.06);
+  /* Warning / danger softer palettes */
+  --vp-c-warning-soft: rgba(255, 193, 7, 0.06);
+  --vp-c-danger-soft: rgba(220, 53, 69, 0.06);
 }
 
 /**

docs/index.md

@@ -3,63 +3,148 @@ layout: home
 
 hero:
   name: RobotCode
-  tagline: The Ultimate Robot Framework Toolset
+  text: Robot Framework IDE & CLI, the friendly way.
+  tagline: Language server, debugger, analyzer, REPL, and shareable profiles for IDE & CI
   image:
-    src: /robotcode-logo.svg
+    src: /robotcode-vintage.png
     alt: RobotCode Logo
   actions:
-    - theme: brand
-      text: What is RobotCode?
-      link: /01_about
     - theme: brand
       text: Get Started
       link: /02_get_started
-    - theme: brand
-      text: Raise an Issue or Enhancement
-      link: "https://github.com/robotcodedev/robotcode/issues"
+    - theme: alt
+      text: Install VS Code
+      link: https://marketplace.visualstudio.com/items?itemName=d-biehl.robotcode
+    - theme: alt
+      text: Install JetBrains
+      link: https://plugins.jetbrains.com/plugin/26216
+    - theme: alt
+      text: CLI Reference
+      link: /03_reference
+    - theme: alt
+      text: Star on GitHub
+      link: https://github.com/robotcodedev/robotcode
+    - theme: alt
+      text: Sponsor
+      link: /05_contributing/#how-you-can-support-robotcode
 
 features:
-  - title: Autocomplete and IntelliSense
-    details:
-      Autocompletion for
-      Libraries,
-      Resources,
-      Variables,
-      Keywords and Parameters,
-      Namespaces,
-      and more...
+  - icon: "🧠"
+    title: Autocomplete and IntelliSense
+    details: |
+      Get fast, context‑aware suggestions for libraries, resources, keywords (incl. embedded args), variables and namespaces.
+      Signature help, hover docs and inline diagnostics are powered by Robot Framework’s native parser for accuracy in both IDEs.
+
+    link: /01_about
+    linkText: Learn more
+
+  - icon: "🐞"
+    title: Run and Debug
+    details: |
+      Execute and debug tests directly from the editor or CLI. Set breakpoints, step through keywords, inspect variables,
+      and jump to failures. Works with suites, folders or single tests and integrates with Robot Framework logs/reports.
+
+    link: /02_get_started
+    linkText: Get Started
+
+  - icon: "✏️"
+    title: Refactor with Confidence
+    details: |
+      Project‑wide rename for keywords, arguments, variables and files with safe previews. References in resources,
+      libraries and tests are updated consistently across your workspace (incl. multi‑root setups).
+    link: /01_about
+    linkText: Learn refactoring
+
+  - icon: "⚙️"
+    title: Powerful CLI + robot.toml
+    details: |
+      A unified CLI (enhanced <code>robot</code>, <code>rebot</code>, <code>libdoc</code>, <code>discover</code>) plus a central <a href="/03_reference/config">robot.toml</a> for profiles,
+      environments and repeatable execution. Ideal for local dev and CI pipelines.
+    link: /03_reference/config
+    linkText: robot.toml Reference
+
+  - icon: "🧪"
+    title: Test Discovery & Explorer
+    details: |
+      Automatically discover tests and suites. Filter by tags, names and glob patterns. Use the Test Explorer to run suites,
+      folders or single cases — or leverage the <code>discover</code> command from the CLI.
+
+    link: /03_reference/cli
+    linkText: CLI discover
+
+  - icon: "🔎"
+    title: Hover, Go to Definition & Peek
+    details: |
+      Navigate precisely across libraries, resources, variables and keywords. Peek to definitions inline, jump with F12,
+      and rely on consistent cross‑references — the same engine powers VS Code and JetBrains.
+
+    link: /01_about
+    linkText: Navigation features
+
+  - icon: "🧹"
+    title: Linting and Formatting with Robocop
+    details: |
+      Optional integration with <a href="https://robocop.readthedocs.io">Robocop</a>: configurable rules, severities and ignores.
+      Run in the IDE or via CLI; keep quality high with actionable diagnostics and rule links. Configure via <code>robot.toml</code>.
+
+    link: https://robocop.readthedocs.io
+    linkText: Robocop Docs
+
+  - icon: "🧩"
+    title: Multi‑IDE, same core
+    details: |
+      One LSP core powers both VS Code and JetBrains for a consistent experience: completion, navigation, refactoring and diagnostics.
+      Choose your IDE — capabilities stay aligned.
+
+    link: /01_about
+    linkText: IDE overview
+
+  - icon: "📓"
+    title: REPL & Notebooks
+    details: |
+      Try keywords interactively and prototype flows quickly. Use <code>robotcode repl</code> for local sessions or <code>repl-server</code> in headless setups.
+      Great for experimentation, demos and debugging snippets.
+
+    link: /03_reference/cli#repl
+    linkText: REPL Docs
 
-      <img src="/autocomplete1.gif" />
-
-  - title: Running and Debugging
-    details: Running and debugging of RobotFramework testcases
-      and tasks out of the box, directly from the definition of the test or suite.
+---
 
-      <img src="/running_tests.gif" />
+## See RobotCode in Action
 
-  - title: Video Tutorial ...
-    details:
-      Watch the video tutorial I gave at RoboCon 2024.
 
-      <iframe src="https://www.youtube.com/embed/7Uad_250YuI?si=cbGrG6rM0MG7CWTB" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
+![Code Completions](/autocomplete1.gif)
+*Code completions for keywords, arguments and variables in the editor.*
 
 ---
 
+![Running tests](/running_tests.gif)
+*Running tests right from the editor.*
+
+
+## Watch: RoboCon 2024 tutorial
+
+<lite-youtube videoid="7Uad_250YuI" />
+
+This recorded RoboCon 2024 tutorial walks through the core features of RobotCode and demonstrates how to integrate the Language Server into your daily Robot Framework workflow.
 
-[![License](https://img.shields.io/github/license/robotcodedev/robotcode?style=flat&logo=apache)](https://github.com/robotcodedev/robotcode/blob/master/LICENSE)
-[![Build Status](https://img.shields.io/github/actions/workflow/status/robotcodedev/robotcode/build-test-package-publish.yml?branch=main&style=flat&logo=github)](https://github.com/robotcodedev/robotcode/actions?query=workflow:build_test_package_publish)
+- Length: ~2 hours.
+- Level: Beginner to intermediate — basic familiarity with Robot Framework and a working Python environment is recommended.
 
-[![VS Code Marketplace](https://img.shields.io/visual-studio-marketplace/v/d-biehl.robotcode?style=flat&label=VS%20Marketplace&logo=visual-studio-code)](https://marketplace.visualstudio.com/items?itemName=d-biehl.robotcode)
-[![Installs](https://img.shields.io/visual-studio-marketplace/i/d-biehl.robotcode?style=flat)](https://marketplace.visualstudio.com/items?itemName=d-biehl.robotcode)
+What you will learn:
 
-[![JETBRAINS Marketplace](https://img.shields.io/jetbrains/plugin/v/26216.svg)](https://plugins.jetbrains.com/plugin/26216)
-[![Downloads](https://img.shields.io/jetbrains/plugin/d/26216.svg)](https://plugins.jetbrains.com/plugin/26216)
+- How to install and enable the RobotCode extension for VS Code and JetBrains.
+- How the Language Server provides completion, hover documentation, and signature help to speed up test authoring.
+- Running and debugging tests from the editor, setting breakpoints, and inspecting variables during execution.
+- Using the built-in REPL and test discovery features to explore and iterate quickly.
+- and many more...
 
+## Support RobotCode
 
-[![PyPI - Version](https://img.shields.io/pypi/v/robotcode.svg?style=flat)](https://pypi.org/project/robotcode)
-[![Python Version](https://img.shields.io/pypi/pyversions/robotcode.svg?style=flat)](https://pypi.org/project/robotcode)
-[![Downloads](https://img.shields.io/pypi/dm/robotcode.svg?style=flat&label=downloads)](https://pypi.org/project/robotcode)
+- [GitHub Sponsors](https://github.com/sponsors/robotcodedev)
+- [Open Collective](https://opencollective.com/robotcode)
 
 
 ## Powered by
+[RBTFRMWRK/Foundation](https://robotframework.org/foundation)
 [![JetBrains Logo](images/jetbrains.svg)](https://jb.gg/OpenSourceSupport)