@remotion/promo-pages 4.0.357 → 4.0.358

package/dist/Homepage.js

@@ -740,7 +740,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.357", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.358", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -2360,7 +2360,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     return relativeSrc;
   }
   return new URL(relativeSrc, window.origin).href;
-}, calculateLoopDuration = ({
+}, calculateMediaDuration = ({
   trimAfter,
   mediaDurationInFrames,
   playbackRate,
@@ -2957,7 +2957,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     }
     const firstFreeAudio = takenAudios.current.findIndex((a) => a === false);
     if (firstFreeAudio === -1) {
-      throw new Error(`Tried to simultaneously mount ${numberOfAudioTags + 1} <Audio /> tags at the same time. With the current settings, the maximum amount of <Audio /> tags is limited to ${numberOfAudioTags} at the same time. Remotion pre-mounts silent audio tags to help avoid browser autoplay restrictions. See https://remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop for more information on how to increase this limit.`);
+      throw new Error(`Tried to simultaneously mount ${numberOfAudioTags + 1} <Html5Audio /> tags at the same time. With the current settings, the maximum amount of <Html5Audio /> tags is limited to ${numberOfAudioTags} at the same time. Remotion pre-mounts silent audio tags to help avoid browser autoplay restrictions. See https://remotion.dev/docs/player/autoplay#using-the-numberofsharedaudiotags-prop for more information on how to increase this limit.`);
     }
     const { id, ref, mediaElementSourceNode } = refs[firstFreeAudio];
     const cloned = [...takenAudios.current];
@@ -3331,29 +3331,30 @@ Check that all your Remotion packages are on the same version. If your dependenc
   }
   console.warn(message);
   didWarn[message] = true;
-}, useMediaInTimeline = ({
+}, useBasicMediaInTimeline = ({
   volume,
   mediaVolume,
-  src,
   mediaType,
-  playbackRate,
+  src,
   displayName,
-  id,
-  stack,
-  showInTimeline,
-  premountDisplay,
-  postmountDisplay
+  trimBefore,
+  trimAfter,
+  playbackRate
 }) => {
-  const videoConfig = useVideoConfig();
-  const parentSequence = useContext18(SequenceContext);
-  const actualFrom = parentSequence ? parentSequence.relativeFrom + parentSequence.cumulatedFrom : 0;
+  if (!src) {
+    throw new Error("No src passed");
+  }
   const startsAt = useMediaStartsAt();
-  const { registerSequence, unregisterSequence } = useContext18(SequenceManager);
+  const parentSequence = useContext18(SequenceContext);
+  const videoConfig = useVideoConfig();
   const [initialVolume] = useState11(() => volume);
-  const nonce = useNonce();
-  const { rootId } = useContext18(TimelineContext);
-  const duration = parentSequence ? Math.min(parentSequence.durationInFrames, videoConfig.durationInFrames) : videoConfig.durationInFrames;
-  const doesVolumeChange = typeof volume === "function";
+  const mediaDuration = calculateMediaDuration({
+    mediaDurationInFrames: videoConfig.durationInFrames,
+    playbackRate,
+    trimBefore,
+    trimAfter
+  });
+  const duration = parentSequence ? Math.min(parentSequence.durationInFrames, mediaDuration) : mediaDuration;
   const volumes = useMemo15(() => {
     if (typeof volume === "number") {
       return volume;
@@ -3371,12 +3372,59 @@ Check that all your Remotion packages are on the same version. If your dependenc
       warnOnce2(`Remotion: The ${mediaType} with src ${src} has changed it's volume. Prefer the callback syntax for setting volume to get better timeline display: https://www.remotion.dev/docs/audio/volume`);
     }
   }, [initialVolume, mediaType, src, volume]);
+  const doesVolumeChange = typeof volume === "function";
+  const nonce = useNonce();
+  const { rootId } = useContext18(TimelineContext);
   const env = useRemotionEnvironment();
+  return {
+    volumes,
+    duration,
+    doesVolumeChange,
+    nonce,
+    rootId,
+    isStudio: env.isStudio,
+    finalDisplayName: displayName ?? getAssetDisplayName(src)
+  };
+}, useMediaInTimeline = ({
+  volume,
+  mediaVolume,
+  src,
+  mediaType,
+  playbackRate,
+  displayName,
+  id,
+  stack,
+  showInTimeline,
+  premountDisplay,
+  postmountDisplay,
+  loopDisplay
+}) => {
+  const parentSequence = useContext18(SequenceContext);
+  const startsAt = useMediaStartsAt();
+  const { registerSequence, unregisterSequence } = useContext18(SequenceManager);
+  const {
+    volumes,
+    duration,
+    doesVolumeChange,
+    nonce,
+    rootId,
+    isStudio,
+    finalDisplayName
+  } = useBasicMediaInTimeline({
+    volume,
+    mediaVolume,
+    mediaType,
+    src,
+    displayName,
+    trimAfter: undefined,
+    trimBefore: undefined,
+    playbackRate
+  });
   useEffect8(() => {
     if (!src) {
       throw new Error("No src passed");
     }
-    if (!env.isStudio && window.process?.env?.NODE_ENV !== "test") {
+    if (!isStudio && window.process?.env?.NODE_ENV !== "test") {
       return;
     }
     if (!showInTimeline) {
@@ -3389,14 +3437,14 @@ Check that all your Remotion packages are on the same version. If your dependenc
       duration,
       from: 0,
       parent: parentSequence?.id ?? null,
-      displayName: displayName ?? getAssetDisplayName(src),
+      displayName: finalDisplayName,
       rootId,
       volume: volumes,
       showInTimeline: true,
       nonce,
       startMediaFrom: 0 - startsAt,
       doesVolumeChange,
-      loopDisplay: undefined,
+      loopDisplay,
       playbackRate,
       stack,
       premountDisplay,
@@ -3406,27 +3454,26 @@ Check that all your Remotion packages are on the same version. If your dependenc
       unregisterSequence(id);
     };
   }, [
-    actualFrom,
     duration,
     id,
     parentSequence,
     src,
     registerSequence,
-    rootId,
     unregisterSequence,
-    videoConfig,
     volumes,
     doesVolumeChange,
     nonce,
     mediaType,
     startsAt,
     playbackRate,
-    displayName,
     stack,
     showInTimeline,
     premountDisplay,
     postmountDisplay,
-    env.isStudio
+    isStudio,
+    loopDisplay,
+    rootId,
+    finalDisplayName
   ]);
 }, useBufferManager = (logLevel, mountTime) => {
   const [blocks, setBlocks] = useState12([]);
@@ -4022,7 +4069,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     }
   }, [mediaRef, playbackRate]);
   useEffect12(() => {
-    const tagName = mediaType === "audio" ? "<Audio>" : "<Video>";
+    const tagName = mediaType === "audio" ? "<Html5Audio>" : "<Html5Video>";
     if (!mediaRef.current) {
       throw new Error(`No ${mediaType} ref found`);
     }
@@ -4245,7 +4292,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const { hidden } = useContext24(SequenceVisibilityToggleContext);
   if (!src) {
-    throw new TypeError("No 'src' was passed to <Audio>.");
+    throw new TypeError("No 'src' was passed to <Html5Audio>.");
   }
   const preloadedSrc = usePreload(src);
   const sequenceContext = useContext24(SequenceContext);
@@ -4307,7 +4354,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
     stack: _remotionInternalStack,
     showInTimeline,
     premountDisplay: sequenceContext?.premountDisplay ?? null,
-    postmountDisplay: sequenceContext?.postmountDisplay ?? null
+    postmountDisplay: sequenceContext?.postmountDisplay ?? null,
+    loopDisplay: undefined
   });
   useMediaPlayback({
     mediaRef: audioRef,
@@ -4459,7 +4507,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     if (!needsToRenderAudioTag) {
       return;
     }
-    const newHandle = delayRender2("Loading <Audio> duration with src=" + src, {
+    const newHandle = delayRender2("Loading <Html5Audio> duration with src=" + src, {
       retries: delayRenderRetries ?? undefined,
       timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
     });
@@ -4516,7 +4564,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   const environment = useRemotionEnvironment();
   const { durations, setDurations } = useContext26(DurationsContext);
   if (typeof props.src !== "string") {
-    throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
+    throw new TypeError(`The \`<Html5Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
   }
   const preloadedSrc = usePreload(props.src);
   const onError = useCallback11((e) => {
@@ -4546,7 +4594,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
   if (loop && durationFetched !== undefined) {
     if (!Number.isFinite(durationFetched)) {
-      return /* @__PURE__ */ jsx19(Audio, {
+      return /* @__PURE__ */ jsx19(Html5Audio, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -4555,13 +4603,13 @@ Check that all your Remotion packages are on the same version. If your dependenc
     const duration = durationFetched * fps;
     return /* @__PURE__ */ jsx19(Loop, {
       layout: "none",
-      durationInFrames: calculateLoopDuration({
+      durationInFrames: calculateMediaDuration({
         trimAfter: trimAfterValue,
         mediaDurationInFrames: duration,
         playbackRate: props.playbackRate ?? 1,
         trimBefore: trimBeforeValue
       }),
-      children: /* @__PURE__ */ jsx19(Audio, {
+      children: /* @__PURE__ */ jsx19(Html5Audio, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -4575,7 +4623,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       showInTimeline: false,
       durationInFrames: trimAfterValue,
       name,
-      children: /* @__PURE__ */ jsx19(Audio, {
+      children: /* @__PURE__ */ jsx19(Html5Audio, {
         _remotionInternalNeedsDurationCalculation: Boolean(loop),
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
@@ -4583,7 +4631,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       })
     });
   }
-  validateMediaProps({ playbackRate: props.playbackRate, volume: props.volume }, "Audio");
+  validateMediaProps({ playbackRate: props.playbackRate, volume: props.volume }, "Html5Audio");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx19(AudioForRendering, {
       onDuration,
@@ -4605,7 +4653,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     _remotionInternalNeedsDurationCalculation: Boolean(loop),
     showInTimeline: showInTimeline ?? true
   });
-}, Audio, getRegex = () => /^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g, invalidFolderNameErrorMessage, FolderContext, rotate, ICON_SIZE = 40, label, container3, Loading = () => {
+}, Html5Audio, getRegex = () => /^([a-zA-Z0-9-\u4E00-\u9FFF])+$/g, invalidFolderNameErrorMessage, FolderContext, rotate, ICON_SIZE = 40, label, container3, Loading = () => {
   return /* @__PURE__ */ jsxs22(AbsoluteFill, {
     style: container3,
     id: "remotion-comp-loading",
@@ -5640,7 +5688,8 @@ Check that all your Remotion packages are on the same version. If your dependenc
     stack: _remotionInternalStack,
     showInTimeline,
     premountDisplay: parentSequence?.premountDisplay ?? null,
-    postmountDisplay: parentSequence?.postmountDisplay ?? null
+    postmountDisplay: parentSequence?.postmountDisplay ?? null,
+    loopDisplay: undefined
   });
   useMediaPlayback({
     mediaRef: videoRef,
@@ -6370,7 +6419,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       startFrom: -mediaStartsAt,
       fps: videoConfig.fps
     });
-    const handle = delayRender2(`Rendering <Video /> with src="${props2.src}" at time ${currentTime}`, {
+    const handle = delayRender2(`Rendering <Html5Video /> with src="${props2.src}" at time ${currentTime}`, {
       retries: delayRenderRetries ?? undefined,
       timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
     });
@@ -6444,7 +6493,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       if (window.process?.env?.NODE_ENV === "test") {
         return;
       }
-      const newHandle = delayRender2("Loading <Video> duration with src=" + src, {
+      const newHandle = delayRender2("Loading <Html5Video> duration with src=" + src, {
         retries: delayRenderRetries ?? undefined,
         timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined
       });
@@ -6501,7 +6550,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     throw new Error("string refs are not supported");
   }
   if (typeof props2.src !== "string") {
-    throw new TypeError(`The \`<Video>\` tag requires a string for \`src\`, but got ${JSON.stringify(props2.src)} instead.`);
+    throw new TypeError(`The \`<Html5Video>\` tag requires a string for \`src\`, but got ${JSON.stringify(props2.src)} instead.`);
   }
   const preloadedSrc = usePreload(props2.src);
   const onDuration = useCallback17((src, durationInSeconds) => {
@@ -6518,7 +6567,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
   if (loop && durationFetched !== undefined) {
     if (!Number.isFinite(durationFetched)) {
-      return /* @__PURE__ */ jsx34(Video, {
+      return /* @__PURE__ */ jsx34(Html5Video, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -6526,7 +6575,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     }
     const mediaDuration = durationFetched * fps;
     return /* @__PURE__ */ jsx34(Loop, {
-      durationInFrames: calculateLoopDuration({
+      durationInFrames: calculateMediaDuration({
         trimAfter: trimAfterValue,
         mediaDurationInFrames: mediaDuration,
         playbackRate: props2.playbackRate ?? 1,
@@ -6534,7 +6583,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
       }),
       layout: "none",
       name,
-      children: /* @__PURE__ */ jsx34(Video, {
+      children: /* @__PURE__ */ jsx34(Html5Video, {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
@@ -6548,14 +6597,14 @@ Check that all your Remotion packages are on the same version. If your dependenc
       showInTimeline: false,
       durationInFrames: trimAfterValue,
       name,
-      children: /* @__PURE__ */ jsx34(Video, {
+      children: /* @__PURE__ */ jsx34(Html5Video, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
         ref
       })
     });
   }
-  validateMediaProps({ playbackRate: props2.playbackRate, volume: props2.volume }, "Video");
+  validateMediaProps({ playbackRate: props2.playbackRate, volume: props2.volume }, "Html5Video");
   if (environment.isRendering) {
     return /* @__PURE__ */ jsx34(VideoForRendering, {
       onDuration,
@@ -6576,7 +6625,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     showInTimeline: showInTimeline ?? true,
     onAutoPlayError: onAutoPlayError ?? undefined
   });
-}, Video, proxyObj, Config;
+}, Html5Video, proxyObj, Config;
 var init_esm = __esm(() => {
   __defProp2 = Object.defineProperty;
   if (typeof createContext !== "function") {
@@ -6879,8 +6928,8 @@ var init_esm = __esm(() => {
   });
   AudioForPreview = forwardRef4(AudioForDevelopmentForwardRefFunction);
   AudioForRendering = forwardRef5(AudioForRenderingRefForwardingFunction);
-  Audio = forwardRef6(AudioRefForwardingFunction);
-  addSequenceStackTraces(Audio);
+  Html5Audio = forwardRef6(AudioRefForwardingFunction);
+  addSequenceStackTraces(Html5Audio);
   invalidFolderNameErrorMessage = `Folder name must match ${String(getRegex())}`;
   FolderContext = createContext17({
     folderName: null,
@@ -6955,7 +7004,7 @@ var init_esm = __esm(() => {
     SharedAudioContext,
     SharedAudioContextProvider,
     invalidCompositionErrorMessage,
-    calculateLoopDuration,
+    calculateMediaDuration,
     isCompositionIdValid,
     getPreviewDomElement,
     compositionsRef,
@@ -7003,7 +7052,8 @@ var init_esm = __esm(() => {
     warnAboutTooHighVolume,
     AudioForPreview,
     OBJECTFIT_CONTAIN_CLASS_NAME,
-    InnerOffthreadVideo
+    InnerOffthreadVideo,
+    useBasicMediaInTimeline
   };
   PERCENTAGE = NUMBER + "%";
   IsInsideSeriesContext = createContext19(false);
@@ -7040,8 +7090,8 @@ var init_esm = __esm(() => {
   };
   didWarn2 = {};
   VideoForRendering = forwardRef11(VideoForRenderingForwardFunction);
-  Video = forwardRef12(VideoForwardingFunction);
-  addSequenceStackTraces(Video);
+  Html5Video = forwardRef12(VideoForwardingFunction);
+  addSequenceStackTraces(Html5Video);
   checkMultipleRemotionVersions();
   proxyObj = {};
   Config = new Proxy(proxyObj, {
@@ -7245,7 +7295,7 @@ var init_esm2 = __esm(() => {
 // src/components/homepage/FreePricing.tsx
 import React2, { useCallback, useMemo } from "react";
 
-// ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
   if (typeof e == "string" || typeof e == "number")
@@ -7266,7 +7316,7 @@ function clsx() {
   return n;
 }
 
-// ../../node_modules/.pnpm/tailwind-merge@2.5.2/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// ../../node_modules/.bun/tailwind-merge@2.5.2/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);
@@ -8922,7 +8972,6 @@ var EnterpriseLicense = () => {
 };
 var SEAT_PRICE = 25;
 var RENDER_UNIT_PRICE = 10;
-var WEBCODECS_UNIT_PRICE = 10;
 var icon = {
   height: 16,
   marginLeft: 4
@@ -8930,7 +8979,6 @@ var icon = {
 var CompanyPricing = () => {
   const [devSeatCount, setDevSeatCount] = React2.useState(1);
   const [cloudRenders, setCloudRenders] = React2.useState(1000);
-  const [creations, setCreations] = React2.useState(1000);
   const formatPrice = useCallback((price) => {
     const formatter = new Intl.NumberFormat("en-US", {
       style: "currency",
@@ -8940,8 +8988,8 @@ var CompanyPricing = () => {
     return formatter.format(price);
   }, []);
   const totalPrice = useMemo(() => {
-    return Math.max(100, devSeatCount * SEAT_PRICE + cloudRenders / 1000 * RENDER_UNIT_PRICE + creations / 1000 * WEBCODECS_UNIT_PRICE);
-  }, [cloudRenders, devSeatCount, creations]);
+    return Math.max(100, devSeatCount * SEAT_PRICE + cloudRenders / 1000 * RENDER_UNIT_PRICE);
+  }, [cloudRenders, devSeatCount]);
   const totalPriceString = useMemo(() => {
     return formatPrice(totalPrice);
   }, [formatPrice, totalPrice]);
@@ -9026,12 +9074,12 @@ var CompanyPricing = () => {
             children: [
               /* @__PURE__ */ jsx4("div", {
                 className: "fontbrand font-bold text-lg",
-                children: "Server renders"
+                children: "Video renders"
               }),
               /* @__PURE__ */ jsx4("div", {
                 className: "text-muted fontbrand text-sm",
                 children: /* @__PURE__ */ jsx4("a", {
-                  href: "https://www.remotion.dev/docs/compare-ssr",
+                  href: "https://www.remotion.dev/docs/render",
                   className: "underline underline-offset-4 text-inherit",
                   children: "Renders per month (self-hosted)"
                 })
@@ -9066,54 +9114,6 @@ var CompanyPricing = () => {
       /* @__PURE__ */ jsx4("div", {
         style: { height: 14 }
       }),
-      /* @__PURE__ */ jsxs4("div", {
-        className: "flex flex-col md:flex-row md:items-center",
-        children: [
-          /* @__PURE__ */ jsxs4("div", {
-            style: textUnitWrapper,
-            children: [
-              /* @__PURE__ */ jsx4("div", {
-                className: "fontbrand font-bold text-lg",
-                children: "WebCodecs video creations"
-              }),
-              /* @__PURE__ */ jsx4("div", {
-                className: "text-muted fontbrand text-sm",
-                children: /* @__PURE__ */ jsx4("a", {
-                  className: "underline underline-offset-4 text-inherit",
-                  href: "https://remotion.dev/webcodecs",
-                  children: "Client-side video creations per month"
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx4("div", {
-            style: { flex: 3 },
-            className: "hidden md:block"
-          }),
-          /* @__PURE__ */ jsxs4("div", {
-            className: "flex flex-row items-center justify-between mt-3 md:mt-0",
-            children: [
-              /* @__PURE__ */ jsx4(Counter, {
-                count: creations,
-                setCount: setCreations,
-                minCount: 0,
-                step: 1000
-              }),
-              /* @__PURE__ */ jsxs4(SmallPriceTag, {
-                children: [
-                  "$",
-                  new Intl.NumberFormat("en-US", {
-                    maximumFractionDigits: 0
-                  }).format(creations / 1000 * WEBCODECS_UNIT_PRICE)
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx4("div", {
-        style: { height: 20 }
-      }),
       /* @__PURE__ */ jsx4("div", {
         className: "flex flex-row justify-end",
         children: /* @__PURE__ */ jsxs4("div", {
@@ -16260,7 +16260,7 @@ import {
   useState as useState33
 } from "react";
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/extends.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1;e < arguments.length; e++) {
@@ -16272,33 +16272,33 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(e) {
   if (e === undefined)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
     return t2.__proto__ = e2, t2;
   }, _setPrototypeOf(t, e);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
 function _inheritsLoose(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
 function _getPrototypeOf(t) {
   return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t2) {
     return t2.__proto__ || Object.getPrototypeOf(t2);
   }, _getPrototypeOf(t);
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
 function _isNativeFunction(t) {
   try {
     return Function.toString.call(t).indexOf("[native code]") !== -1;
@@ -16307,7 +16307,7 @@ function _isNativeFunction(t) {
   }
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
 function _isNativeReflectConstruct() {
   try {
     var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
@@ -16317,7 +16317,7 @@ function _isNativeReflectConstruct() {
   })();
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/construct.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/construct.js
 function _construct(t, e, r2) {
   if (_isNativeReflectConstruct())
     return Reflect.construct.apply(null, arguments);
@@ -16327,7 +16327,7 @@ function _construct(t, e, r2) {
   return r2 && _setPrototypeOf(p, r2.prototype), p;
 }
 
-// ../../node_modules/.pnpm/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
+// ../../node_modules/.bun/@babel+runtime@7.27.1/node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
 function _wrapNativeSuper(t) {
   var r2 = typeof Map == "function" ? new Map : undefined;
   return _wrapNativeSuper = function _wrapNativeSuper(t2) {
@@ -16354,7 +16354,7 @@ function _wrapNativeSuper(t) {
   }, _wrapNativeSuper(t);
 }
 
-// ../../node_modules/.pnpm/polished@4.3.1/node_modules/polished/dist/polished.esm.js
+// ../../node_modules/.bun/polished@4.3.1/node_modules/polished/dist/polished.esm.js
 var PolishedError = /* @__PURE__ */ function(_Error) {
   _inheritsLoose(PolishedError2, _Error);
   function PolishedError2(code) {
@@ -18129,7 +18129,7 @@ var HomepageVideoComp = ({
         onRight: onClickRight,
         emojiName: emoji
       }, rerenders),
-      audioSrc ? /* @__PURE__ */ jsx56(Audio, {
+      audioSrc ? /* @__PURE__ */ jsx56(Html5Audio, {
         src: audioSrc
       }) : null
     ]
@@ -20408,54 +20408,6 @@ var TrustedByBanner = () => {
         ]
       })
     },
-    {
-      id: "logo4",
-      url: "https://www.vicemediagroup.com/",
-      light: /* @__PURE__ */ jsxs43("svg", {
-        height: "20",
-        viewBox: "0 0 190 20",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ jsx101("path", {
-            d: "M43.4416 0.472096C37.9752 0.662593 33.9996 3.1639 32.8566 7.12292C32.5171 8.27419 32.4425 8.96992 32.4922 10.4111C32.5171 11.4547 32.575 11.8853 32.7407 12.5148C33.5441 15.5628 35.5319 17.6334 38.7372 18.7432C40.402 19.3313 41.9508 19.5549 44.1871 19.5549C48.9909 19.5549 52.5027 18.0724 54.3165 15.2977C54.6644 14.7676 55.2442 13.4342 55.2442 13.1608C55.2442 13.1194 54.4987 13.0863 53.3806 13.0863H51.5171L51.1858 13.6164C50.3327 14.9664 48.8501 15.8858 46.8375 16.3248C45.8518 16.5401 43.7067 16.6229 42.63 16.4904C39.7808 16.1343 37.7764 14.9167 36.8157 12.9621C36.4181 12.1587 36.269 11.5458 36.2193 10.4608C35.9957 6.06277 38.9857 3.47863 44.2699 3.47863C47.3841 3.47863 49.7612 4.4891 50.9787 6.32781L51.2934 6.79163H53.2232C54.2917 6.79163 55.1613 6.77506 55.1613 6.76678C55.1613 6.75021 55.0951 6.53487 55.004 6.28639C53.803 2.79119 50.0428 0.654311 44.8083 0.480378C44.3776 0.463815 43.7647 0.463815 43.4416 0.472096Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M0.331299 0.745421C0.331299 0.828246 9.89756 18.7847 10.1543 19.1988C10.2703 19.381 10.2951 19.381 12.2167 19.381H14.163L14.3535 19.0745C14.6103 18.6604 24.102 0.786833 24.102 0.71229C24.102 0.687443 23.2241 0.662594 22.1556 0.662594H20.2092L20.0436 0.927634C19.9608 1.07672 18.1635 4.50566 16.0597 8.54751C13.956 12.5976 12.2084 15.8775 12.1752 15.8444C12.1421 15.8112 10.3779 12.4237 8.24935 8.32389C6.11247 4.22406 4.33174 0.819962 4.29032 0.761984C4.18265 0.629466 0.331299 0.6129 0.331299 0.745421Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M26.0484 0.761964C26.0236 0.819942 26.0153 5.02744 26.0236 10.1046L26.0484 19.3396H27.8291H29.6099V10.0218V0.703989L27.8457 0.67914C26.4874 0.662576 26.0732 0.67914 26.0484 0.761964Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M57.8945 10.0218V19.381L67.2786 19.3644L76.6543 19.3396L76.6792 17.9067L76.6958 16.4821H69.0759H61.456V13.9146V11.347H68.289H75.1221V9.93897V8.53095H68.289H61.456V6.04621V3.56146H69.0759H76.6958L76.6792 2.1286L76.6543 0.70401L67.2786 0.679162L57.8945 0.662598V10.0218Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M87.5458 10.0218V19.381H88.7881H90.0305L90.0471 11.6534L90.0719 3.91761L94.3126 11.6286L98.5449 19.3396L99.8784 19.3644L101.212 19.381L101.353 19.1491C101.435 19.0166 103.349 15.5545 105.602 11.4464L109.701 3.98387L109.743 11.6617L109.784 19.3396H111.027H112.269V10.0218V0.70401L110.513 0.679162L108.765 0.662598L108.608 0.886223C108.517 1.01874 106.529 4.61334 104.194 8.87881C101.85 13.1526 99.9115 16.6478 99.8867 16.6478C99.8618 16.6478 97.8906 13.0615 95.497 8.67175L91.1487 0.70401L89.3514 0.679162L87.5458 0.662598V10.0218Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M115.996 0.761986C115.971 0.819964 115.963 5.02746 115.971 10.1046L115.996 19.3396L125.173 19.3644L134.342 19.381V18.2629V17.1447H126.473H118.605V14.0802V11.0157H125.687H132.768V9.93897V8.86225H125.687H118.605V5.88056V2.89887H126.473H134.342V1.78073V0.662598H125.19C117.942 0.662598 116.021 0.687445 115.996 0.761986Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M137.531 0.761966C137.506 0.819944 137.497 5.02744 137.506 10.1046L137.531 19.3396H143.245C149.366 19.3396 149.789 19.3147 151.503 18.8757C156.067 17.7245 158.593 14.5689 158.609 10.0218C158.609 9.59109 158.551 8.87879 158.493 8.44811C157.922 4.67958 155.528 2.18655 151.503 1.16781C149.83 0.745403 149.499 0.720554 143.353 0.687425C138.591 0.654294 137.564 0.67086 137.531 0.761966ZM149.184 3.10591C151.42 3.39579 152.952 4.09981 154.162 5.38359C155.305 6.60111 155.793 7.976 155.793 10.0218C155.793 12.0675 155.305 13.4424 154.162 14.66C152.952 15.9437 151.42 16.6478 149.184 16.9376C148.463 17.037 147.304 17.0619 144.19 17.0619H140.139V10.0218V2.98167H144.19C147.304 2.98167 148.463 3.00652 149.184 3.10591Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M161.384 0.761964C161.359 0.819942 161.351 5.02744 161.359 10.1046L161.384 19.3396H162.668H163.952V10.0218V0.703989L162.684 0.67914C161.724 0.662576 161.409 0.67914 161.384 0.761964Z",
-            fill: "var(--text-color)"
-          }),
-          /* @__PURE__ */ jsx101("path", {
-            d: "M176.268 0.770262C176.177 0.877934 166.503 19.0497 166.42 19.265C166.378 19.3644 166.569 19.381 167.728 19.3644L169.087 19.3396L170.462 16.772L171.837 14.2044H178.082H184.326L185.693 16.772L187.068 19.3396L188.368 19.3644C189.238 19.381 189.669 19.3561 189.669 19.2982C189.669 19.2153 180.194 1.27549 179.929 0.844805C179.813 0.662591 179.779 0.662591 178.082 0.662591C176.781 0.662591 176.334 0.687438 176.268 0.770262ZM180.649 7.23888C181.991 9.74019 183.101 11.8191 183.109 11.8605C183.126 11.8936 180.864 11.9268 178.082 11.9268C175.299 11.9268 173.021 11.9102 173.021 11.8853C173.021 11.8605 174.147 9.7319 175.522 7.15605C177.493 3.4455 178.04 2.5013 178.115 2.58413C178.173 2.6421 179.307 4.73757 180.649 7.23888Z",
-            fill: "var(--text-color)"
-          })
-        ]
-      })
-    },
     {
       id: "logo5",
       url: "https://www.soundcloud.com/",