feat: add descriotions & images for adoption stories

docs-website/customerStoriesIndexes.json

@@ -1,223 +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&list=PLdCtLs64vZvGCKMQC2dJEZ6cUqWsREbFi&index=9",
+      "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 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."
+      "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": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien."
+      "description": "Coursera discusses how DataHub helps them streamline data management processes, improve data discovery, and enhance data governance, ensuring better learning experiences for their users."
     },
     {
       "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": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut purus eget sapien."
-
+      "description": "Zynga's video highlights their journey with DataHub, focusing on how the platform aids in data management and enhances their gaming analytics."
     },
     {
       "name": "Geotab",
+      "slug": "geotab",
       "imageUrl": "/img/logos/companies/geotab.jpg",
       "imageSize": "small",
       "link": "https://www.youtube.com/watch?v=boyjT2OrlU4",
-      "category": "B2B & B2C"
+      "linkType": "video",
+      "tagline": "Geotab's Experience with DataHub",
+      "category": "B2B & B2C",
+      "description": "Geotab discusses their integration of DataHub, emphasizing the benefits of improved data tracking and fleet management efficiency."
     },
     {
       "name": "Hurb",
+      "slug": "hurb",
       "imageUrl": "/img/logos/companies/hurb.png",
       "imageSize": "medium",
       "link": "https://www.youtube.com/watch?v=G-xOe5OGGw4",
-      "category": "B2B & B2C"
+      "linkType": "video",
+      "tagline": "Hurb's DataHub Journey",
+      "category": "B2B & B2C",
+      "description": "Hurb shares how DataHub has transformed their data management practices, leading to better customer insights and operational efficiency."
     },
     {
       "name": "Saxo Bank",
+      "slug": "saxo-bank",
       "imageUrl": "/img/logos/companies/saxobank.svg",
       "imageSize": "default",
       "link": "https://www.youtube.com/watch?v=8EsgE8urqHI",
-      "category": "Financial & Fintech"
+      "linkType": "video",
+      "tagline": "Saxo Bank's DataHub Story",
+      "category": "Financial & Fintech",
+      "description": "Saxo Bank illustrates their use of DataHub in financial data management, enhancing transparency and compliance across their operations."
     },
     {
       "name": "Adevinta",
+      "slug": "adevinta",
       "imageUrl": "/img/logos/companies/adevinta.png",
       "imageSize": "medium",
       "link": "https://www.youtube.com/watch?v=u9DRa_5uPIM",
-      "category": "E-Commerce"
+      "linkType": "video",
+      "tagline": "Adevinta's Data Management with DataHub",
+      "category": "E-Commerce",
+      "description": "Adevinta showcases their implementation of DataHub, focusing on its role in streamlining data processes and supporting e-commerce growth."
     },
     {
       "name": "Grofers",
+      "slug": "grofers",
       "imageUrl": "/img/logos/companies/grofers.png",
       "imageSize": "medium",
       "link": "https://www.youtube.com/watch?v=m9kUYAuezFI",
-      "category": "E-Commerce"
+      "linkType": "video",
+      "tagline": "Grofers' Success with DataHub",
+      "category": "E-Commerce",
+      "description": "Grofers details how DataHub aids their data governance and analytics, enhancing their ability to serve customers effectively."
     },
     {
       "name": "Wolt",
+      "slug": "wolt",
       "imageUrl": "/img/logos/companies/wolt.png",
       "imageSize": "default",
       "link": "https://www.youtube.com/watch?v=D8XsfoZuwt0&t=75s",
-      "category": "E-Commerce"
+      "linkType": "video",
+      "tagline": "Wolt's DataHub Integration",
+      "category": "E-Commerce",
+      "description": "Wolt explains the benefits of integrating DataHub into their data systems, improving delivery logistics and customer satisfaction."
     },
     {
       "name": "Viasat",
+      "slug": "viasat",
       "imageUrl": "/img/logos/companies/viasat.png",
       "imageSize": "medium",
       "link": "https://www.youtube.com/watch?v=2SrDAJnzkjE",
-      "category": "And More"
+      "linkType": "video",
+      "tagline": "Viasat's DataHub Implementation",
+      "category": "And More",
+      "description": "Viasat highlights their journey with DataHub, focusing on how it enhances their data management and operational efficiency."
     },
     {
       "name": "Optum",
+      "slug": "optum",
       "imageUrl": "/img/logos/companies/optum.jpg",
       "imageSize": "medium",
       "link": "https://www.youtube.com/watch?v=NuLLc88ij-s",
-      "category": "And More"
+      "linkType": "video",
+      "tagline": "Optum's DataHere is the updated JSON with the required fields filled in for each company.",
+      "category": "And More",
+      "description": "Optum discusses their use of DataHub in healthcare data management, emphasizing the platform's role in improving patient care and operational efficiency."
     },
     {
       "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/src/pages/adoption-stories/_components/LearnItemCard/index.jsx

@@ -8,11 +8,10 @@ export default function LearnItemCard({ company }) {
     <div className={clsx("col col--4", styles.featureCol)}>
       <div className={clsx("card", styles.card)}>
         <div className={styles.card_image}>
-          <img src="/img/learn/use-case-data-freshness.png" alt={company.name} />
+          <img src={`/img/adoption-stories/adoption-stories-${company.slug}.png`} alt={company.name} />
         </div>
         <div className={clsx("card__body", styles.featureBody)}>
-          <div>{company.description}</div>
-        </div>
+          <div dangerouslySetInnerHTML={{ __html: company.description }} />        </div>
         <div className={styles.card_button}>
           <Link className="button button--secondary button--md" href={company.link} target="_blank">
             Discover {company.name}'s Story

docs-website/src/pages/adoption-stories/index.jsx

@@ -10,7 +10,7 @@ import customerStoriesIndexes from "../../../customerStoriesIndexes.json";
 function AdoptionStoriesListPageContent() {
   const companies = (customerStoriesIndexes?.companies || []).filter((company) => company.link);
   const [activeFilters, setActiveFilters] = useState([]);
-  const categories = ["B2B & B2C", "Financial & Fintech", "E-Commerce", "And More"];
+  const categories = ["B2B & B2C", "E-Commerce", "Financial & Fintech", "And More"];
 
   const filteredItems = activeFilters.length
     ? companies.filter((company) => activeFilters.includes(company.category))