From 443b8f397d7da6bfe6974d5f78ca603ff9a36b91 Mon Sep 17 00:00:00 2001
From: dharamveergit <dharamveersingh.em@gmail.com>
Date: Fri, 6 Dec 2024 14:13:14 +0530
Subject: [PATCH] Enhance Carousel and Update Akash Insiders Content

- Updated Carousel component to improve autoplay settings and interaction behavior.
- Simplified and clarified the descriptions in the Akash Insiders section, making the benefits more concise and engaging.
- Removed unnecessary transition properties for better performance and readability.
---
 src/components/community-pages/carousel.tsx |  8 ++++-
 src/pages/community/akash-insiders.astro    | 33 ++++++++-------------
 2 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/components/community-pages/carousel.tsx b/src/components/community-pages/carousel.tsx
index cab7f2f2..d19b83b9 100644
--- a/src/components/community-pages/carousel.tsx
+++ b/src/components/community-pages/carousel.tsx
@@ -35,13 +35,19 @@ const Carousel = () => {
         loop={true}
         centeredSlides={true}
         speed={4000}
-        freeMode={true}
+        freeMode={{
+          enabled: true,
+          momentum: false,
+        }}
         autoplay={{
           delay: 0,
           disableOnInteraction: false,
           pauseOnMouseEnter: false,
+          reverseDirection: false,
         }}
         className="w-full"
+        watchSlidesProgress={true}
+        preventInteractionOnTransition={true}
       >
         {images.map((src, index) => (
           <SwiperSlide key={index} className="!w-auto ">
diff --git a/src/pages/community/akash-insiders.astro b/src/pages/community/akash-insiders.astro
index 91b2d8a3..b16223a3 100644
--- a/src/pages/community/akash-insiders.astro
+++ b/src/pages/community/akash-insiders.astro
@@ -22,7 +22,7 @@ import Layout from "@/layouts/layout.astro";
       buttonLink="https://akashnet.typeform.com/to/PXpRWgfD?typeform-source=akash.network"
     />
     <div class="flex flex-col gap-20 lg:gap-40">
-      <div transition:persist>
+      <div>
         <Carousel client:load />
       </div>
       <div class="container-reader flex flex-col gap-20 lg:gap-40">
@@ -30,28 +30,25 @@ import Layout from "@/layouts/layout.astro";
           title="What do Akash Insiders do?"
           items={[
             {
-              title:
-                "Contribute to the development of the Akash ecosystem, leveraging their shared expertise in AI, cloud, and crypto technologies.",
+              title: "Contribute to the development of the Akash ecosystem",
             },
             {
-              title:
-                "Participate in testing new features, products, and updates within the Akash ecosystem.",
+              title: "Test new features and products within the Akash Network",
             },
             {
               title:
-                "Contribute to the creation and maintenance of technical documentation, tutorials, and resources to help others understand and utilize Akash technologies.",
+                "Create and maintain technical documentation and tutorials",
             },
             {
               title:
-                "Offer assistance and guidance to fellow community members, sharing knowledge and fostering a supportive and collaborative environment.",
+                "Support community members and foster collaborative learning",
             },
             {
               title:
-                "Host workshops, webinars, or tutorials to educate the community about cloud computing, AI, and best practices for development on the Akash Network.",
+                "Educate the community through workshops and webinars on DePin and AI",
             },
             {
-              title:
-                "Represent Akash Network at in-person events around the world.",
+              title: "Represent the Akash Network online and in person",
             },
           ]}
           image="/images/insiders/akash-image.png"
@@ -62,27 +59,21 @@ import Layout from "@/layouts/layout.astro";
           items={[
             {
               title:
-                "Engage with a diverse and global community of like-minded developers and enthusiasts.",
-            },
-            {
-              title:
-                "Gain early access to new features, products, and updates within the Akash ecosystem.",
+                "Connect with like-minded AI, crypto and DePin advocates from around the world.",
             },
             {
-              title:
-                "Get a front-row education on the latest in web3, AI, and cloud technologies.",
+              title: "Gain early access to Akash ecosystem features",
             },
             {
-              title:
-                "Actively engage and learn from other community members from across the world.",
+              title: "Learn cutting-edge AI, crypto, and DePin technologies",
             },
             {
               title:
-                "Gain closer access to the Overclock Labs team, the creators of the Akash Network.",
+                "Interact directly with Overclock Labs team, the creators of the Akash Network",
             },
             {
               title:
-                "Represent the Akash community at IRL events around the world.",
+                "Opportunities to attend in-person events around the world",
             },
           ]}
           image="/images/insiders/become-insider.png"