Footer Vinyl — React Footer Component

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

export function PageFooter() {
  return (
    <FooterVinyl
      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 SIDE B"}
      legal={[{"label":"Back to the collection","href":"/footers"}]}
      brand={"SIDE B"}
      title={"Good things stay on repeat."}
      color={"#252a20"}
      background={"#e8a0ae"}
      {...{
        brand: "SIDE B",
        title: "Good things stay on repeat.",
        interactive: true,
        color: "#252a20",
        background: "#e8a0ae",
        labelColor: "#ef623b"
      }}
    />
  );
}