Skip to content
Browse prompts

Section · Hero Section

Immersive Ocean

Immersive Ocean

Immersive Ocean: a hero section featuring hero · ocean video · collapsible nav. Built with React, Tailwind CSS.

Design & animation notes

From the original prompt, techniques: Hero, Ocean Video, Collapsible Nav, Stagger Fade-up. Stack: React, Tailwind CSS. Motion: Micro-interactions.

How to use this prompt

  1. Click Copy prompt (no account needed).
  2. Paste it into React, Tailwind CSS.
  3. Describe changes in plain language and iterate until it matches.

Prompt

paste into Claude, ChatGPT, v0, Lovable, Nano Banana Pro…
Prompt4,602 characters

The full prompt is packed and ready, copy it to your clipboard or reveal it here.

Advertisement
Altus
Featured
Altuscinematic

Hero Section

Ascend
Ascendcinematic

Hero Section

Aurum
Aurumcinematic

Hero Section