export default function Footer() {
  return (
    <footer className="w-full max-w-4xl border-t border-slate-800/50 pt-8 mt-12 mb-16 px-6">
      <div className="flex flex-col md:flex-row justify-between items-center gap-6">
        
        <div className="flex items-center gap-6">
          <div className="flex items-center gap-2">
            <p className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Pipeline Status</p>
            <img 
              src="https://ci.georgew.dev/api/badges/11/status.svg" 
              alt="Build Status" 
              className="h-3 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 className="text-[10px] font-mono text-slate-500 uppercase tracking-widest">Engine: Next.js 15 (Standalone)</p>
        </div>

        <div className="flex items-center gap-3 bg-slate-900/50 border border-slate-800 rounded-full px-4 py-1.5 shadow-inner">
          <div className="w-1.5 h-1.5 rounded-full bg-blue-500 animate-pulse" />
          <span className="text-[10px] font-mono text-slate-400 uppercase tracking-widest">
            Deploy: {process.env.NEXT_PUBLIC_APP_VERSION || 'v1.0.0-dev'}
          </span>
        </div>

      </div>
    </footer>
  );
}