Varg SDK - Man skydiving showcase (volcanic island, 5-beat arc)

man-showcase-skydiving.tsx

/** @jsxImportSource vargai */
import { Render, Clip, Image, Video, Packshot } from "vargai/react";
import { fal } from "vargai/ai";

// ─── Character Reference ─────────────────────────────────────────────────────

const CHARACTER =
  "https://s3.varg.ai/uploads/images/screenshot-2026-03-02-at-21353-pm_60f009b9.png";

// ─── Models & Config ─────────────────────────────────────────────────────────

const IMG_MODEL = fal.imageModel("nano-banana-pro/edit");
const VID_MODEL = fal.videoModel("raw:fal-ai/kling-video/v2.5-turbo/pro/image-to-video");
const ASPECT = "9:16" as const;
const IMG_OPTS = { fal: { resolution: "2K" } };
const LOGO = "clients/varg/varg-logo.png";

const CHAR = `Use the provided character reference. Maximum consistency with the character's facial features, bone structure, skin tone, hair color, hair texture, body proportions and identity. No reinterpretation of the face. Exact reproduction of the person. This is the SAME person in every shot — identical face, identical body, identical person.`;

// ═════════════════════════════════════════════════════════════════════════════
// SCENE: SKYDIVING — ABOVE THE VOLCANO (MALE VERSION)
//
// Simple 5-beat arc. Same jumpsuit throughout.
//   A — Location: volcanic island from above, flying camera, turquoise water
//   B — Character: he stands at edge of open plane door, looking down
//   C — The jump: he freefalls through clouds, body spread
//   D — Face in freefall: close-up, wind, ecstatic expression, sky behind
//   E — Result: parachute open, floating above the volcanic island, golden hour
//
// Refs chain: A → B(+A) → C(+B) → D(+C) → E(+D)
// Same outfit: black jumpsuit with orange stripes, goggles
// ═════════════════════════════════════════════════════════════════════════════

// ── A: LOCATION — Flying over the volcanic island ────────────────────────────

const imgA = Image({
  prompt: {
    text: `${CHAR} Aerial view looking down at a spectacular volcanic island from high altitude. Active volcano with thin white smoke plume. Black lava fields meeting turquoise tropical ocean. Lush green jungle. A perfect crescent of white sand beach around a turquoise lagoon. Bright daylight, vivid colors. No people. Flying camera view. Beautiful and exotic. Ultra sharp. 9:16.`,
    images: [CHARACTER],
  },
  model: IMG_MODEL,
  aspectRatio: ASPECT,
  providerOptions: IMG_OPTS,
});

// ── B: CHARACTER — He at the edge of the plane ──────────────────────────────

const imgB = Image({
  prompt: {
    text: `${CHAR} Medium shot. He stands at the open cargo door of a military transport plane at altitude. Black skydiving jumpsuit with orange accent stripes. Goggles pushed up on his forehead. Parachute pack on his back. One hand grips the door frame. Wind blasts his hair and jumpsuit. He looks down at the clouds below. Vivid blue sky behind him. The plane interior is dark green military. Red signal light on the wall. Tense and exciting. Ultra sharp. 9:16.`,
    images: [CHARACTER, imgA],
  },
  model: IMG_MODEL,
  aspectRatio: ASPECT,
  providerOptions: IMG_OPTS,
});

// ── C: THE JUMP — Freefall through clouds ────────────────────────────────────

const imgC = Image({
  prompt: {
    text: `${CHAR} Full body shot from below looking up. He freefalls through the open sky in belly-down spread position — arms out, legs apart. He has just punched through white clouds — wisps trail behind him. Same black jumpsuit with orange stripes. Hair streaming straight up from velocity. Vivid blue sky above. Green landscape visible far below through cloud gaps. The plane is a tiny shape far above. Extreme speed. Frozen split-second. Ultra sharp. 9:16.`,
    images: [CHARACTER, imgB],
  },
  model: IMG_MODEL,
  aspectRatio: ASPECT,
  providerOptions: IMG_OPTS,
});

// ── D: FACE — Close-up in freefall ───────────────────────────────────────────

const imgD = Image({
  prompt: {
    text: `${CHAR} Extreme close-up of his face during freefall. His cheeks ripple from wind pressure. Lips pulled into a grin of pure ecstasy. Eyes wide open, tears streaming from wind. Same black jumpsuit collar. Goggles on forehead catching sun. Hair wild explosion streaming upward. Vivid blue sky with white clouds rushing past at speed behind him. Shallow depth of field. Hyper-detailed skin. Pure adrenaline euphoria. Ultra sharp.`,
    images: [CHARACTER, imgC],
  },
  model: IMG_MODEL,
  aspectRatio: ASPECT,
  providerOptions: IMG_OPTS,
});

