@remotion/promo-pages 4.0.340 → 4.0.341

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.340 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.341 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.1.1
 
-Done in 27ms
+Done in 30ms

package/LICENSE.md

@@ -6,10 +6,10 @@ In Remotion 5.0, the license will slightly change. [View the changes here](https
 
 Depending on the type of your legal entity, you are granted permission to use Remotion for your project. Individuals and small companies are allowed to use Remotion to create videos for free (even commercial), while a company license is required for for-profit organizations of a certain size. This two-tier system was designed to ensure funding for this project while still allowing the source code to be available and the program to be free for most. Read below for the exact terms of use.
 
-- [Free license](#free-license)
-- [Company license](#company-license)
+- [Free License](#free-license)
+- [Company License](#company-license)
 
-## Free license
+## Free License
 
 Copyright © 2025 [Remotion](https://www.remotion.dev)
 
@@ -24,7 +24,7 @@ You are eligible to use Remotion for free if you are:
 
 ### Allowed use cases
 
-Permission is hereby granted, free of charge, to any person eligible for the "Free license", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
+Permission is hereby granted, free of charge, to any person eligible for the "Free License", to use the software non-commercially or commercially for the purpose of creating videos and images and to modify the software to their own liking, for the purpose of fulfilling their custom use case or to contribute bug fixes or improvements back to Remotion.
 
 ### Disallowed use cases
 
@@ -38,12 +38,12 @@ The software is provided "as is", without warranty of any kind, express or impli
 
 Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
 
-## Company license
+## Company License
 
-You are required to obtain a company license to use Remotion if you are not within the group of entities eligible for a free license. This license will enable you to use Remotion for the allowed use cases specified in the free license, and give you access to prioritized support (read the [Support Policy](https://www.remotion.dev/docs/support)).
+You are required to obtain a Company License to use Remotion if you are not within the group of entities eligible for a Free License. This license will enable you to use Remotion for the allowed use cases specified in the Free License, and give you access to prioritized support (read the [Support Policy](https://www.remotion.dev/docs/support)).
 
 Visit [remotion.pro](https://www.remotion.pro/license) for pricing and to buy a license.
 
 ### FAQs
 
-Are you not sure whether you need a company license because of an edge case? Here are some [frequently asked questions](https://www.remotion.pro/faq).
+Are you not sure whether you need a Company License because of an edge case? Here are some [frequently asked questions](https://www.remotion.pro/faq).

package/dist/Homepage.js

@@ -735,7 +735,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.340", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.341", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -11497,7 +11497,7 @@ var GitHubStars = () => {
             width: "45px"
           }),
           /* @__PURE__ */ jsx7(StatItemContent, {
-            content: "23k",
+            content: "24k",
             width: "80px",
             fontSize: "2.5rem",
             fontWeight: "bold"
@@ -18471,7 +18471,7 @@ var PausedIcon = (props) => {
     className: "svg-inline--fa fa-play fa-w-14",
     role: "img",
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 448 512",
+    viewBox: "0 0 480 512",
     ...props,
     children: /* @__PURE__ */ jsx71("path", {
       fill: "currentColor",
@@ -18482,7 +18482,7 @@ var PausedIcon = (props) => {
 var PlayingIcon = (props) => {
   return /* @__PURE__ */ jsx71("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 320 512",
+    viewBox: "0 0 400 512",
     fill: "currentColor",
     ...props,
     children: /* @__PURE__ */ jsx71("path", {
@@ -20000,7 +20000,7 @@ var videoApps = [
     link: "https://banger.show?ref=remotion",
     videoWidth: 1080,
     videoHeight: 1080,
-    muxId: "riYdneJ2zu1Vqiayoe1qAZXcSIRq0201tHgSBbh9JbtlU",
+    muxId: "Kg02XHfkR6x8400BtO4Ica54XlSPimmmTRpqDHHUaeACk",
     buttonText: "Banger.Show website"
   },
   {
@@ -20040,59 +20040,16 @@ var icon5 = {
 var VideoAppsShowcase = () => {
   const [activeTab, setActiveTab] = useState40(0);
   const [isMuted, setIsMuted] = useState40(true);
+  const [isPlaying, setIsPlaying] = useState40(false);
   const videoRef = useRef35(null);
   const containerRef = useRef35(null);
-  useEffect47(() => {
-    const observer = new IntersectionObserver((entries) => {
-      if (entries[0].isIntersecting) {
-        if (videoRef.current && videoRef.current.paused) {
-          videoRef.current.muted = true;
-          setIsMuted(true);
-          videoRef.current.play().then(() => {}).catch((error) => {
-            console.error("Playback error:", error);
-          });
-        }
-      } else if (videoRef.current && !videoRef.current.paused) {
-        videoRef.current.pause();
-      }
-    }, { threshold: 0.5 });
-    const currentContainer = containerRef.current;
-    if (currentContainer) {
-      observer.observe(currentContainer);
-    }
-    return () => {
-      if (currentContainer) {
-        observer.unobserve(currentContainer);
-      }
-    };
-  }, []);
   useEffect47(() => {
     const video = videoRef.current;
     if (video) {
       video.pause();
+      setIsPlaying(false);
       video.currentTime = 0;
       video.load();
-      const observer = new IntersectionObserver((entries) => {
-        if (entries[0].isIntersecting) {
-          if (video) {
-            video.muted = true;
-            setIsMuted(true);
-            video.play().then(() => {}).catch((error) => {
-              console.error("Playback error:", error);
-            });
-          }
-        }
-      }, { threshold: 0.5 });
-      observer.observe(video);
-      return () => {
-        observer.disconnect();
-        video.muted = false;
-        if (video) {
-          video.pause();
-          video.currentTime = 0;
-          video.load();
-        }
-      };
     }
   }, [activeTab]);
   const handlePlayPause = () => {
@@ -20100,12 +20057,16 @@ var VideoAppsShowcase = () => {
       if (videoRef.current.paused) {
         const playPromise = videoRef.current.play();
         if (playPromise !== undefined) {
-          playPromise.then(() => {}).catch((error) => {
+          playPromise.then(() => {
+            setIsPlaying(true);
+          }).catch((error) => {
             console.error("Playback error:", error);
+            setIsPlaying(false);
           });
         }
       } else {
         videoRef.current.pause();
+        setIsPlaying(false);
       }
     }
   };
@@ -20138,7 +20099,7 @@ var VideoAppsShowcase = () => {
           className: "flex-1 flex flex-col lg:flex-row justify-center",
           children: [
             /* @__PURE__ */ jsxs45("div", {
-              className: "w-full max-w-[500px] aspect-square relative overflow-hidden bg-[#eee]",
+              className: "w-full max-w-[500px] aspect-square relative overflow-hidden bg-[#eee] cursor-pointer",
               onClick: handlePlayPause,
               children: [
                 /* @__PURE__ */ jsx104(MuxVideo, {
@@ -20149,20 +20110,48 @@ var VideoAppsShowcase = () => {
                   playsInline: true,
                   muted: isMuted
                 }),
-                isMuted && /* @__PURE__ */ jsx104("button", {
+                /* @__PURE__ */ jsx104("button", {
+                  type: "button",
+                  className: "absolute bottom-2.5 left-2.5 bg-white text-black rounded-full w-8 h-8 flex justify-center items-center text-base cursor-pointer transition-colors border-2 border-black border-solid",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handlePlayPause();
+                  },
+                  children: isPlaying ? /* @__PURE__ */ jsx104(PlayingIcon, {
+                    style: {
+                      width: 12,
+                      height: 20,
+                      marginLeft: "2px",
+                      marginTop: "1px"
+                    }
+                  }) : /* @__PURE__ */ jsx104(PausedIcon, {
+                    style: {
+                      width: 14,
+                      height: 16,
+                      marginLeft: "2px",
+                      marginTop: "0.5px"
+                    }
+                  })
+                }),
+                /* @__PURE__ */ jsx104("button", {
                   type: "button",
                   className: "absolute bottom-2.5 right-2.5 bg-white text-black rounded-full w-8 h-8 flex justify-center items-center text-base cursor-pointer transition-colors border-2 border-black border-solid",
                   onClick: (e) => {
                     e.stopPropagation();
                     handleMuteToggle();
                   },
-                  children: /* @__PURE__ */ jsx104("svg", {
-                    style: { width: 24 },
-                    viewBox: "0 0 576 512",
-                    children: /* @__PURE__ */ jsx104("path", {
-                      fill: "black",
-                      d: "M0 160L0 352l128 0L272 480l48 0 0-448-48 0L128 160 0 160zm441 23l-17-17L390.1 200l17 17 39 39-39 39-17 17L424 345.9l17-17 39-39 39 39 17 17L569.9 312l-17-17-39-39 39-39 17-17L536 166.1l-17 17-39 39-39-39z"
-                    })
+                  children: isMuted ? /* @__PURE__ */ jsx104(IsMutedIcon, {
+                    style: {
+                      width: 16,
+                      height: 16,
+                      marginTop: "1px"
+                    }
+                  }) : /* @__PURE__ */ jsx104(NotMutedIcon, {
+                    style: {
+                      width: 16,
+                      height: 16,
+                      marginTop: "1px"
+                    }
                   })
                 })
               ]
@@ -20312,7 +20301,8 @@ var listOfRemotionPackages = [
   "@remotion/compositor",
   "@remotion/example-videos",
   "@remotion/whisper-web",
-  "@remotion/video"
+  "@remotion/video",
+  "@remotion/web-renderer"
 ];
 function truthy3(value) {
   return Boolean(value);
@@ -21359,7 +21349,7 @@ var GithubButton = () => {
       " ",
       /* @__PURE__ */ jsx130("div", {
         className: "text-xs inline-block ml-2 leading-none mt-[3px] self-center",
-        children: "22k"
+        children: "24k"
       })
     ]
   });

package/dist/tailwind.css

@@ -118,6 +118,9 @@
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
+  .left-2\.5 {
+    left: calc(var(--spacing) * 2.5);
+  }
   .z-0 {
     z-index: 0;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.340",
+  "version": "4.0.341",
   "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.340",
-    "@remotion/lottie": "4.0.340",
-    "@remotion/lambda": "4.0.340",
-    "@remotion/player": "4.0.340",
-    "@remotion/shapes": "4.0.340",
-    "create-video": "4.0.340",
-    "remotion": "4.0.340",
-    "@remotion/paths": "4.0.340"
+    "@remotion/animated-emoji": "4.0.341",
+    "@remotion/player": "4.0.341",
+    "@remotion/lambda": "4.0.341",
+    "@remotion/shapes": "4.0.341",
+    "@remotion/lottie": "4.0.341",
+    "@remotion/paths": "4.0.341",
+    "create-video": "4.0.341",
+    "remotion": "4.0.341"
   },
   "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.340"
+    "@remotion/eslint-config-internal": "4.0.341"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"

package/src/components/homepage/CommunityStatsItems.tsx

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

package/src/components/homepage/Demo/icons.tsx

@@ -50,7 +50,7 @@ export const PausedIcon: React.FC<SVGProps<SVGSVGElement>> = (props) => {
 			className="svg-inline--fa fa-play fa-w-14"
 			role="img"
 			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 448 512"
+			viewBox="0 0 480 512"
 			{...props}
 		>
 			<path
@@ -65,7 +65,7 @@ export const PlayingIcon: React.FC<SVGProps<SVGSVGElement>> = (props) => {
 	return (
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
-			viewBox="0 0 320 512"
+			viewBox="0 0 400 512"
 			fill="currentColor"
 			{...props}
 		>

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">
-				{'22k'}
+				{'24k'}
 			</div>
 		</div>
 	);

package/src/components/homepage/VideoAppsShowcase.tsx

@@ -1,5 +1,6 @@
 import React, {useEffect, useRef, useState} from 'react';
 
+import {IsMutedIcon, NotMutedIcon, PausedIcon, PlayingIcon} from './Demo/icons';
 import {MuxVideo} from './MuxVideo';
 import {SectionTitle} from './VideoAppsTitle';
 
@@ -18,7 +19,7 @@ const videoApps = [
 		link: 'https://banger.show?ref=remotion',
 		videoWidth: 1080,
 		videoHeight: 1080,
-		muxId: 'riYdneJ2zu1Vqiayoe1qAZXcSIRq0201tHgSBbh9JbtlU',
+		muxId: 'Kg02XHfkR6x8400BtO4Ica54XlSPimmmTRpqDHHUaeACk',
 		buttonText: 'Banger.Show website',
 	},
 	{
@@ -64,82 +65,18 @@ const icon: React.CSSProperties = {
 const VideoAppsShowcase: React.FC = () => {
 	const [activeTab, setActiveTab] = useState(0);
 	const [isMuted, setIsMuted] = useState(true);
+	const [isPlaying, setIsPlaying] = useState(false);
 	const videoRef = useRef<HTMLVideoElement>(null);
 	const containerRef = useRef<HTMLDivElement>(null);
 
-	useEffect(() => {
-		const observer = new IntersectionObserver(
-			(entries) => {
-				if (entries[0].isIntersecting) {
-					if (videoRef.current && videoRef.current.paused) {
-						videoRef.current.muted = true; // Ensure video is muted before autoplay
-						setIsMuted(true); // Update state to reflect muted status
-						videoRef.current
-							.play()
-							.then(() => {})
-							.catch((error) => {
-								// eslint-disable-next-line no-console
-								console.error('Playback error:', error);
-							});
-					}
-				} else if (videoRef.current && !videoRef.current.paused) {
-					videoRef.current.pause();
-				}
-			},
-			{threshold: 0.5},
-		);
-
-		const currentContainer = containerRef.current;
-		if (currentContainer) {
-			observer.observe(currentContainer);
-		}
-
-		return () => {
-			if (currentContainer) {
-				observer.unobserve(currentContainer);
-			}
-		};
-	}, []);
-
+	// Remove the intersection observer autoplay logic
 	useEffect(() => {
 		const video = videoRef.current;
 		if (video) {
 			video.pause();
+			setIsPlaying(false);
 			video.currentTime = 0;
 			video.load();
-
-			// Check if the video is visible and play it if it is
-			const observer = new IntersectionObserver(
-				(entries) => {
-					if (entries[0].isIntersecting) {
-						// Introduce a delay before playing the video
-						if (video) {
-							video.muted = true; // Ensure video is muted before autoplay
-							setIsMuted(true); // Update state to reflect muted status
-							video
-								.play()
-								.then(() => {})
-								.catch((error) => {
-									// eslint-disable-next-line no-console
-									console.error('Playback error:', error);
-								});
-						}
-					}
-				},
-				{threshold: 0.5},
-			);
-
-			observer.observe(video);
-
-			return () => {
-				observer.disconnect();
-				video.muted = false; // Unmute the video when it's no longer visible
-				if (video) {
-					video.pause();
-					video.currentTime = 0;
-					video.load();
-				}
-			};
 		}
 	}, [activeTab]);
 
@@ -151,16 +88,17 @@ const VideoAppsShowcase: React.FC = () => {
 				if (playPromise !== undefined) {
 					playPromise
 						.then(() => {
-							// Playback started successfully
+							setIsPlaying(true);
 						})
 						.catch((error) => {
-							// Auto-play was prevented or there was an error
 							// eslint-disable-next-line no-console
 							console.error('Playback error:', error);
+							setIsPlaying(false);
 						});
 				}
 			} else {
 				videoRef.current.pause();
+				setIsPlaying(false);
 			}
 		}
 	};
@@ -197,7 +135,7 @@ const VideoAppsShowcase: React.FC = () => {
 				<div className={'flex-1 flex flex-col lg:flex-row justify-center'}>
 					<div
 						className={
-							'w-full max-w-[500px] aspect-square relative overflow-hidden bg-[#eee]'
+							'w-full max-w-[500px] aspect-square relative overflow-hidden bg-[#eee] cursor-pointer'
 						}
 						onClick={handlePlayPause}
 					>
@@ -212,25 +150,67 @@ const VideoAppsShowcase: React.FC = () => {
 							muted={isMuted}
 						/>
 
-						{isMuted && (
-							<button
-								type="button"
-								className={
-									'absolute bottom-2.5 right-2.5 bg-white text-black rounded-full w-8 h-8 flex justify-center items-center text-base cursor-pointer transition-colors border-2 border-black border-solid'
-								}
-								onClick={(e) => {
-									e.stopPropagation();
-									handleMuteToggle();
-								}}
-							>
-								<svg style={{width: 24}} viewBox="0 0 576 512">
-									<path
-										fill="black"
-										d="M0 160L0 352l128 0L272 480l48 0 0-448-48 0L128 160 0 160zm441 23l-17-17L390.1 200l17 17 39 39-39 39-17 17L424 345.9l17-17 39-39 39 39 17 17L569.9 312l-17-17-39-39 39-39 17-17L536 166.1l-17 17-39 39-39-39z"
-									/>
-								</svg>
-							</button>
-						)}
+						{/* Play/Pause Button - bottom left corner */}
+						<button
+							type="button"
+							className={
+								'absolute bottom-2.5 left-2.5 bg-white text-black rounded-full w-8 h-8 flex justify-center items-center text-base cursor-pointer transition-colors border-2 border-black border-solid'
+							}
+							onClick={(e) => {
+								e.stopPropagation();
+								handlePlayPause();
+							}}
+						>
+							{isPlaying ? (
+								<PlayingIcon
+									style={{
+										width: 12,
+										height: 20,
+										marginLeft: '2px',
+										marginTop: '1px',
+									}}
+								/>
+							) : (
+								<PausedIcon
+									style={{
+										width: 14,
+										height: 16,
+										marginLeft: '2px',
+										marginTop: '0.5px',
+									}}
+								/>
+							)}
+						</button>
+
+						{/* Mute/Unmute Button - bottom right corner */}
+						<button
+							type="button"
+							className={
+								'absolute bottom-2.5 right-2.5 bg-white text-black rounded-full w-8 h-8 flex justify-center items-center text-base cursor-pointer transition-colors border-2 border-black border-solid'
+							}
+							onClick={(e) => {
+								e.stopPropagation();
+								handleMuteToggle();
+							}}
+						>
+							{isMuted ? (
+								<IsMutedIcon
+									style={{
+										width: 16,
+										height: 16,
+										marginTop: '1px',
+									}}
+								/>
+							) : (
+								<NotMutedIcon
+									style={{
+										width: 16,
+										height: 16,
+										marginTop: '1px',
+									}}
+								/>
+							)}
+						</button>
 					</div>
 					<div className={'p-6 flex-1 flex flex-col h-full'}>
 						<div className="text-4xl font-bold fontbrand mt-0">

package/dist/cn.d.ts

@@ -1,2 +0,0 @@
-import { type ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;

package/dist/cn.js

@@ -1,5 +0,0 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}

package/dist/components/Homepage.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { ColorMode } from './homepage/layout/use-color-mode';
-export declare const NewLanding: React.FC<{
-    readonly colorMode: ColorMode;
-    readonly setColorMode: (colorMode: ColorMode) => void;
-}>;

package/dist/components/Homepage.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BackgroundAnimation } from './homepage/BackgroundAnimation';
-import CommunityStats from './homepage/CommunityStats';
-import { Demo } from './homepage/Demo';
-import EvaluateRemotionSection from './homepage/EvaluateRemotion';
-import { IfYouKnowReact } from './homepage/IfYouKnowReact';
-import { ColorModeProvider } from './homepage/layout/use-color-mode';
-import { MoreVideoPowerSection } from './homepage/MoreVideoPowerSection';
-import { NewsletterButton } from './homepage/NewsletterButton';
-import { ParameterizeAndEdit } from './homepage/ParameterizeAndEdit';
-import { Pricing } from './homepage/Pricing';
-import { RealMP4Videos } from './homepage/RealMp4Videos';
-import TrustedByBanner from './homepage/TrustedByBanner';
-import VideoAppsShowcase from './homepage/VideoAppsShowcase';
-import { SectionTitle } from './homepage/VideoAppsTitle';
-import { WriteInReact } from './homepage/WriteInReact';
-export const NewLanding = ({ colorMode, setColorMode }) => {
-    return (_jsx(ColorModeProvider, { colorMode: colorMode, setColorMode: setColorMode, children: _jsx("div", { className: "bg-[var(--background)] relative", children: _jsxs("div", { style: { overflow: 'hidden' }, children: [_jsx("div", { children: _jsx(BackgroundAnimation, {}) }), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsxs("div", { className: "max-w-[500px] lg:max-w-[1000px] m-auto pl-5 pr-5 overflow-x-clip md:overflow-x-visible relative", children: [_jsx(WriteInReact, {}), _jsx("br", {}), _jsx(IfYouKnowReact, {}), _jsx(ParameterizeAndEdit, {}), _jsx(RealMP4Videos, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(VideoAppsShowcase, {}), _jsx("br", {}), _jsx("br", {}), _jsx(Demo, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(SectionTitle, { children: "Pricing" }), _jsx(Pricing, {}), _jsx(TrustedByBanner, {}), _jsx("br", {}), _jsx(EvaluateRemotionSection, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(CommunityStats, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(SectionTitle, { children: "Even more power to developers" }), _jsx("div", { className: 'fontbrand text-center mb-10 -mt-4', children: "Innovative video products that you might enjoy." }), _jsx(MoreVideoPowerSection, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {}), _jsx(NewsletterButton, {}), _jsx("br", {}), _jsx("br", {}), _jsx("br", {})] })] }) }) }));
-};

package/dist/components/homepage/BackgroundAnimation.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const BackgroundAnimation: React.FC;