diff --git a/src/components/DocsHome/TeaserCarousel.tsx b/src/components/DocsHome/TeaserCarousel.tsx
index b0559dee5d..5a85998079 100644
--- a/src/components/DocsHome/TeaserCarousel.tsx
+++ b/src/components/DocsHome/TeaserCarousel.tsx
@@ -15,6 +15,25 @@ interface CarouselCard {
 }
 
 const CARDS: Array<CarouselCard> = [
+  {
+    title: (
+      <h2 className={"text-white"}>ICP Demystified: Learn the Essentials</h2>
+    ),
+    subtitle: (
+      <p className={"text-white"}>Explore the Protocol and Its Features with Our "Zero to dApp Educate Series".</p>
+    ),
+    backgroundImage: "/img/docs/teaser-cards/bg-2.svg",
+    cta: (
+      <Link
+        className="button-transparent button-with-icon pl-0"
+        href="https://youtube.com/playlist?list=PLuhDt1vhGcrcRcHvSKmxIgJAh1b3rcR7N&si=sIElj5bAkJeMqDoA"
+      >
+        Watch now! 
+        <LinkArrowRight />
+      </Link>
+    ),
+    mainImage: "/img/docs/teaser-cards/main-zero-to-dapp.png",
+  },
   {
     title: (
       <h2 className={"text-white"}>Follow @DFINITYDev on X for tech news</h2>
diff --git a/static/img/docs/teaser-cards/main-zero-to-dapp.png b/static/img/docs/teaser-cards/main-zero-to-dapp.png
new file mode 100644
index 0000000000..6256c09948
Binary files /dev/null and b/static/img/docs/teaser-cards/main-zero-to-dapp.png differ