Components
Animated Hero Section with Loading Experience
A React + Framer Motion component that gives your landing page a cinematic entrance. HeroReveal combines a letter-based loading screen with a smooth minimal hero section reveal, and floating particles.
// app/page.tsx or any component
import AnimatedHero from "@/components/ui/animated-hero-section-with-loading-experience";
export default function HomePage() {
return (
<AnimatedHero
loadingText="WELCOME"
heading="Heading Text"
subheading="Subheading Text"
>
</AnimatedHero>
);
}