Footer Tidal — React Footer Component

import { FooterTidal } from "@/components/FooterTidal";

export function PageFooter() {
  return (
    <FooterTidal
      cta={{"label":"Start a conversation","href":"mailto:hello@example.com"}}
      groups={[{"label":"Explore","links":[{"label":"Our work","href":"/heroes"},{"label":"The collection","href":"/footers"},{"label":"Get started","href":"/installation"}]},{"label":"Elsewhere","links":[{"label":"GitHub","href":"https://github.com/zjy365/vfx-ui"},{"label":"For agents","href":"/llms.txt"}]}]}
      copyright={"© 2026 AFTER"}
      legal={[{"label":"Back to the collection","href":"/footers"}]}
      brand={"AFTER"}
      title={"Every ending. A new beginning."}
      color={"#e8b58b"}
      background={"#151b20"}
      {...{
        brand: "AFTER",
        title: "Every ending. A new beginning.",
        interactive: true,
        color: "#e8b58b",
        background: "#151b20",
        animate: true
      }}
    />
  );
}