guides

package.json

@@ -25,12 +25,18 @@
     "@radix-ui/react-collapsible": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-hover-card": "^1.0.7",
+    "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-slider": "^1.2.0",
+    "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.1.0",
     "@tailwindcss/typography": "^0.5.10",
     "@tanstack/react-query": "^4.29.7",
     "@tanstack/react-query-devtools": "^4.32.6",
+    "@types/lodash": "^4.17.7",
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "astro": "^4.0.7",
@@ -41,6 +47,7 @@
     "clsx": "^2.0.0",
     "fuse.js": "^6.6.2",
     "hastscript": "^8.0.0",
+    "lodash": "^4.17.21",
     "lucide-react": "^0.279.0",
     "openai": "^4.57.0",
     "react": "^18.0.0",
@@ -56,6 +63,7 @@
     "swiper": "10.2.0",
     "tailwind-merge": "^1.14.0",
     "tailwindcss": "^3.0.24",
+    "tailwindcss-animate": "^1.0.7",
     "unist-util-remove": "^4.0.0",
     "unist-util-visit": "^5.0.0",
     "zustand": "^4.5.2"

src/components/CTA.astro

@@ -33,7 +33,7 @@ if (pathname.startsWith("/ecosystem/providers")) {
   class={`
   ${
     pathname.startsWith("/community/") ||
-    pathname.startsWith("/gpus") ||
+    pathname.startsWith("/pricing/gpus") ||
     pathname === "/akash-accelerate-2024"
       ? "hidden"
       : ""

src/components/about-pages/nav-config.ts

@@ -16,9 +16,4 @@ export const nav: any = [
     link: "/about/tenants/",
     enabled: true,
   },
-  {
-    label: "Pricing",
-    link: "/about/pricing/custom/",
-    enabled: true,
-  },
 ];

src/components/ecosystem-pages/categories.astro

@@ -6,28 +6,33 @@ const pathName = astroUrl.pathname.split("/");
 const { tags } = Astro.props;
 
 // Normalize tags to lowercase and remove duplicates
-const normalizedTags = [...new Set(tags.map(tag => tag.toLowerCase()))];
+const normalizedTags = [...new Set(tags.map((tag) => tag.toLowerCase()))];
 
 // Separate "ai & ml" tag and sort the rest alphabetically
 const aiMlTag = ["ai & ml"];
 const sortedTags = [
   ...aiMlTag,
-  ...normalizedTags.filter(tag => tag !== "ai & ml").sort((a, b) => a.localeCompare(b)),
+  ...normalizedTags
+    .filter((tag) => tag !== "ai & ml")
+    .sort((a, b) => a.localeCompare(b)),
 ];
 
 // Function to display specific tags in proper casing or modify others appropriately
 const displayTag = (tag) => {
   const specialCases = {
-    "dao": "DAO",
+    dao: "DAO",
     "pos validator": "PoS Validator",
-    "ai & ml": "AI & ML"
+    "ai & ml": "AI & ML",
   };
 
-  return specialCases[tag.toLowerCase()] || tag
-    .split(" ")
-    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-    .join(" ");
-}
+  return (
+    specialCases[tag.toLowerCase()] ||
+    tag
+      .split(" ")
+      .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+      .join(" ")
+  );
+};
 ---
 
 <div class="hidden w-[200px] flex-shrink-0 pt-5 lg:block">

src/components/ecosystem-pages/top-header.astro

@@ -10,7 +10,7 @@ const { tags } = Astro.props;
 ---
 
 <h1 class="text-2xl font-bold md:block md:text-2lg lg:text-3lg">
-  Dive into the Akash ecosystem
+  Explore the Akash Ecosystem
 </h1>
 
 <div