Hero Section

A visually polished 2D wave that brings a webpage to life. It supports light and dark themes and features dramatic, multi-point lighting.

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

import { HeroSection } from "@/components/ui/hero-section";

export default function DemoOne() {
  return (
    <div className="App">
      <HeroSection />
    </div>
  );
}