HeroSection

Marketing

Full-width animated hero with scroll parallax, floating depth layers, wireframe mockup, and dramatic entrance animations.

Install

npx bouncekit@latest add herosection

Import

import { HeroSection } from "@/components/marketing/landing/hero-section"

import { HeroSection } from "@/components/marketing/landing/hero-section"

<HeroSection />

// Full-viewport hero with scroll parallax,
// aurora glow, and word-by-word stagger animation.
// Respects prefers-reduced-motion.

API Reference

Extends native HTML attributes — no custom props.

Source

src/components/marketing/landing/hero-section.tsx

Components/Marketing/HeroSection