Update index.js

Author: BornToBeRoot

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";
 
-const ImageGalleryTabsDragDrop = "/img/preview_tabs_drag_drop.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: ImageGalleryTabsDragDrop,
-      thumbnail: ImageGalleryTabsDragDrop,
-      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">Explore the powerful features of NETworkManager...</Heading>
+          <Heading as="h2">
+            Explore the powerful features of NETworkManager...
+          </Heading>
           <div className="gallery-container1">
             <ImageGallery
               autoPlay="true"
@@ -277,10 +267,10 @@ 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 animation"
+              className={styles.image}
             />
           </div>
           <Heading as="h2" className="margin-top--xl">
@@ -289,10 +279,10 @@ export default function Home() {
           <div className="gallery-container3">
             <ImageGallery
               autoPlay="true"
-              items={images3}
+              items={images2}
               additionalClass={styles.image}
             />
-          </div>          
+          </div>
         </div>
       </main>
     </Layout>