docs: Refactor customer stories section

docs-website/customerStoriesIndexes.json

@@ -0,0 +1,319 @@
+{
+  "companies": [
+    {
+      "name": "Netflix",
+      "slug": "netflix",
+      "imageUrl": "/img/logos/companies/netflix.png",
+      "imageSize": "large",
+      "link": "https://blog.datahubproject.io/how-netflix-is-collaborating-with-datahub-to-enhance-its-extensibility-a34d33f45947",
+      "linkType": "blog",
+      "tagline": "How Netflix is collaborating with DataHub to enhance its extensibility",
+      "category": "B2B & B2C",
+      "description": "<i>\"DataHub gave us the extensibility features we needed to define new entity types easily and augment existing ones. DataHub performed exceptionally well in managing our traffic load and data volume. It offers <b>a great developer experience, a well-documented taxonomy, and — very importantly — solid community support.</b>\"<br /><br /><div style='color: gray;'>— Ajoy Majumdar, Software Architect at Netflix</div></i><br />"
+    },
+    {
+      "name": "Visa",
+      "slug": "visa",
+      "imageUrl": "/img/logos/companies/visa.png",
+      "imageSize": "large",
+      "link": "https://blog.datahubproject.io/how-visa-uses-datahub-to-scale-data-governance-cace052d61c5",
+      "linkType": "blog",
+      "tagline": "How Visa uses DataHub to scale data governance",
+      "category": "B2B & B2C",
+      "description": "<i>\"We found DataHub to provide excellent coverage for our needs. What we appreciate most about DataHub is <b>its powerful API platform.</b>\"<br /><br /><div style='color: gray;'>— Jean-Pierre Dijcks, Sr. Dir. Product Management at VISA</div></i><br />"
+    },
+    {
+      "name": "MediaMarkt Saturn",
+      "slug": "mediamarkt-saturn",
+      "imageUrl": "/img/logos/companies/mediamarkt-saturn.png",
+      "imageSize": "large",
+      "link": "https://www.youtube.com/watch?v=wsCFnElN_Wo",
+      "linkType": "video",
+      "tagline": "DataHub + MediaMarktSaturn Access Management Journey",
+      "category": "B2B & B2C",
+      "description": "Europe’s #1 consumer electronics retailer implemented DataHub for three reasons:<br /><br />1. DataHub provides an extremely <b>flexible and customizable metadata platform at scale</b>.<br />2. Open-source means lower cost to implement and removes the headache of license management.<br />3. Community-driven project which continually evolves with industry trends and best practices."
+    },
+    {
+      "name": "Airtel",
+      "slug": "airtel",
+      "imageUrl": "/img/logos/companies/airtel.png",
+      "imageSize": "large",
+      "link": "https://www.youtube.com/watch?v=yr24mM91BN4",
+      "linkType": "video",
+      "tagline": "A transformative journey to Airtel's data mesh architecture with DataHub",
+      "category": "B2B & B2C",
+      "description": "Airtel is a leading global telecommunication provider. DataHub is the bedrock of Data Mesh at Airtel by providing the requisite governance and metadata management functionality to <b>ensure their Data Products are discoverable, addressable, trustworthy, self-describing, and secure.</b><br /><br />Get a closer look at how the Airtel team has successfully integrated DataHub to take their data mesh implementation to the next level."
+    },
+    {
+      "name": "Coursera",
+      "slug": "coursera",
+      "imageUrl": "/img/logos/companies/coursera.svg",
+      "imageSize": "small",
+      "link": "https://www.youtube.com/watch?v=bd5v4fn4d4s",
+      "linkType": "video",
+      "tagline": "Coursera's DataHub Journey",
+      "category": "B2B & B2C",
+      "description": "<i>“DataHub aligns with our needs [for] data documentation, a unified search experience, lineage information, and additional metadata. We are also very impressed with the vibrant and supportive community.”</i>"
+    },
+    {
+      "name": "Wolt",
+      "slug": "wolt",
+      "imageUrl": "/img/logos/companies/wolt.png",
+      "imageSize": "default",
+      "link": "https://blog.datahubproject.io/humans-of-datahub-fredrik-sannholm-d673b1877f2b",
+      "linkType": "blog",
+      "tagline": "Wolt's DataHub Integration",
+      "category": "E-Commerce",
+      "description": "<i>“[DataHub] has made our legal team very happy with being able to keep track of our sensitive data [to answer questions like] Where’s it going? How’s it being processed? Where’s it ending up? Which third party tool or API’s are we sending it to and why? Who is responsible for this integration?”</i>"
+    },
+    {
+      "name": "Adevinta",
+      "slug": "adevinta",
+      "imageUrl": "/img/logos/companies/adevinta.png",
+      "imageSize": "medium",
+      "link": "https://medium.com/@adevinta/building-the-data-catalogue-the-beginning-of-a-journey-d64e828f955c",
+      "linkType": "blog",
+      "tagline": "Building the data catalogue",
+      "category": "E-Commerce",
+      "description": "<i>“DataHub allows us to solve the data discovery problem, which was a big challenge in our organization, and now we are solving it.”</i>"
+    },
+    {
+      "name": "Zynga",
+      "slug": "zynga",
+      "imageUrl": "/img/logos/companies/zynga.png",
+      "imageSize": "default",
+      "link": "https://www.youtube.com/watch?v=VCU3-Hd_glI",
+      "linkType": "video",
+      "tagline": "Zynga's DataHub Implementation",
+      "category": "B2B & B2C",
+      "description": "<i>“We looked around for data catalog tool, and DataHub was a clear winner.”</i> <br /> <br /> Zynga levels up data management using DataHub, highlighting its role in enhancing data management, tracing data lineage, and ensuring data quality."
+    },
+    {
+      "name": "Geotab",
+      "slug": "geotab",
+      "imageUrl": "/img/logos/companies/geotab.jpg",
+      "imageSize": "small",
+      "link": "https://www.youtube.com/watch?v=boyjT2OrlU4",
+      "linkType": "video",
+      "tagline": "Geotab's Experience with DataHub",
+      "category": "B2B & B2C",
+      "description": "<i>“The key evaluation metric for selecting DataHub was the approachability and technical capabilities of its leading development team.”<i><br /> <br /> Geotab’s data adoption journey explores challenges in data management, governance, and the decision to utilize DataHub for improved productivity and collaboration."
+    },
+    {
+      "name": "Hurb",
+      "slug": "hurb",
+      "imageUrl": "/img/logos/companies/hurb.png",
+      "imageSize": "medium",
+      "link": "https://blog.datahubproject.io/humans-of-datahub-patrick-franco-braz-b02b55a4c5384",
+      "linkType": "blog",
+      "tagline": "Hurb's DataHub Journey",
+      "category": "B2B & B2C",
+      "description": "<i>“The main points that drove our decision to implement DataHub were its user-friendly interface, active and receptive community, contribution opportunities, and built-in ingestion sources for our primary services.”</i><br /><br /> Hurb implemented DataHub to enhance data governance, streamline data access, and improve decision-making through a structured integration process."
+    },
+    {
+      "name": "Saxo Bank",
+      "slug": "saxo-bank",
+      "imageUrl": "/img/logos/companies/saxobank.svg",
+      "imageSize": "default",
+      "link": "https://blog.datahubproject.io/enabling-data-discovery-in-a-data-mesh-the-saxo-journey-451b06969c8f",
+      "linkType": "blog",
+      "tagline": "Enabling Data Discovery in a Data Mesh",
+      "category": "Financial & Fintech",
+      "description": "Saxo Bank adopted DataHub to enhance data quality and streamline governance, facilitating efficient data management through self-service capabilities. <br /><br />By integrating Apache Kafka and Snowflake with DataHub, the bank embraced Data Mesh principles to democratize data, support rapid growth, and improve business processes."
+    },
+    {
+      "name": "Grofers",
+      "slug": "grofers",
+      "imageUrl": "/img/logos/companies/grofers.png",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=m9kUYAuezFI",
+      "linkType": "video",
+      "tagline": "Grofers' Success with DataHub",
+      "category": "E-Commerce",
+      "description": "Grofers provides a closer look into how their team has leveraged DataHub as the source of truth for data governance."
+    },
+    {
+      "name": "Viasat",
+      "slug": "viasat",
+      "imageUrl": "/img/logos/companies/viasat.png",
+      "imageSize": "medium",
+      "link": "https://www.youtube.com/watch?v=2SrDAJnzkjE",
+      "linkType": "video",
+      "tagline": "Viasat's DataHub Implementation",
+      "category": "And More",
+      "description": "Viasat highlights why they chose DataHub over other open source and commercial technologies and their plans with it."
+    },
+    {
+      "name": "Optum",
+      "slug": "optum",
+      "imageUrl": "/img/logos/companies/optum.jpg",
+      "imageSize": "medium",
+      "link": "https://opensource.optum.com/blog/2022/03/23/data-mesh-via-datahub",
+      "linkType": "blog",
+      "tagline": "Data Mesh via DataHub",
+      "category": "And More",
+      "description": "<i>“DataHub’s event driven architecture provides us a mechanism to act on any metadata changes in real time. This allows us to perform various actions like provisioning access to a data product, notifying consumers on any schema changes that may affect their application or triggering data movement jobs to move data from source to sink platforms.”</i>"
+    },
+    {
+      "name": "LinkedIn",
+      "slug": "linkedin",
+      "imageUrl": "/img/logos/companies/linkedin.svg",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Udemy",
+      "slug": "udemy",
+      "imageUrl": "/img/logos/companies/udemy.png",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "ThoughtWorks",
+      "slug": "thoughtworks",
+      "imageUrl": "/img/logos/companies/thoughtworks.png",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Expedia Group",
+      "slug": "expedia-group",
+      "imageUrl": "/img/logos/companies/expedia.svg",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Typeform",
+      "slug": "typeform",
+      "imageUrl": "/img/logos/companies/typeform.svg",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Peloton",
+      "slug": "peloton",
+      "imageUrl": "/img/logos/companies/peloton.png",
+      "imageSize": "default",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Razer",
+      "slug": "razer",
+      "imageUrl": "/img/logos/companies/razer.jpeg",
+      "imageSize": "large",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "ClassDojo",
+      "slug": "classdojo",
+      "imageUrl": "/img/logos/companies/classdojo.png",
+      "imageSize": "medium",
+      "category": "B2B & B2C"
+    },
+    {
+      "name": "Klarna",
+      "slug": "klarna",
+      "imageUrl": "/img/logos/companies/klarna.svg",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "N26",
+      "slug": "n26",
+      "imageUrl": "/img/logos/companies/n26.svg",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "BankSalad",
+      "slug": "banksalad",
+      "imageUrl": "/img/logos/companies/banksalad.png",
+      "imageSize": "default",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "Uphold",
+      "slug": "uphold",
+      "imageUrl": "/img/logos/companies/uphold.png",
+      "imageSize": "default",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "Stash",
+      "slug": "stash",
+      "imageUrl": "/img/logos/companies/stash.svg",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "SumUp",
+      "slug": "sumup",
+      "imageUrl": "/img/logos/companies/sumup.png",
+      "imageSize": "medium",
+      "category": "Financial & Fintech"
+    },
+    {
+      "name": "VanMoof",
+      "slug": "vanmoof",
+      "imageUrl": "/img/logos/companies/vanmoof.png",
+      "imageSize": "small",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "SpotHero",
+      "slug": "spothero",
+      "imageUrl": "/img/logos/companies/spothero.png",
+      "imageSize": "default",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "hipages",
+      "slug": "hipages",
+      "imageUrl": "/img/logos/companies/hipages.png",
+      "imageSize": "medium",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Showroomprive.com",
+      "slug": "showroomprive-com",
+      "imageUrl": "/img/logos/companies/showroomprive.png",
+      "imageSize": "small",
+      "category": "E-Commerce"
+    },
+    {
+      "name": "Wikimedia Foundation",
+      "slug": "wikimedia-foundation",
+      "imageUrl": "/img/logos/companies/wikimedia-foundation.png",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "Cabify",
+      "slug": "cabify",
+      "imageUrl": "/img/logos/companies/cabify.png",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "Digital Turbine",
+      "slug": "digital-turbine",
+      "imageUrl": "/img/logos/companies/digitalturbine.svg",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "DFDS",
+      "slug": "dfds",
+      "imageUrl": "/img/logos/companies/dfds.png",
+      "imageSize": "medium",
+      "category": "And More"
+    },
+    {
+      "name": "Moloco",
+      "slug": "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: "/adoption-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/sidebars.js

@@ -31,7 +31,11 @@ module.exports = {
           label: "Demo",
           href: "https://demo.datahubproject.io/",
         },
-        "docs/what-is-datahub/customer-stories",
+        {
+          type: "link",
+          label: "Adoption Stories",
+          href: "/adoption-stories",
+        },
         "docs/what-is-datahub/datahub-concepts",
       ],
     },