You are an elite creative developer, cinematic web designer, AI art director, and front-end animation specialist. We are working inside a local project folder. The sneaker product reference image is already saved inside the project at references/product.png. Do not ask me to upload the product image, do not treat the image as an attached file, and use this local reference image as the strict master product reference for the entire project.
Create a cinematic, premium, scroll-driven product website for this sneaker using Higgsfield MCP, Seedance 2.0 for video generation, GPT Image 2 for still image generation, GSAP, ScrollTrigger, Lenis, and Three.js. The final website should feel like a high-end sneaker campaign / luxury product launch website: cinematic, immersive, truly scroll-driven, premium, modern, visually rich, polished, responsive, and suitable for a real product launch or Awwwards-style showcase.
The website should have 6 sections total. The most important requirement is that this must not feel like a normal landing page with an autoplay background video. The approved sneaker video must be controlled by scroll progress across the full page. When the user scrolls down, the video moves forward frame by frame. When the user scrolls up, the video moves backward. The user should feel like they are manually controlling the sneaker film with scroll.
Use references/product.png as the strict master product reference. Preserve the exact product identity: the same sneaker silhouette, retro running / Air Max-inspired shape, visible air unit, layered construction, white mesh base, light grey overlays, black mudguard and side sections, turquoise / aqua accent areas, white laces, sporty premium material look, proportions, and overall design language.
Do not redesign the sneaker. You may create alternate colorways later for the catalog section, but every colorway must still look like the exact same sneaker model with only color and material variations.
First, verify that the project has this folder structure: assets/, assets/references/, assets/images/, assets/videos/, assets/catalog/, assets/menu/, assets/cutouts/, assets/menu-cutouts/, copy/, scripts/, and website/. Also verify that the sneaker reference image exists at references/product.png. This image defines the exact sneaker identity for all future image and video generations.
Create or update these planning files: copy/creative-direction.md, copy/image-prompts.md, copy/video-prompt.md, copy/website-brief.md, and README.md. Do not build the website yet until the asset plan is prepared.
Create a short creative direction document and save it as copy/creative-direction.md. The website concept should be based around a premium sneaker launch. The brand/product name is NIKE AIR MAX 90, and this name should be used consistently across the website, copy, UI, code comments, and final report.
The core visual direction is a dark cinematic product world with cool blue / cyan lighting, black volcanic textures, reflective surfaces, subtle atmospheric fog, premium typography, glassmorphism UI, large editorial text, particles, and futuristic sportswear energy. The website should feel like the sneaker is being revealed inside a high-end digital campaign environment. Avoid generic neon cyberpunk. Keep it refined, expensive, controlled, and cinematic.
The tone should be minimal but powerful: short product copy, confident wording, no long paragraphs, no fake hype, and a premium commercial feel. If the design uses a large decorative word such as MOTION, replace it with NIKE AIRMAX. Use this only as typography. Do not add official Nike logos, swooshes, or brand graphics unless they already exist in the project assets.
Add a simple SVG favicon related to the product and design. It should feel like it belongs to NIKE AIR MAX 90: a minimal sneaker / air unit / motion mark concept, dark or transparent background, cyan / aqua accent, clean premium geometry, and no official Nike logo or swoosh.
Use Higgsfield MCP and Seedance 2.0 to generate the main hero video using references/product.png as the reference image. The video requirements are: Seedance 2.0, 1080p, 16:9 aspect ratio, 12 seconds, no audio, one continuous uninterrupted shot, no cuts, smooth cinematic motion, and premium product advertising quality.
Create a dark cinematic product reveal video of the sneaker. The sneaker is the hero subject, presented cleanly in a dark premium environment. The camera performs a slow, elegant zoom-in / push-in toward the sneaker, while the sneaker performs a smooth full 360-degree rotation. The rotation must be slow, controlled, and premium, not fast or chaotic. By the end of the video, the sneaker should return to a clean hero presentation angle similar to the starting composition, so the clip can work as a smooth scroll-controlled cinematic background.
Use a dark cinematic background, blue / cyan rim lighting inspired by the sneaker accent color, subtle atmosphere and depth, premium commercial product lighting, realistic materials, and clean focus on the sneaker. Do not include distracting text, logos, people, or extra shoes unless absolutely needed for composition. The sneaker must remain faithful to the reference image throughout the entire video. Preserve the exact shape, color blocking, air unit, materials, and proportions.
After Higgsfield finishes generating the video, download and save the rendered MP4 into the local project folder as assets/videos/hero-360-sneaker-orbit.mp4.