"use client";
import Image from "next/image";

export default function Footer() {
  return (
    <footer className="mt-12 pt-8 border-t border-neutral-900 flex flex-col md:flex-row justify-between items-center gap-4 text-[10px] text-neutral-600 font-mono tracking-wider uppercase">
      <div className="flex items-center gap-6">
        <div className="flex items-center gap-2">
          <p>Pipeline Status</p>
          <Image
            src="https://ci.georgew.dev/api/badges/11/status.svg"
            alt="CI Build Status"
            width={64}
            height={20}
            unoptimized
            className="h-3 w-auto grayscale opacity-50 hover:opacity-100 hover:grayscale-0 transition-all"
          />
        </div>
        <div className="hidden md:block w-[1px] h-3 bg-neutral-800" />
        <p>Engine: Next.js 15 (Standalone)</p>
      </div>

      <div className="flex items-center gap-4 bg-neutral-900/50 px-3 py-1 rounded-full border border-neutral-800/50">
        <div className="w-1 h-1 rounded-full bg-blue-500" />
        <p className="text-neutral-400">
          Deploy: {process.env.NEXT_PUBLIC_APP_VERSION || "v1.0.0-dev"}
        </p>
      </div>
    </footer>
  );
}
