import { AlertCircle, Facebook, Instagram, Send, Youtube } from "lucide-react";
import { Link } from "@tanstack/react-router";
import logo from "@/assets/fighter-bulls-logo.png";
import { WhatsAppIcon } from "./WhatsAppIcon";

export function Footer() {
  return (
    <footer className="border-t border-border bg-surface">
      <div className="mx-auto max-w-7xl px-4 py-14 md:px-8">
        <div className="grid gap-10 md:grid-cols-4">
          <div className="md:col-span-2">
            <Link to="/" className="flex items-center gap-3 group">
              <img src={logo} alt="Fighter Bull's" className="h-16 w-auto md:h-20 object-contain" />
              <div>
                <div className="font-bold md:text-lg">FIGHTER BULL'S</div>
                <div className="text-xs uppercase tracking-widest text-muted-foreground">Trading Academy</div>
              </div>
            </Link>
            <p className="mt-4 max-w-md text-sm text-muted-foreground leading-relaxed">
              Trade smarter, not harder — from basics to breakouts. Live mentorship & pro strategy classes for traders at every level.
            </p>
          </div>
          <div>
            <div className="text-sm font-bold">Connect</div>
            <ul className="mt-4 space-y-3 text-sm text-muted-foreground">
              <li><a href="https://wa.me/917029490341" target="_blank" rel="noreferrer" className="inline-flex items-center gap-2 hover:text-primary transition-colors"><WhatsAppIcon className="h-4 w-4 text-[#25D366]" /> WhatsApp Chat</a></li>
              <li><a href="https://chat.whatsapp.com/LgHUxIFP8rPEgoQ2aJmVzR?mlu=4&s=cl&p=a" target="_blank" rel="noreferrer" className="inline-flex items-center gap-2 hover:text-primary transition-colors"><WhatsAppIcon className="h-4 w-4 text-[#25D366]" /> Free WhatsApp Group</a></li>
              <li><a href="https://www.facebook.com/share/g/18JkrNcr4Z/" target="_blank" rel="noreferrer" className="inline-flex items-center gap-2 hover:text-primary transition-colors hover-bounce"><Facebook className="h-4 w-4" /> Facebook Group</a></li>
              <li><a href="#" className="inline-flex items-center gap-2 hover:text-primary transition-colors"><Send className="h-4 w-4" /> Telegram</a></li>
              <li><a href="#" className="inline-flex items-center gap-2 hover:text-primary transition-colors"><Instagram className="h-4 w-4" /> Instagram</a></li>
              <li><a href="#" className="inline-flex items-center gap-2 hover:text-primary transition-colors"><Youtube className="h-4 w-4" /> YouTube</a></li>
            </ul>
          </div>
          <div>
            <div className="text-sm font-bold">Quick Links</div>
            <ul className="mt-4 space-y-3 text-sm text-muted-foreground">
              <li><a href="#about" className="hover:text-primary transition-colors">About</a></li>
              <li><a href="#courses" className="hover:text-primary transition-colors">Courses</a></li>
              <li><a href="#features" className="hover:text-primary transition-colors">Features</a></li>
              <li><a href="#testimonials" className="hover:text-primary transition-colors">Reviews</a></li>
              <li><Link to="/faq" className="hover:text-primary transition-colors">FAQ</Link></li>
              <li><Link to="/terms" className="hover:text-primary transition-colors">Terms & Conditions</Link></li>
              <li><Link to="/refund-policy" className="hover:text-primary transition-colors">Refund Policy</Link></li>
            </ul>
          </div>
        </div>
        <div className="mt-12 rounded-2xl border border-border bg-background p-4 text-xs text-muted-foreground flex gap-3">
          <AlertCircle className="h-4 w-4 shrink-0 text-[color:var(--gold)] mt-0.5" />
          <p>
            <span className="font-semibold text-foreground">Disclaimer:</span> Stock market investments are subject to market risks. This platform provides educational content only and does not guarantee profits.
          </p>
        </div>
        <div className="mt-6 text-center text-xs text-muted-foreground">
          © {new Date().getFullYear()} Fighter Bull's Trading Academy. All rights reserved.
        </div>
      </div>
    </footer>
  );
}
