Fluid Gradient Footer

A multi-column site footer with legal links and copyright text, topped by a giant wordmark whose gradient fill follows the cursor.

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

import { SiteFooter } from "@/components/ui/footer-5";

export default function SiteFooterDemo() {
  return (
    <div className="flex flex-col w-full min-h-dvh items-center justify-center">
      <SiteFooter />
    </div>
  );
}