Parallax and Animations

Component renders a full‑screen hero section featuring a dark background, dynamic geometric shapes (triangles, hexagons, lines, circles) with float, slide, and rotate animations, as well as a headline and subheading with glow and fade‑in effects

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Parallax and Animations to your project and fits it to your theme.

import HeroSection from "@/components/ui/parallax-and-animations";

const DemoOne = () => {
  return (
    <div className="w-full">
       <HeroSection />
    </div>
  );
};

export { DemoOne };