Merge branch 'master' into test

Author: saurabhraghuvanshii

gatsby-node.js

@@ -146,6 +146,9 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
         }
       ) {
         nodes {
+          frontmatter {
+            category
+          }
           fields {
             slug
           }
@@ -386,6 +389,22 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   const blogs = res.data.blogPosts.nodes;
   const resources = res.data.resourcePosts.nodes;
   const news = res.data.newsPosts.nodes;
+
+  const VALID_NEWS_CATEGORIES = new Set(["Coverage", "Press Release"]);
+  const invalidNewsItems = news.filter(
+    ({ frontmatter }) => !VALID_NEWS_CATEGORIES.has(frontmatter.category),
+  );
+  if (invalidNewsItems.length > 0) {
+    invalidNewsItems.forEach(({ frontmatter, internal }) => {
+      reporter.error(
+        `Invalid news category "${frontmatter.category}" in ${internal.contentFilePath}. Must be one of: ${[...VALID_NEWS_CATEGORIES].join(", ")}.`,
+      );
+    });
+    reporter.panicOnBuild(
+      "News category validation failed. Fix the categories listed above.",
+    );
+    return;
+  }
   const books = res.data.bookPosts.nodes;
   const events = res.data.eventPosts.nodes;
   const programs = res.data.programPosts.nodes;

src/collections/news/2025/2025-11-12-meshery-enterprise/index.mdx

@@ -5,7 +5,7 @@ date: 2025-11-12 19:00:00 +0530
 author: Cloud Native Now
 thumbnail: ./Layer5-Kanvas-Designer-img.webp
 darkthumbnail: ./Layer5-Kanvas-Designer-img.webp
-category: "Press Coverage"
+category: Coverage
 description: "Announced at KubeCon + CloudNativeCon North America 2025, Kanvas extends the Meshery framework with visual tools, collaborative workspaces, and role-based access control for managing Kubernetes environments"
 source_url: https://cloudnativenow.com/features/layer5-debuts-enterprise-edition-of-meshery-for-configuring-kubernetes/
 tags:

src/collections/news/2025/2025-11-16-cncf-honors-innovators-and-defenders-community-awards/index.mdx

@@ -5,7 +5,7 @@ date: 2025-11-16 08:00:00 -0530
 author: Cloud Native Computing Foundation (CNCF)
 thumbnail: ./kubecon-2025.webp
 darkthumbnail: ./kubecon-2025.webp
-category: "Press Coverage"
+category: Coverage
 description: "CNCF’s 2025 Community Awards at KubeCon + CloudNativeCon North America spotlights contributors, end users, mentors, and community heroes, with Layer5 founder Lee Calcote honored for his mentorship leadership."
 tags:
   - Announcements

src/collections/news/2025/2025-11-23-kubecon-2025-cncf-to-standardize-ai-workloads/index.mdx

@@ -5,7 +5,7 @@ date: 2025-11-23 06:00:00 +0530
 author: ITOps Times
 thumbnail: ./kubecon25.webp
 darkthumbnail: ./kubecon25.webp
-category: "News Press"
+category: Coverage
 eurl: https://itopstimes.com/kubernetes/kubecon-2025-cncf-to-standardize-ai-workloads/
 source_url: https://itopstimes.com/kubernetes/kubecon-2025-cncf-to-standardize-ai-workloads/
 tags:

src/collections/news/2025/2025-12-01-cncf-honours-cloud-native-pioneers-2025-community-awards/index.mdx

@@ -5,7 +5,7 @@ date: 2025-12-01 08:00:00 -0530
 author: ChannelLife Canada
 thumbnail: ./channellife-cncf-2025.webp
 darkthumbnail: ./channellife-cncf-2025.webp
-category: "Press Coverage"
+category: Coverage
 description: "ChannelLife covers CNCF's 2025 Community Awards, highlighting Layer5 founder Lee Calcote's recognition with the inaugural Outstanding Mentor Award for supporting hundreds of mentees."
 eurl: https://channellife.ca/story/cncf-honours-cloud-native-pioneers-at-2025-community-awards
 tags:

src/collections/news/2026/2026-01-21-docker-kanvas-kubernetes-dominance/index.mdx

@@ -7,7 +7,7 @@ thumbnail: ./docker-kanvas-infoq.webp
 darkthumbnail: ./docker-kanvas-infoq.png
 eurl: https://www.infoq.com/news/2026/01/docker-kanvas-cloud-deployment/
 source_url: https://www.infoq.com/news/2026/01/docker-kanvas-cloud-deployment/
-category: "Press Coverage"
+category: Coverage
 description: "Docker has launched Kanvas, a new platform designed to bridge the gap between local development and cloud production. By automating the conversion of Docker Compose files into Kubernetes artefacts, the tool challenges established solutions like Helm and Kustomize. Developed with Layer5, it marks a shift toward Infrastructure as Code, offering visualisations to simplify cloud-native deployments."
 tags:
   - Press

src/collections/news/2026/2026-03-25/index.mdx

@@ -5,7 +5,7 @@ date: 2026-03-25 09:00:00 +0100
 author: Compare the Cloud
 thumbnail: ./news-hero.webp
 darkthumbnail: ./news-hero.webp
-category: "Press Coverage"
+category: Coverage
 description: "At KubeCon EU 2026 in Amsterdam, Meshery maintainers announced general availability of Meshery v1.0, introducing Infrastructure as Design and new Kanvas tooling to make infrastructure visible, verifiable, and collaborative."
 tags:
   - Announcements
@@ -17,6 +17,7 @@ type: News
 presskit: ""
 resource: false
 published: true
+source_url: https://www.comparethecloud.net/news/meshery-v1-0-reaches-general-availability-at-kubecon-eu/
 ---
 
 import { Link } from "gatsby";

src/collections/news/news-template/0000-00-00-news-title/index.mdx

@@ -1,31 +1,27 @@
 ---
-title: "An example news headline here"
-subtitle: "A sample subtitle about growing together as a community and building a project that matters"
+type: News # Must be "News"
+title: "" # Mandatory. The title of the news item, which will appear in the listing and on the news item page. This should be a concise summary of the news content.
+subtitle: "" # Optional. A short description or tagline for the news item.
 date: 2020-06-01 12:15:05 +0000
-author: The Newsroom
-thumbnail_svg: ./sample.webp
-darkthumbnail_svg: ./sample.webp
-source_url: https://original-source.com/article
-published: false
----
-
-{/* A template and instructions for creating news entries.
+author: "" # "The Newsroom" for Layer5 releases, or the name of the publication for coverage items for "Coverage" category news; e.g. "TechCrunch", "The New Stack", etc.
+thumbnail: ./hero.webp # Mandatory. Path to the thumbnail image for light mode (relative to this file) and can be .wepb, .png, .jpg, or .svg.
+darkthumbnail: ./hero-dark.webp # Mandatory. Path to the thumbnail image for dark mode (relative to this file) and can be .wepb, .png, .jpg, or .svg.
+description: "" # Mandatory. A brief description of the news item that will appear in the listing and on the news item page. This should be a concise summary of the news content.
+category: Coverage # Must be either "Coverage" or "Release". This is used to determine which section of the news collection this item will be listed under. See the "Coverage" and "Release" sections of the news listing page for examples. If the category is not one of these two values, the news item will not be listed on the website.
+tags: [] # Mandatory. An array of tags for the news item, such as ["Meshery", "KubeCon", "CNCF"].  
+presskit: "" # Optional. A URL to a press kit or additional resources related to the news item.
+resource: false # Mandatory. A boolean indicating whether this news item is a resource that should be listed in the resources section of the website. If true, it will be included in the resources section; if false or omitted, it will not be included in the resources section but will still appear in the news listing.
+published: true # Mandatory A boolean indicating whether the news item is published. If true, it will be visible on the website; if false, it will be hidden until ready for publication.
+source_url: "" # Mandatory. URL to the original article for "Originally published at" attribution.
 
-subtitle:  If the "subtitle" variable is not defined, then put subtitle:""
-source_url: URL to the original article for "Originally published at" attribution.
-published: "true" when ready to be public
+---
 
-Make a copy of this news template. Do not delete this template.
-Any styles to be defined can be defined in News.style.js and the class can be used here */}
+{/* A template and instructions for creating news entries. Any styles to be defined can be defined in News.style.js and the class can be used here */}
 
 import { NewsWrapper } from "../../News.style.js";
 
 <NewsWrapper>
 
-<div className="test">
-
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
-</div>
-
 </NewsWrapper>

src/sections/Company/News-grid/index.js

@@ -18,26 +18,33 @@ function colorchange(id) {
   element.classList.toggle("mystyle");
 }
 const NewsGrid = ({ data }) => {
+  const { coverageCount, releasesCount } = data.allMdx.nodes.reduce(
+    (acc, { frontmatter: { category } }) => {
+      if (category.includes("Coverage")) acc.coverageCount++;
+      if (category.includes("Press Release")) acc.releasesCount++;
+      return acc;
+    },
+    { coverageCount: 0, releasesCount: 0 },
+  );
+
   const [searchQuery, setSearchQuery] = useState("");
   const { queryResults, searchData } = useDataList(
     data.allMdx.nodes,
     setSearchQuery,
     searchQuery,
     ["frontmatter", "title"],
-    "id"
+    "id",
   );
   const [news, setNews] = useState(queryResults);
-  useEffect( () => {
+  useEffect(() => {
     setNews(queryResults);
     if (coverageFiltered == true) {
       setNews(filteredCoverage);
     }
     if (pressReleaseFiltered == true) {
       setNews(filteredPressRelease);
     }
-  }, [queryResults]
-
-  );
+  }, [queryResults]);
   const filteredCoverage = queryResults.filter((obj) => {
     return obj.frontmatter.category.includes("Coverage");
   });
@@ -47,65 +54,87 @@ const NewsGrid = ({ data }) => {
 
   const filterCoverage = () => {
     colorchange("coverage");
-    if (coverageFiltered == false && pressReleaseFiltered == false){
+    if (coverageFiltered == false && pressReleaseFiltered == false) {
       setNews(filteredCoverage);
       coverageFiltered = true;
     } else if (coverageFiltered == false && pressReleaseFiltered == true) {
       colorchange("press-release");
       setNews(filteredCoverage);
       coverageFiltered = true;
       pressReleaseFiltered = false;
-    } else if (coverageFiltered == true && pressReleaseFiltered == false){
+    } else if (coverageFiltered == true && pressReleaseFiltered == false) {
       setNews(queryResults);
       coverageFiltered = false;
     }
   };
   const filterPressRelease = () => {
     colorchange("press-release");
-    if (pressReleaseFiltered == false && coverageFiltered == false){
+    if (pressReleaseFiltered == false && coverageFiltered == false) {
       setNews(filteredPressRelease);
       pressReleaseFiltered = true;
     } else if (pressReleaseFiltered == false && coverageFiltered == true) {
       colorchange("coverage");
       setNews(filteredPressRelease);
       pressReleaseFiltered = true;
       coverageFiltered = false;
-    } else if (pressReleaseFiltered == true && coverageFiltered == false){
+    } else if (pressReleaseFiltered == true && coverageFiltered == false) {
       setNews(queryResults);
       pressReleaseFiltered = false;
     }
   };
   return (
     <NewsPageWrapper>
-      <PageHeader title="Layer5 in the News" path="News" img={rss_feed_icon}  feedlink="/news/feed.xml" />
+      <PageHeader
+        title="Layer5 in the News"
+        path="News"
+        img={rss_feed_icon}
+        feedlink="/news/feed.xml"
+      />
 
       <div>
         <Container>
           <div className="news-grid-wrapper">
             <div className="filter-buttons">
               <div className="button-container">
-                <Button id="coverage" onClick={filterCoverage} className="coverage-button">Coverage</Button>
-                <Button id="press-release" onClick={filterPressRelease} className="press-release-button">Press-Release</Button>
+                <Button
+                  id="coverage"
+                  onClick={filterCoverage}
+                  className="coverage-button"
+                >
+                  Coverage ({coverageCount})
+                </Button>
+                <Button
+                  id="press-release"
+                  onClick={filterPressRelease}
+                  className="press-release-button"
+                >
+                  Releases ({releasesCount})
+                </Button>
               </div>
               <div className="search">
                 <div className="searchBox">
-                  <SearchBox searchQuery={searchQuery} searchData={searchData} focusSearch={true}/>
+                  <SearchBox
+                    searchQuery={searchQuery}
+                    searchData={searchData}
+                    focusSearch={true}
+                  />
                 </div>
               </div>
             </div>
 
-            <Row style={{
-              flexWrap: "wrap"
-            }}
+            <Row
+              style={{
+                flexWrap: "wrap",
+              }}
             >
               {news.length < 1 && (
                 <Col $xs={12} $sm={6}>
-                      No News post that matches the title "{searchQuery}" found.
+                  No news matches the title "{searchQuery}" found.
                 </Col>
               )}
               {news.map(({ id, frontmatter, fields }) => (
                 <Col $xs={12} $sm={6} $lg={4} key={id}>
-                  <Card  frontmatter={frontmatter} fields={fields}/>
+                  <Card frontmatter={frontmatter} fields={fields} />
                 </Col>
               ))}
             </Row>