@remotion/promo-pages 4.0.408 → 4.0.410

package/dist/Homepage.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.408", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.410", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -22055,6 +22055,14 @@ var SmallPriceTag = ({ children }) => {
     children
   });
 };
+var icon = {
+  height: 16,
+  marginLeft: 4
+};
+var textUnitWrapper = {
+  display: "flex",
+  flexDirection: "column"
+};
 var FreePricing = () => {
   return /* @__PURE__ */ jsxs9(Container, {
     children: [
@@ -22079,14 +22087,36 @@ var FreePricing = () => {
       /* @__PURE__ */ jsx47(PricingBulletPoint, {
         text: "Must upgrade when your team grows",
         checked: false
+      }),
+      /* @__PURE__ */ jsx47("div", {
+        className: "flex flex-row justify-end mt-4",
+        children: /* @__PURE__ */ jsx47("div", {
+          style: {
+            ...textUnitWrapper,
+            alignItems: "flex-end"
+          },
+          children: /* @__PURE__ */ jsxs9("a", {
+            href: "/docs",
+            className: "font-brand text-brand flex flex-row items-center gap-1 no-underline",
+            children: [
+              "No sign up needed - get started",
+              " ",
+              /* @__PURE__ */ jsx47("svg", {
+                style: icon,
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 448 512",
+                children: /* @__PURE__ */ jsx47("path", {
+                  fill: "currentColor",
+                  d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z"
+                })
+              })
+            ]
+          })
+        })
       })
     ]
   });
 };
-var textUnitWrapper = {
-  display: "flex",
-  flexDirection: "column"
-};
 var EnterpriseLicense = () => {
   return /* @__PURE__ */ jsxs9(Container, {
     children: [
@@ -22165,10 +22195,6 @@ var EnterpriseLicense = () => {
 };
 var SEAT_PRICE = 25;
 var RENDER_UNIT_PRICE = 10;
-var icon = {
-  height: 16,
-  marginLeft: 4
-};
 var CompanyPricing = () => {
   const [devSeatCount, setDevSeatCount] = React53.useState(1);
   const [cloudRenders, setCloudRenders] = React53.useState(1000);
@@ -22644,7 +22670,7 @@ var GitHubStars = () => {
             width: "45px"
           }),
           /* @__PURE__ */ jsx50(StatItemContent, {
-            content: "25k",
+            content: "31k",
             width: "80px",
             fontSize: "2.5rem",
             fontWeight: "bold"
@@ -31168,11 +31194,11 @@ var listOfRemotionPackages = [
   "@remotion/rive",
   "@remotion/shapes",
   "@remotion/skia",
-  "@remotion/skills",
   "@remotion/promo-pages",
   "@remotion/streaming",
   "@remotion/serverless",
   "@remotion/serverless-client",
+  "@remotion/skills",
   "@remotion/studio-server",
   "@remotion/studio-shared",
   "@remotion/studio",
@@ -31198,13 +31224,35 @@ function truthy4(value) {
   return Boolean(value);
 }
 var FEATURED_TEMPLATES = [
+  {
+    homePageLabel: "Blank",
+    shortName: "Blank",
+    description: "Nothing except an empty canvas",
+    org: "remotion-dev",
+    repoName: "template-empty",
+    longerDescription: "A template containing nothing but an empty canvas. Recommended if you already used Remotion or plan to write your code with AI.",
+    promoVideo: {
+      muxId: "JD00x15y859GjqO7C9hpILkrSddGzd55K4lfj02dv8gU4",
+      width: 1280,
+      height: 720
+    },
+    cliId: "blank",
+    type: "video",
+    defaultBranch: "main",
+    featuredOnHomePage: "Blank",
+    previewURL: "https://template-empty.vercel.app/?/MyComp",
+    templateInMonorepo: "template-blank",
+    allowEnableTailwind: true,
+    contributedBy: null,
+    showStackblitz: true
+  },
   {
     homePageLabel: "Hello World",
     shortName: "Hello World",
     org: "remotion-dev",
     repoName: "template-helloworld",
-    description: 'A "Hello World" starter template',
-    longerDescription: "A basic template with TypeScript, Prettier and ESLint preconfigured. Our recommended choice for beginners.",
+    description: "A playground with a simple animation",
+    longerDescription: "A basic template with TypeScript, Prettier and ESLint preconfigured.",
     promoVideo: {
       muxId: "vKvV6aa7GXGlR01cmpc6J8Zz4Gkj9d2hBSnVYoef00900I",
       height: 1080,
@@ -31217,7 +31265,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://remotion-helloworld.vercel.app/?/HelloWorld",
     templateInMonorepo: "template-helloworld",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Next.js (App dir)",
@@ -31238,7 +31287,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://next.remotion.dev",
     templateInMonorepo: "template-next-app",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Next.js (App dir + TailwindCSS)",
@@ -31259,7 +31309,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://next.remotion.dev",
     templateInMonorepo: "template-next-app-tailwind",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Next.js (Pages dir)",
@@ -31280,28 +31331,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://next.remotion.dev",
     templateInMonorepo: "template-next-pages",
     allowEnableTailwind: false,
-    contributedBy: null
-  },
-  {
-    homePageLabel: "Blank",
-    shortName: "Blank",
-    description: "Nothing except an empty canvas",
-    org: "remotion-dev",
-    repoName: "template-empty",
-    longerDescription: "A template containing nothing but an empty canvas. Recommended for people who already worked with Remotion.",
-    promoVideo: {
-      muxId: "JD00x15y859GjqO7C9hpILkrSddGzd55K4lfj02dv8gU4",
-      width: 1280,
-      height: 720
-    },
-    cliId: "blank",
-    type: "video",
-    defaultBranch: "main",
-    featuredOnHomePage: "Blank",
-    previewURL: "https://template-empty.vercel.app/?/MyComp",
-    templateInMonorepo: "template-blank",
-    allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Recorder",
@@ -31322,7 +31353,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-recorder",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Prompt to Motion Graphics",
@@ -31343,7 +31375,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-prompt-to-motion-graphics",
     allowEnableTailwind: false,
-    contributedBy: "ASchwad"
+    contributedBy: "ASchwad",
+    showStackblitz: false
   },
   {
     homePageLabel: "JavaScript",
@@ -31364,7 +31397,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://template-helloworld-javascript.vercel.app/?/HelloWorld",
     templateInMonorepo: "template-javascript",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Render Server (Express.js)",
@@ -31385,7 +31419,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-render-server",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "React Router 7",
@@ -31406,7 +31441,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-react-router",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "3D",
@@ -31427,7 +31463,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://template-three-remotion.vercel.app/",
     templateInMonorepo: "template-three",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Stills",
@@ -31448,7 +31485,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://template-still.vercel.app/?/PreviewCard",
     templateInMonorepo: "template-still",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Text-To-Speech (Azure)",
@@ -31469,7 +31507,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-tts-azure",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Text-To-Speech (Google)",
@@ -31490,7 +31529,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-tts-google",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Audiogram",
@@ -31511,7 +31551,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://template-audiogram-1nrh.vercel.app",
     templateInMonorepo: "template-audiogram",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Music Visualization",
@@ -31532,7 +31573,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-music-visualization",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Prompt to Video",
@@ -31553,7 +31595,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-prompt-to-video",
     allowEnableTailwind: true,
-    contributedBy: "webmonch"
+    contributedBy: "webmonch",
+    showStackblitz: true
   },
   {
     homePageLabel: "Skia",
@@ -31574,7 +31617,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-skia",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Overlay",
@@ -31601,7 +31645,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-overlay",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Code Hike",
@@ -31626,7 +31671,8 @@ var FEATURED_TEMPLATES = [
     previewURL: "https://template-code-hike.vercel.app/",
     templateInMonorepo: "template-code-hike",
     allowEnableTailwind: false,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   },
   {
     homePageLabel: "Stargazer",
@@ -31647,7 +31693,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-stargazer",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: "pomber",
+    showStackblitz: true
   },
   {
     homePageLabel: "TikTok",
@@ -31668,7 +31715,8 @@ var FEATURED_TEMPLATES = [
     previewURL: null,
     templateInMonorepo: "template-tiktok",
     allowEnableTailwind: true,
-    contributedBy: null
+    contributedBy: null,
+    showStackblitz: true
   }
 ].filter(truthy4);
 var PAID_TEMPLATES = [
@@ -32396,7 +32444,7 @@ var GithubButton = () => {
       " ",
       /* @__PURE__ */ jsx154("div", {
         className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center",
-        children: "25k"
+        children: "31k"
       })
     ]
   });
@@ -32434,21 +32482,6 @@ var GetStarted = () => {
           ]
         })
       }),
-      /* @__PURE__ */ jsx156("div", {
-        className: "w-2 h-2"
-      }),
-      /* @__PURE__ */ jsx156("div", {
-        className: "w-full lg:w-auto",
-        children: /* @__PURE__ */ jsx156("a", {
-          className: "no-underline w-full block",
-          href: "https://www.youtube.com/watch?v=deg8bOoziaE",
-          target: "_blank",
-          children: /* @__PURE__ */ jsx156(Button, {
-            className: "w-full",
-            children: "Watch demo"
-          })
-        })
-      }),
       /* @__PURE__ */ jsx156("div", {
         style: { width: 10, height: 10 }
       }),
@@ -32483,6 +32516,35 @@ var GetStarted = () => {
           className: "w-full",
           children: /* @__PURE__ */ jsx156(GithubButton, {})
         })
+      }),
+      " ",
+      /* @__PURE__ */ jsx156("div", {
+        className: "w-2 h-2"
+      }),
+      /* @__PURE__ */ jsx156("div", {
+        className: "w-full lg:w-auto",
+        children: /* @__PURE__ */ jsx156("a", {
+          className: "no-underline w-full block",
+          href: "/docs/ai/claude-code",
+          children: /* @__PURE__ */ jsxs67(Button, {
+            className: "w-full",
+            children: [
+              /* @__PURE__ */ jsx156("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 149 149",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                style: { marginRight: 8 },
+                children: /* @__PURE__ */ jsx156("path", {
+                  d: "M29.05 98.54L58.19 82.19L58.68 80.77L58.19 79.98H56.77L51.9 79.68L35.25 79.23L20.81 78.63L6.82 77.88L3.3 77.13L0 72.78L0.340004 70.61L3.3 68.62L7.54 68.99L16.91 69.63L30.97 70.6L41.17 71.2L56.28 72.77H58.68L59.02 71.8L58.2 71.2L57.56 70.6L43.01 60.74L27.26 50.32L19.01 44.32L14.55 41.28L12.3 38.43L11.33 32.21L15.38 27.75L20.82 28.12L22.21 28.49L27.72 32.73L39.49 41.84L54.86 53.16L57.11 55.03L58.01 54.39L58.12 53.94L57.11 52.25L48.75 37.14L39.83 21.77L35.86 15.4L34.81 11.58C34.44 10.01 34.17 8.69 34.17 7.08L38.78 0.820007L41.33 0L47.48 0.820007L50.07 3.07001L53.89 11.81L60.08 25.57L69.68 44.28L72.49 49.83L73.99 54.97L74.55 56.54H75.52V55.64L76.31 45.1L77.77 32.16L79.19 15.51L79.68 10.82L82 5.2L86.61 2.16L90.21 3.88L93.17 8.12L92.76 10.86L91 22.3L87.55 40.22L85.3 52.22H86.61L88.11 50.72L94.18 42.66L104.38 29.91L108.88 24.85L114.13 19.26L117.5 16.6H123.87L128.56 23.57L126.46 30.77L119.9 39.09L114.46 46.14L106.66 56.64L101.79 65.04L102.24 65.71L103.4 65.6L121.02 61.85L130.54 60.13L141.9 58.18L147.04 60.58L147.6 63.02L145.58 68.01L133.43 71.01L119.18 73.86L97.96 78.88L97.7 79.07L98 79.44L107.56 80.34L111.65 80.56H121.66L140.3 81.95L145.17 85.17L148.09 89.11L147.6 92.11L140.1 95.93L129.98 93.53L106.36 87.91L98.26 85.89H97.14V86.56L103.89 93.16L116.26 104.33L131.75 118.73L132.54 122.29L130.55 125.1L128.45 124.8L114.84 114.56L109.59 109.95L97.7 99.94H96.91V100.99L99.65 105L114.12 126.75L114.87 133.42L113.82 135.59L110.07 136.9L105.95 136.15L97.48 124.26L88.74 110.87L81.69 98.87L80.83 99.36L76.67 144.17L74.72 146.46L70.22 148.18L66.47 145.33L64.48 140.72L66.47 131.61L68.87 119.72L70.82 110.27L72.58 98.53L73.63 94.63L73.56 94.37L72.7 94.48L63.85 106.63L50.39 124.82L39.74 136.22L37.19 137.23L32.77 134.94L33.18 130.85L35.65 127.21L50.39 108.46L59.28 96.84L65.02 90.13L64.98 89.16H64.64L25.49 114.58L18.52 115.48L15.52 112.67L15.89 108.06L17.31 106.56L29.08 98.46L29.04 98.5L29.05 98.54Z",
+                  fill: "#D97757"
+                })
+              }),
+              "Use with Claude Code"
+            ]
+          })
+        })
       })
     ]
   });