[pull] main from BornToBeRoot:main

README.md

@@ -58,6 +58,15 @@
   </p>
 </div>
 
+<div align="center">
+  <img alt="NETworkManager Features Preview" src="https://github.com/BornToBeRoot/NETworkManager/blob/main/Website/static/img/preview-features.gif?raw=true" />
+  <details>
+    <summary>Click to see screenshots of NETworkManager in action!</summary>
+    <img alt="NETworkManager tabs and drag & drop preview" src="https://github.com/BornToBeRoot/NETworkManager/blob/main/Website/static/img/preview_tabs_drag_drop.gif?raw=true" />
+    <img alt="NETworkManager dark/light theme preview" src="https://github.com/BornToBeRoot/NETworkManager/blob/main/Website/static/img/preview-light-theme.png?raw=true" />
+  </details>
+</div>
+
 ## 🚀 Why NETworkManager?
 
 NETworkManager is your go-to tool for simplifying network administration and troubleshooting. Whether you're a sysadmin maintaining company network with multiple servers, a network engineer in a large enterprise, or an IT enthusiast running your home lab, NETworkManager provides a powerful suite of tools to manage and diagnose your network infrastructure efficiently.
@@ -68,24 +77,12 @@ Here's why you'll love it:
 - 🖥️ **Remote System Management** - Connect to remote systems seamlessly via RDP, PuTTY (SSH, Telnet, Serial), PowerShell (WinRM), TigerVNC (VNC), or AWS Session Manager.
 - 🔍 **Analyze & Troubleshoot** - Deep network diagnostics with WiFi Analyzer, IP/Port Scanners, Ping Monitor, Traceroute, DNS Lookup, LLDP/CDP Capture, and <a href="https://borntoberoot.net/NETworkManager/docs/features">many more</a>.
 - 🔐 **Secure Profiles** - Organize hosts and networks in encrypted profiles with seamless access across all features.
-  <details>
-  <summary>See it in Action</summary>
-    tbd
-  </details>
 - 💎 **Open Source & Free** - No ads, no subscriptions, fully community-driven.
 - 🏢 **Enterprise-Ready** - MSI installer, signed binaries, and package manager support (Chocolatey, WinGet, Evergreen).
 - 🎨 **Personalized Experience** - Available in 16+ languages, with customizable light/dark themes and accent colors.
-  <details>
-    <summary>Theme preview</summary>
-    <img alt="NETworkManager Light Theme" src="https://github.com/BornToBeRoot/NETworkManager/blob/main/Website/static/img/preview-light-theme.png?raw=true" />   
-  </details>
 
 📖 Explore all features in detail on our [documentation page](https://borntoberoot.net/NETworkManager/docs/features).
 
-<div align="center">
-  <img alt="NETworkManager Features Preview" src="https://github.com/BornToBeRoot/NETworkManager/blob/main/Website/static/img/preview-features.gif?raw=true" />
-</div>
-
 ## 📦 Download
 
 Get started with NETworkManager today! Download pre-built, [signed](https://borntoberoot.net/NETworkManager/download#code-signing-policy) binaries (setup, portable, or archive) from our [download page](https://borntoberoot.net/NETworkManager/download) with detailed install instructions (e.g., silent install). Files are hosted on [GitHub Releases](https://github.com/BornToBeRoot/NETworkManager/releases/latest).

Website/src/pages/index.js

@@ -26,8 +26,6 @@ import ImageGalleryWhois from "@site/docs/img/whois.png";
 import ImageGalleryIPGeolocation from "@site/docs/img/ip-geolocation.png";
 import ImageGallerySubnetCalculatorCalculator from "@site/docs/img/subnet-calculator--calculator.png";
 
-import ImageGalleryDragDrop from "@site/docs/img/changelog-2669.gif";
-
 import ImageGalleryProfilesOverView from "@site/docs/img/profiles--overview.png";
 import ImageGalleryProfilesProfileSettings from "@site/docs/img/profiles--profile-settings.png";
 import ImageGalleryProfilesGroupSettings from "@site/docs/img/profiles--group-settings.png";
@@ -223,16 +221,6 @@ export default function Home() {
   ];
 
   const images2 = [
-    {
-      original: ImageGalleryDragDrop,
-      thumbnail: ImageGalleryDragDrop,
-      originalAlt: "Tabs, drag & drop",
-      description: "Tabs, drag & drop",
-      thumbnailAlt: "Tabs, drag & drop",
-    },
-  ];
-
-  const images3 = [
     {
       original: ImageGalleryProfilesOverView,
       thumbnail: ImageGalleryProfilesOverView,
@@ -265,7 +253,9 @@ export default function Home() {
       <main>
         <HomepageFeatures />
         <div className="container text--center margin-top--xl margin-bottom--xl">
-          <Heading as="h2">Preview of some features...</Heading>
+          <Heading as="h2">
+            Explore the powerful features...
+          </Heading>
           <div className="gallery-container1">
             <ImageGallery
               autoPlay="true"
@@ -277,19 +267,19 @@ export default function Home() {
             ...with tabs, drag & drop...
           </Heading>
           <div className="gallery-container2">
-            <ImageGallery
-              autoPlay="true"              
-              items={images2}
-              additionalClass={styles.image}
+            <img
+              src="./img/preview_tabs_drag_drop.gif"
+              alt="NETworkManager tabs and drag & drop preview"
+              className={styles.image}
             />
           </div>
           <Heading as="h2" className="margin-top--xl">
-            ...and (encrypted) profiles...
+            ...and encrypted profiles...
           </Heading>
           <div className="gallery-container3">
             <ImageGallery
               autoPlay="true"
-              items={images3}
+              items={images2}
               additionalClass={styles.image}
             />
           </div>