import Link from "next/link";
import Image from "next/image";

export function HelpFooter() {
  return (
    <footer className="bg-[#2D3436] text-[#9A9E97]">
      <div className="max-w-7xl mx-auto px-6 py-12">
        <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
          <Link href="/" className="flex items-center gap-2.5">
            <Image
              src="/logo.png"
              alt="honeyDue"
              width={24}
              height={24}
              className="rounded-md"
            />
            <span className="font-heading text-base font-bold text-white">
              honeyDue
            </span>
          </Link>
          <div className="flex items-center gap-6 text-sm">
            <Link href="/" className="hover:text-white transition-colors">
              Home
            </Link>
            <Link href="/demo" className="hover:text-white transition-colors">
              Demo
            </Link>
            <Link href="/register" className="hover:text-white transition-colors">
              Get Started
            </Link>
          </div>
        </div>
        <div className="mt-8 pt-6 border-t border-white/5 text-center text-xs">
          &copy; {new Date().getFullYear()} honeyDue. All rights reserved.
        </div>
      </div>
    </footer>
  );
}