// ── E: RESULT — Parachute floating above the island ──────────────────────────

const imgE = Image({
  prompt: {
    text: `${CHAR} Epic wide shot. He floats under a deployed black-and-orange parachute canopy. Body relaxed, legs dangling. Below him the volcanic island in full glory — volcano with smoke, turquoise lagoon, white beach, green jungle. Golden hour light bathes everything warm. The parachute catches golden backlight. He is smiling wide, arms spread. Small figure under geometric canopy above paradise. Extreme adventure editorial. Ultra sharp. 9:16.`,
    images: [CHARACTER, imgD],
  },
  model: IMG_MODEL,
  aspectRatio: ASPECT,
  providerOptions: IMG_OPTS,
});

// ─── Videos — focus on camera movement ───────────────────────────────────────

const vidA = Video({
  prompt: {
    text: `Flying camera descending fast over the volcanic island from high altitude. The turquoise ocean and white beach grow larger. The volcanic cone with its smoke plume rotates below. Lush green jungle, black lava fields, the lagoon — all rushing up toward camera. Aerial drone footage pushing forward and down. Vivid tropical colors. Exciting and fast.`,
    images: [imgA],
  },
  model: VID_MODEL,
  duration: 5,
});

const vidB = Video({
  prompt: {
    text: `He stands at the open cargo door gripping the frame. Wind blasts his jumpsuit and hair violently. He looks down into the void below — clouds churning. He takes a breath, releases his grip on the door frame, and steps forward to the very edge. His boots at the lip of the ramp. Camera inside the plane looking out past him into the bright sky. Tense moment before the jump.`,
    images: [imgB],
  },
  model: VID_MODEL,
  duration: 5,
});

const vidC = Video({
  prompt: {
    text: `He plummets through the sky in freefall. Cloud wisps streak past at tremendous speed, tearing apart around his body. His hair and jumpsuit ripple from 200km/h wind. He stabilizes in spread position. The landscape below grows larger through cloud gaps. Camera falls alongside him matching speed. Wind roars. Pure velocity. Exhilarating freefall.`,
    images: [imgC],
  },
  model: VID_MODEL,
  duration: 5,
});

const vidD = Video({
  prompt: {
    text: `Close-up of his face at terminal velocity. Wind blasts his cheeks making them ripple. He grins with pure ecstasy. Tears stream from his eyes toward his temples. His hair whips wildly upward. Clouds streak past in the background at extreme speed. He opens his mouth and screams with joy. Light shifts as he falls through cloud shadows and sunlight. Camera locked on his face. The ultimate rush.`,
    images: [imgD],
  },
  model: VID_MODEL,
  duration: 5,
});

const vidE = Video({
  prompt: {
    text: `He floats under the parachute, swaying gently. He pulls a steering toggle and the canopy banks — the volcanic island rotates below his feet. Turquoise water, white beach, green jungle sweep beneath him. Golden hour light intensifies. He releases the toggle and spreads his arms wide, tilts his head back, smiling. Floating in silence above paradise. Camera slowly pulls back revealing the island below. Peaceful and epic.`,
    images: [imgE],
  },
  model: VID_MODEL,
  duration: 5,
});

// ─── Render ──────────────────────────────────────────────────────────────────

export default (
  <Render width={1080} height={1920}>
    <Clip cutFrom={0.3} cutTo={1.6}>{vidA}</Clip>
    <Clip cutFrom={0.3} cutTo={1.8}>{vidB}</Clip>
    <Clip cutFrom={0.8} cutTo={2.3}>{vidC}</Clip>
    <Clip cutFrom={0.8} cutTo={2.3}>{vidD}</Clip>
    <Clip cutFrom={0.5} cutTo={2.2} duration={2.5}>{vidE}</Clip>
    <Clip duration={5}>
      <Packshot
        background={vidA}
        logo={LOGO}
        logoPosition="center"
        logoSize="40%"
        cta="TRY VARG TODAY"
        ctaColor="#FF6B00"
        ctaTextColor="#FFFFFF"
        ctaPosition="bottom"
        blinkCta={true}
        blinkFrequency={0.8}
        duration={5}
      />
    </Clip>
  </Render>
);