Animated Hero Section with Loading Experience

// 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>
  );
}