@remotion/promo-pages 4.0.313 → 4.0.314

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.313 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.314 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.1.1
 
-Done in 52ms
+Done in 25ms

package/dist/Homepage.js

@@ -1819,7 +1819,7 @@ var CompanyPricing = () => {
             children: [
               /* @__PURE__ */ jsx4("div", {
                 className: "fontbrand font-bold text-lg",
-                children: "WebCodecs Conversion Units"
+                children: "WebCodecs Creation Units"
               }),
               /* @__PURE__ */ jsxs4("div", {
                 className: "text-muted fontbrand text-sm",
@@ -1831,7 +1831,7 @@ var CompanyPricing = () => {
                     href: "https://remotion.dev/webcodecs",
                     children: [
                       conversionsPerMonth,
-                      " client-side video conversions",
+                      " client-side video creations",
                       " "
                     ]
                   })
@@ -4504,7 +4504,7 @@ var BackgroundAnimation = () => {
     document.head.appendChild(_style);
   }, [css]);
   return /* @__PURE__ */ jsx6("div", {
-    className: " w-full h-full left-[50%] ml-[-50%] min-w-0 lg:m-auto lg:relative lg:min-w-[700px] lg:max-w-[1200px] lg:ml-auto lg:left-auto pointer-events-none",
+    className: " w-full h-full min-w-0 m-auto lg:relative lg:min-w-[700px] lg:max-w-[1200px] lg:ml-auto lg:left-auto pointer-events-none",
     children: /* @__PURE__ */ jsxs6("svg", {
       className: "translate-y-[-30%] lg:translate-y-[-50%]",
       viewBox: "0 0 1 1",
@@ -4712,7 +4712,7 @@ var GitHubStars = () => {
             width: "45px"
           }),
           /* @__PURE__ */ jsx7(StatItemContent, {
-            content: "21k",
+            content: "22k",
             width: "80px",
             fontSize: "2.5rem",
             fontWeight: "bold"
@@ -5222,7 +5222,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.313";
+var VERSION = "4.0.314";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -21235,7 +21235,7 @@ var GithubButton = () => {
       " ",
       /* @__PURE__ */ jsx128("div", {
         className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center",
-        children: "21k"
+        children: "22k"
       })
     ]
   });

package/dist/homepage/Pricing.js

@@ -1819,7 +1819,7 @@ var CompanyPricing = () => {
             children: [
               /* @__PURE__ */ jsx4("div", {
                 className: "fontbrand font-bold text-lg",
-                children: "WebCodecs Conversion Units"
+                children: "WebCodecs Creation Units"
               }),
               /* @__PURE__ */ jsxs4("div", {
                 className: "text-muted fontbrand text-sm",
@@ -1831,7 +1831,7 @@ var CompanyPricing = () => {
                     href: "https://remotion.dev/webcodecs",
                     children: [
                       conversionsPerMonth,
-                      " client-side video conversions",
+                      " client-side video creations",
                       " "
                     ]
                   })

package/dist/tailwind.css

@@ -117,9 +117,6 @@
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
-  .left-\[50\%\] {
-    left: 50%;
-  }
   .z-0 {
     z-index: 0;
   }
@@ -213,9 +210,6 @@
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
-  .ml-\[-50\%\] {
-    margin-left: -50%;
-  }
   .box-border {
     box-sizing: border-box;
   }
@@ -830,11 +824,6 @@
       left: auto;
     }
   }
-  .lg\:m-auto {
-    @media (width >= 64rem) {
-      margin: auto;
-    }
-  }
   .lg\:mx-3 {
     @media (width >= 64rem) {
       margin-inline: calc(var(--spacing) * 3);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.313",
+  "version": "4.0.314",
   "publishConfig": {
     "access": "public"
   },
@@ -10,14 +10,14 @@
     "polished": "4.3.1",
     "zod": "3.22.3",
     "bun-plugin-tailwind": "0.0.15",
-    "@remotion/animated-emoji": "4.0.313",
-    "@remotion/lottie": "4.0.313",
-    "@remotion/player": "4.0.313",
-    "@remotion/lambda": "4.0.313",
-    "@remotion/paths": "4.0.313",
-    "create-video": "4.0.313",
-    "@remotion/shapes": "4.0.313",
-    "remotion": "4.0.313"
+    "@remotion/animated-emoji": "4.0.314",
+    "@remotion/lambda": "4.0.314",
+    "@remotion/paths": "4.0.314",
+    "@remotion/player": "4.0.314",
+    "@remotion/shapes": "4.0.314",
+    "create-video": "4.0.314",
+    "@remotion/lottie": "4.0.314",
+    "remotion": "4.0.314"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.1.0",
@@ -34,7 +34,7 @@
     "tailwind-merge": "2.5.2",
     "bun-plugin-tailwind": "0.0.13",
     "clsx": "2.1.1",
-    "@remotion/eslint-config-internal": "4.0.313"
+    "@remotion/eslint-config-internal": "4.0.314"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"

package/src/components/homepage/BackgroundAnimation.tsx

@@ -52,7 +52,7 @@ export const BackgroundAnimation: React.FC = () => {
 	}, [css]);
 
 	return (
-		<div className=" w-full h-full left-[50%] ml-[-50%] min-w-0 lg:m-auto lg:relative lg:min-w-[700px] lg:max-w-[1200px] lg:ml-auto lg:left-auto pointer-events-none">
+		<div className=" w-full h-full min-w-0 m-auto lg:relative lg:min-w-[700px] lg:max-w-[1200px] lg:ml-auto lg:left-auto pointer-events-none">
 			<svg
 				className="translate-y-[-30%] lg:translate-y-[-50%]"
 				viewBox="0 0 1 1"

package/src/components/homepage/CommunityStatsItems.tsx

@@ -177,7 +177,7 @@ export const GitHubStars: React.FC = () => {
 					width="45px"
 				/>
 				<StatItemContent
-					content="21k"
+					content="22k"
 					width="80px"
 					fontSize="2.5rem"
 					fontWeight="bold"

package/src/components/homepage/FreePricing.tsx

@@ -239,7 +239,7 @@ export const CompanyPricing: React.FC = () => {
 			<div className={'flex flex-row items-center'}>
 				<div style={textUnitWrapper}>
 					<div className={'fontbrand font-bold text-lg'}>
-						WebCodecs Conversion Units
+						WebCodecs Creation Units
 					</div>
 					<div className={'text-muted fontbrand text-sm'}>
 						Allows for{' '}
@@ -247,7 +247,7 @@ export const CompanyPricing: React.FC = () => {
 							className="underline underline-offset-4 text-inherit"
 							href="https://remotion.dev/webcodecs"
 						>
-							{conversionsPerMonth} client-side video conversions{' '}
+							{conversionsPerMonth} client-side video creations{' '}
 						</a>
 					</div>
 				</div>

package/src/components/homepage/GitHubButton.tsx

@@ -16,7 +16,7 @@ export const GithubButton: React.FC = () => {
 		<div className="flex flex-row items-center text-base">
 			<GithubIcon /> <span>GitHub</span>{' '}
 			<div className="text-xs inline-block ml-2 leading-none mt-[3px] self-center">
-				{'21k'}
+				{'22k'}
 			</div>
 		</div>
 	);