@evatril/video-templates 2.0.12 → 2.0.14

package/src/Invitations/Elements/SideTrees20012026.jsx

@@ -1,92 +0,0 @@
-import React from "react";
-import {
-  Img,
-  staticFile,
-  useCurrentFrame,
-  useVideoConfig,
-  interpolate,
-  Easing,
-} from "remotion";
-
-export const SideTrees20012026 = ({ startAfter = 1 }) => {
-  const frame = useCurrentFrame();
-  const { fps } = useVideoConfig();
-
-  const delay = fps * startAfter;
-  const duration = fps * 1.2;
-
-  /* ---------------- FADE IN ---------------- */
-  const opacity = interpolate(
-    frame,
-    [delay, delay + duration],
-    [0, 1],
-    {
-      extrapolateLeft: "clamp",
-      extrapolateRight: "clamp",
-      easing: Easing.out(Easing.ease),
-    }
-  );
-
-  /* ---------------- SLIDE IN ---------------- */
-  const leftTreeX = interpolate(
-    frame,
-    [delay, delay + duration],
-    [-600, -370],
-    {
-      extrapolateLeft: "clamp",
-      extrapolateRight: "clamp",
-      easing: Easing.out(Easing.ease),
-    }
-  );
-
-  const rightTreeX = interpolate(
-    frame,
-    [delay, delay + duration],
-    [600, 200],
-    {
-      extrapolateLeft: "clamp",
-      extrapolateRight: "clamp",
-      easing: Easing.out(Easing.ease),
-    }
-  );
-
-  /* ---------------- 🍃 LEAF SWAY ONLY ---------------- */
-  const leafSway =
-    frame > delay
-      ? Math.sin((frame - delay) / 28) * 8   // adjust 8 for more/less sway
-      : 0;
-
-  return (
-    <>
-      {/* 🌳 LEFT TREE */}
-      <Img
-        src={staticFile("video-images/20012026-tree-left1.webp")}
-        style={{
-          position: "absolute",
-          left: 0,
-          bottom: 0,
-          width: "100%",
-          opacity,
-          transform: `
-            translateX(${leftTreeX + leafSway}px)
-          `,
-        }}
-      />
-
-      {/* 🌳 RIGHT TREE */}
-      <Img
-        src={staticFile("video-images/20012026-tree-right1.png")}
-        style={{
-          position: "absolute",
-          right: 0,
-          bottom: "-25%",
-          height: "80%",
-          opacity,
-          transform: `
-            translateX(${rightTreeX - leafSway}px)
-          `,
-        }}
-      />
-    </>
-  );
-};

package/src/Invitations/Elements/SmoothRevealFromTop20012026.jsx

@@ -1,32 +0,0 @@
-import { interpolate, Easing } from "remotion";
-
-export const SmoothRevealFromTop20012026 = ({
-  frame,
-  startFrame,
-  delay = 0,
-  duration = 20,
-  fromY = -30,
-  toY = 0,
-}) => {
-  const opacity = interpolate(
-    frame,
-    [startFrame + delay, startFrame + delay + duration],
-    [0, 1],
-    { extrapolateRight: "clamp" }
-  );
-
-  const translateY = interpolate(
-    frame,
-    [startFrame + delay, startFrame + delay + duration],
-    [fromY, toY],
-    {
-      extrapolateRight: "clamp",
-      easing: Easing.out(Easing.ease),
-    }
-  );
-
-  return {
-    opacity,
-    transform: `translateY(${translateY}px)`,
-  };
-};