feat: add acryl stories

docs-website/adoptionStoriesIndexes.json

@@ -22,6 +22,18 @@
       "category": "Financial & Fintech",
       "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": "Notion",
+      "slug": "notion",
+      "imageUrl": "/img/logos/companies/notion.png",
+      "imageSize": "small",
+      "link": "https://blog.datahubproject.io/how-notion-uses-acryl-data-to-ensure-data-reliability-800427a9ba66",
+      "linkType": "blog",
+      "tagline": "How Notion Uses Acryl Data to Ensure Data Reliability",
+      "category": "B2B & B2C",
+      "platform": "cloud",
+      "description": "<i>\"We rely on Acryl to gain insights and ensure our critical data is reliable. Acryl’s managed product takes DataHub to the next level through automation and emphasis on time-to-value.\"<br /><br /><div style='color: gray;'>—  Ada Draginda, Senior Data Engineer at Notion</div></i><br />"
+    },
     {
       "name": "Optum",
       "slug": "optum",
@@ -99,6 +111,30 @@
       "category": "Financial & Fintech",
       "description": "Discover how Checkout leverage DataHub for advanced data management and compliance, especially in managing sensitive data types."
     },
+    {
+      "name": "MYOB",
+      "slug": "myob",
+      "imageUrl": "/img/logos/companies/myob.png",
+      "imageSize": "medium",
+      "link": "https://blog.datahubproject.io/how-myob-improved-data-reliability-for-dbt-and-snowflake-with-acryl-a1aa26285480",
+      "linkType": "blog",
+      "tagline": "How MYOB Improved Data Reliability for dbt and Snowflake",
+      "category": "Financial & Fintech",
+      "platform": "cloud",
+      "description": "<i>\"Before bringing Acryl on board, MYOB’s data teams would see multiple breaking changes per week...Acryl has helped us significantly reduce the number of breaking changes, to the extent that they are no longer a burden on all teams.\"<br /><br /><div style='color: gray;'>—  Asad Naveed, Engineering Manager at MYOB</div></i><br />"
+    },
+    {
+      "name": "DPG Media",
+      "slug": "dpg-media",
+      "imageUrl": "/img/logos/companies/dpg-media.png",
+      "imageSize": "medium",
+      "link": "https://blog.datahubproject.io/how-acryl-data-helped-dpg-media-save-25-per-month-in-snowflake-costs-c29a1618a703",
+      "linkType": "blog",
+      "tagline": "How Acryl Data Helped DPG Media Save 25% Per Month in Snowflake Costs",
+      "category": "And More",
+      "platform": "cloud",
+      "description": "<i>DPG Media used DataHub Cloud to identify and safely retire redundant assets from their data warehouse, reducing costs by 25%. <br /><br />DataHub Cloud is used to bring federated governance to the data mesh architecture at DPG Media.<br />"
+    },
     {
       "name": "MediaMarkt Saturn",
       "slug": "mediamarkt-saturn",

docs-website/src/pages/adoption-stories/_components/LearnItemCard/styles.module.scss

@@ -16,8 +16,9 @@
 }
 
 .card_button {
- padding: 1rem;
+ padding: 1.5rem;
  text-align: center;
+ margin-top: auto;
 }
 
 .card {
@@ -53,6 +54,7 @@
 
 .featureBody {
   padding: 0 2rem;
+  flex-grow: 1;
 }
 
 .card_image {

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

@@ -3,18 +3,21 @@ import Layout from "@theme/Layout";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 import LearnItemCard from "./_components/LearnItemCard";
 import styles from "./styles.module.scss";
-
+import clsx from "clsx";
 import customerStoriesIndexes from "../../../adoptionStoriesIndexes.json";
 
 function AdoptionStoriesListPageContent() {
   const companies = (customerStoriesIndexes?.companies || []).filter((company) => company.link);
   const [activeFilters, setActiveFilters] = useState([]);
+  const [platformFilter, setPlatformFilter] = useState(false); // New state for platform filter
   const categories = ["B2B & B2C", "E-Commerce", "Financial & Fintech", "And More"];
   const selectedCardRef = useRef(null);
 
-  const filteredItems = activeFilters.length
-    ? companies.filter((company) => activeFilters.includes(company.category))
-    : companies;
+  const filteredItems = companies.filter((company) => {
+    const categoryMatch = activeFilters.length ? activeFilters.includes(company.category) : true;
+    const platformMatch = platformFilter ? company.platform === "cloud" : true;
+    return categoryMatch && platformMatch;
+  });
 
   const handleFilterToggle = (category) => {
     if (activeFilters.includes(category)) {
@@ -24,6 +27,10 @@ function AdoptionStoriesListPageContent() {
     }
   };
 
+  const handlePlatformFilterToggle = () => {
+    setPlatformFilter(!platformFilter);
+  };
+
   useEffect(() => {
     const selectedSlug = window.location.hash.substring(1);
     if (selectedCardRef.current) {
@@ -45,7 +52,6 @@ function AdoptionStoriesListPageContent() {
             </div>
           </div>
           <div className={styles.filterBar}>
-            <strong>For: </strong>
             {categories.map((category) => (
               <button
                 key={category}
@@ -55,6 +61,12 @@ function AdoptionStoriesListPageContent() {
                 {category}
               </button>
             ))}
+            <button
+              className={clsx(styles.cloudButton, 'button button--secondary', { 'button--active': platformFilter })}
+              onClick={handlePlatformFilterToggle}
+            >
+              DataHub Cloud
+            </button>
           </div>
         </div>
       </header>

docs-website/src/pages/adoption-stories/styles.module.scss

@@ -4,4 +4,4 @@
   align-items: center;
   gap: 10px;
   flex-wrap: wrap;
-}
+}

docs-website/src/pages/cloud/CompanyLogos/customersData.json

@@ -69,7 +69,7 @@
         "asset": {
           "_ref": "https://cdn.sanity.io/images/cqo9wkgf/production/b446f595b4b13a72ee82a285924715f950e012ca-540x270.png"
         },
-        "alt": "DPG Megia"
+        "alt": "DPG Media"
       }
     },
     {