update workshops promotion

cSpell.json

@@ -66,6 +66,8 @@
     "\\<a(.*)\\>", // link contents
     "-- snippet:(.*)", // snippet references
     "\\<\\[sample:(.*)", // another kind of snippet reference
-    "/^\\s*```[\\s\\S]*?^\\s*```/gm" // ignoring multi-line code blocks
+    "/^\\s*```[\\s\\S]*?^\\s*```/gm", // ignoring multi-line code blocks
+    "featuredVideoId:(.*)", // video hash
+    "videoId=\"(.*)\"" // video hash
   ]
 }

website/src/components/images/workshop-dotnetdays-lasi.tsx

@@ -0,0 +1,27 @@
+import { graphql, useStaticQuery } from "gatsby";
+import { GatsbyImage } from "gatsby-plugin-image";
+import React, { FC } from "react";
+
+import { GetWorkshopDotNetDaysLasiImageQuery } from "@/graphql-types";
+
+export const WorkshopDotNetDaysLasi: FC = () => {
+  const data = useStaticQuery<GetWorkshopDotNetDaysLasiImageQuery>(graphql`
+    query getWorkshopDotNetDaysLasiImage {
+      file(
+        relativePath: { eq: "workshops/dotnetdays-lasi.png" }
+        sourceInstanceName: { eq: "images" }
+      ) {
+        childImageSharp {
+          gatsbyImageData(layout: CONSTRAINED, width: 400, quality: 100)
+        }
+      }
+    }
+  `);
+
+  return (
+    <GatsbyImage
+      image={data.file?.childImageSharp?.gatsbyImageData}
+      alt="dotnetdays lasi"
+    />
+  );
+};

website/src/components/layout/header.tsx

@@ -12,6 +12,7 @@ import React, {
 } from "react";
 import styled from "styled-components";
 
+import { WorkshopDotNetDaysLasi } from "@/components/images/workshop-dotnetdays-lasi";
 import { IconContainer } from "@/components/misc/icon-container";
 import { Link } from "@/components/misc/link";
 import { SearchModal } from "@/components/misc/search-modal";
@@ -42,9 +43,6 @@ import NewspaperIconSvg from "@/images/newspaper.svg";
 import SearchIconSvg from "@/images/search.svg";
 import TimesIconSvg from "@/images/times.svg";
 
-// Images
-import { WorkshopNdcLondon } from "@/components/images/workshop-ndc-london";
-
 // Logos
 import LogoTextSvg from "@/images/logo/chillicream-text.svg";
 import LogoIconSvg from "@/images/logo/chillicream-winking.svg";
@@ -489,14 +487,14 @@ const DeveloperNavItem: FC<DeveloperNavItemProps> = ({ products, tools }) => {
       </SubNavMain>
       <SubNavAdditionalInfo>
         <SubNavTitle>Upcoming Workshop</SubNavTitle>
-        <TeaserLink to="https://ndclondon.com/workshops/reactive-mobile-apps-with-graphql-and-maui/8a69a3c2659d">
+        <TeaserLink to="https://dotnetdays.ro/workshops/Building-Modern-Apps-with-GraphQL-and-net7">
           <TeaserImage>
-            <WorkshopNdcLondon />
+            <WorkshopDotNetDaysLasi />
           </TeaserImage>
-          <TeaserMetadata>
-            23 - 24 Jan 2023 ・ NDC {"{"} London {"}"}
-          </TeaserMetadata>
-          <TeaserTitle>Reactive Mobile Apps with GraphQL and Maui</TeaserTitle>
+          <TeaserMetadata>20 - 21 Apr 2023 ・ dotnetdays (lasi)</TeaserMetadata>
+          <TeaserTitle>
+            Building Modern Apps with GraphQL in ASP.NET Core 7 and React 18
+          </TeaserTitle>
         </TeaserLink>
       </SubNavAdditionalInfo>
     </>

website/src/pages/services/training.tsx

@@ -65,13 +65,6 @@ const TrainingPage: FC = () => {
   ];
 
   const workshops: Workshop[] = [
-    {
-      title: "Reactive Mobile Apps with GraphQL and Maui",
-      date: "23 - 24 Jan 2023",
-      host: "NDC",
-      place: "{ London }",
-      url: "https://ndclondon.com/workshops/reactive-mobile-apps-with-graphql-and-maui/8a69a3c2659d",
-    },
     {
       title: "Building Modern Apps with GraphQL in ASP.NET Core 7 and React 18",
       date: "20 - 21 Apr 2023",