Minimal

import { Hexagon } from "lucide-react";

const FOOTER_MINIMAL_LINKS = [
  { label: "Docs", href: "#docs" },
  { label: "Pricing", href: "#pricing" },
  { label: "Support", href: "#support" },
];

export function FooterMinimalBlock() {
  return (
    <footer className="border-t border-border bg-surface-base px-6 py-8">
      <div className="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 sm:flex-row">
        <div className="flex items-center gap-2">
          <span className="grid size-8 place-items-center rounded-lg bg-gradient-primary text-primary-foreground shadow-glow">
            <Hexagon aria-hidden="true" className="size-4" />
          </span>
          <span className="font-display text-base font-semibold text-fg">Cronus</span>
        </div>

        <div className="flex items-center gap-6">
          {FOOTER_MINIMAL_LINKS.map((link) => (
            <a
              key={link.label}
              href={link.href}
              className="text-sm text-fg-secondary transition-colors hover:text-fg"
            >
              {link.label}
            </a>
          ))}
        </div>

        <p className="text-sm text-fg-tertiary">© 2026 Cronus. All rights reserved.</p>
      </div>
    </footer>
  );
}