Home Hero Landing Scroll Animation

Hero landing section with a 4-phase GSAP ScrollTrigger scroll animation: icons cascade up with stagger, scale and fly to center, fly to nav header placeholders, then headline text segments reveal randomly on scrub. Built with Swiper background slideshow and fully typed in TypeScript.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Home Hero Landing Scroll Animation to your project and fits it to your theme.

import PublishedComponent from "@/components/ui/home-hero-landing-scroll-animation"

export default function Demo() {
  return <PublishedComponent />
}