@evatril/video-templates 2.0.11 → 2.0.14

package/src/Invitations/Elements/PeacockDance20012026.jsx

@@ -1,68 +0,0 @@
-import React from "react";
-import {
-  Img,
-  staticFile,
-  useCurrentFrame,
-  useVideoConfig,
-  interpolate,
-} from "remotion";
-
-export const PeacockDance20012026 = ({ 
-  startAfter = 0, 
-  durationInSeconds = 12 
-}) => {
-  const frame = useCurrentFrame();
-  const { fps } = useVideoConfig();
-
-  const delay = fps * startAfter;
-  
-  if (frame < delay) return null;
-
-  const movementDuration = fps * durationInSeconds;
-
-  // 1. Horizontal Movement (Right to Left)
-  const leftPos = interpolate(
-    frame,
-    [delay, delay + movementDuration],
-    [80, -100], 
-    { 
-      extrapolateLeft: "clamp",
-      extrapolateRight: "clamp" 
-    }
-  );
-
-  // 2. WALK CYCLE ANIMATION
-  const stepSpeed = 6; 
-  const walkBounce = Math.abs(Math.sin((frame - delay) / stepSpeed)) * -15;
-
-  // 3. SQUASH AND STRETCH (Adds weight to the walk)
-  const squash = interpolate(
-    Math.sin((frame - delay) / stepSpeed),
-    [-1, 1],
-    [0.95, 1.05]
-  );
-
-  const baseScale = interpolate(
-    frame,
-    [delay, delay + fps],
-    [0.85, 1],
-    { extrapolateLeft: "clamp" }
-  );
-
-  return (
-    <Img
-      src={staticFile("video-images/20012026-peacock.webp")}
-      style={{
-        position: "absolute",
-        top: "55%",
-        left: `${leftPos}%`, 
-        transform: `
-          translateY(${walkBounce}px) 
-          scaleX(${baseScale}) 
-          scaleY(${baseScale * squash})
-        `,
-        width: "60%",
-      }}
-    />
-  );
-};

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, 400],
-    {
-      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-right2.webp")}
-        style={{
-          position: "absolute",
-          right: 0,
-          bottom: "-25%",
-          height: "100%",
-          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)`,
-  };
-};