'use client';

import Link from 'next/link';

export default function AlphaFooter() {
  return (
    <footer className="mt-auto border-t border-charcoal-outline bg-deep-graphite">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div className="flex flex-col md:flex-row items-center justify-between gap-4">
          <div className="flex items-center gap-2 text-sm text-gray-400">
            <span className="px-2 py-1 bg-warning-amber/10 text-warning-amber rounded border border-warning-amber/20 font-medium">
              Alpha
            </span>
          </div>
          
          <div className="flex items-center gap-6 text-sm">
            <a 
              href="https://discord.gg/gridpilot" 
              target="_blank" 
              rel="noopener noreferrer"
              className="text-gray-400 hover:text-primary-blue transition-colors"
            >
              Give Feedback
            </a>
            <a 
              href="/docs/roadmap" 
              className="text-gray-400 hover:text-primary-blue transition-colors"
            >
              Roadmap
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
}