docs: Refactor customer stories section

docs-website/customerStoriesIndexes.json

@@ -0,0 +1,223 @@
+{
+  "companies": [
+    {
+      "name": "Airtel",
+      "imageUrl": "/img/logos/companies/airtel.png",
+      "imageSize": "large",
+      "link": "https://www.youtube.com/watch?v=yr24mM91BN4&list=PLdCtLs64vZvGCKMQC2dJEZ6cUqWsREbFi&index=9",
+      "category": "B2B & B2C",
+      "description": "Airtel is a leading global telecommunications company with operations in 18 countries across Asia and Africa. The company ranks amongst the top 3 mobile service providers globally in terms of subscribers."
+    },
+    {
+      "name": "Coursera",
+      "imageUrl": "/img/logos/companies/coursera.svg",
+      "imageSize": "small",
+      "link": "https://www.youtube.com/watch?v=bd5v4fn4d4s",
+      "category": "B2B & B2C",
+      "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien."
+    },
+    {
+      "name": "Zynga",
+      "imageUrl": "/img/logos/companies/zynga.png",
+      "imageSize": "default",
+      "link": "https://www.youtube.com/watch?v=VCU3-Hd_glI",
+      "category": "B2B & B2C",
+      "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien."
+
+    },
+    {
+      "name": "Geotab",
+      "imageUrl": "/img/logos/companies/geotab.jpg",
+      "imageSize": "small",
+      "link": "https://www.youtube.com/watch?v=boyjT2OrlU4",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Hurb",
+      "imageUrl": "/img/logos/companies/hurb.png",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=G-xOe5OGGw4",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Saxo Bank",
+      "imageUrl": "/img/logos/companies/saxobank.svg",
+      "imageSize": "default",
+      "link": "https://www.youtube.com/watch?v=8EsgE8urqHI",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "Adevinta",
+      "imageUrl": "/img/logos/companies/adevinta.png",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=u9DRa_5uPIM",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Grofers",
+      "imageUrl": "/img/logos/companies/grofers.png",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=m9kUYAuezFI",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Wolt",
+      "imageUrl": "/img/logos/companies/wolt.png",
+      "imageSize": "default",
+      "link": "https://www.youtube.com/watch?v=D8XsfoZuwt0&t=75s",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Viasat",
+      "imageUrl": "/img/logos/companies/viasat.png",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=2SrDAJnzkjE",
+      "category": "And More"
+    },
+    {
+      "name": "Optum",
+      "imageUrl": "/img/logos/companies/optum.jpg",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=NuLLc88ij-s",
+      "category": "And More"
+    },
+    {
+      "name": "LinkedIn",
+      "imageUrl": "/img/logos/companies/linkedin.svg",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Udemy",
+      "imageUrl": "/img/logos/companies/udemy.png",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "ThoughtWorks",
+      "imageUrl": "/img/logos/companies/thoughtworks.png",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Expedia Group",
+      "imageUrl": "/img/logos/companies/expedia.svg",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Typeform",
+      "imageUrl": "/img/logos/companies/typeform.svg",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Peloton",
+      "imageUrl": "/img/logos/companies/peloton.png",
+      "imageSize": "default",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Razer",
+      "imageUrl": "/img/logos/companies/razer.jpeg",
+      "imageSize": "large",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "ClassDojo",
+      "imageUrl": "/img/logos/companies/classdojo.png",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Klarna",
+      "imageUrl": "/img/logos/companies/klarna.svg",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "N26",
+      "imageUrl": "/img/logos/companies/n26.svg",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "BankSalad",
+      "imageUrl": "/img/logos/companies/banksalad.png",
+      "imageSize": "default",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "Uphold",
+      "imageUrl": "/img/logos/companies/uphold.png",
+      "imageSize": "default",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "Stash",
+      "imageUrl": "/img/logos/companies/stash.svg",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "SumUp",
+      "imageUrl": "/img/logos/companies/sumup.png",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "VanMoof",
+      "imageUrl": "/img/logos/companies/vanmoof.png",
+      "imageSize": "small",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "SpotHero",
+      "imageUrl": "/img/logos/companies/spothero.png",
+      "imageSize": "default",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "hipages",
+      "imageUrl": "/img/logos/companies/hipages.png",
+      "imageSize": "medium",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Showroomprive.com",
+      "imageUrl": "/img/logos/companies/showroomprive.png",
+      "imageSize": "small",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Wikimedia Foundation",
+      "imageUrl": "/img/logos/companies/wikimedia-foundation.png",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "Cabify",
+      "imageUrl": "/img/logos/companies/cabify.png",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "Digital Turbine",
+      "imageUrl": "/img/logos/companies/digitalturbine.svg",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "DFDS",
+      "imageUrl": "/img/logos/companies/dfds.png",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "Moloco",
+      "imageUrl": "/img/logos/companies/moloco.png",
+      "imageSize": "medium",
+      "category": "And More"
+    }
+  ]
+}

docs-website/docusaurus.config.js

@@ -141,8 +141,8 @@ module.exports = {
               label: "YouTube",
             },
             {
-              href: "https://www.youtube.com/playlist?list=PLdCtLs64vZvGCKMQC2dJEZ6cUqWsREbFi",
-              label: "Case Studies",
+              href: "/docs/what-is-datahub/customer-stories",
+              label: "Adoption Stories",
             },
             {
               href: "https://www.youtube.com/playlist?list=PLdCtLs64vZvErAXMiqUYH9e63wyDaMBgg",

docs-website/package.json

@@ -48,6 +48,7 @@
     "react-dom": "18.2.0",
     "sass": "^1.43.2",
     "swc-loader": "^0.2.6",
+    "swiper": "^11.1.4",
     "uuid": "^9.0.0"
   },
   "browserslist": {

docs-website/src/pages/_components/Hero/hero.module.scss

@@ -42,58 +42,3 @@
     }
   }
 }
-
-.quickLinks {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1rem;
-  font-weight: bold;
-  margin-bottom: -2.5vh;
-  @media (min-width: 768px) {
-    flex-direction: row;
-  }
-
-  > * {
-    padding: 0.5rem 1rem;
-    display: inline-block;
-
-    @media (min-width: 768px) {
-      padding: 0 1rem;
-    }
-  }
-}
-
-.quickLinksLabel {
-  display: flex;
-  align-items: center;
-  svg {
-    width: 24px;
-    height: 24px;
-    color: var(--ifm-text-color) !important;
-    margin-right: 0.5rem;
-  }
-}
-
-.quickstartContent {
-  text-align: center;
-  padding: 2rem 0;
-  height: 100%;
-  margin: 2rem 0;
-  background: #34394d;
-  border-radius: var(--ifm-card-border-radius);
-}
-
-.quickstartTitle {
-  color: #fafafa;
-}
-
-.quickstartSubtitle {
-  font-size: 1.1rem;
-  color: gray;
-}
-
-.quickstartCodeblock {
-  text-align: left;
-  padding: 0 20vh;
-}