gpt-taste

Build a Next.js landing page with GSAP ScrollTrigger by applying AIDA-structured sections with cinematic spacing, enforcing wide two-to-three-line hero typography, and using ScrollTrigger pinning, stacking, fading, and scrubbing for premium interactive behaviors.

Prevent cramped UI layouts by enforcing elite layout rules with mathematically gapless bento grids using `grid-flow-dense` interlocking spans, wide H1 constraints to avoid four-to-six line breaks, and deterministic layout variation to break common design defaults.

Create gapless bento grid compositions by applying CSS `grid-flow-dense` with interlocking spans to ensure dense, visually consistent component systems without empty grid gaps or layout misalignments.

Deterministic layout variation for marketing-grade pages is supported via simulated true-randomization that selects a Hero architecture, typography stack, component set, and GSAP paradigms to avoid repetitive layouts across premium landing pages.

Use GSAP motion with AIDA structure by mapping Navigation, Attention (Hero), Interest (Bento), Desire (GSAP), and Action (Footer) sections with large chapter-like vertical padding and ScrollTrigger reveals for marketing-grade experiences.

Hero typography breaks into too many lines when wide H1 constraints are not enforced, resulting in four-to-six line flows instead of the intended two-to-three-line wide flow required for premium AIDA-structured hero sections.