import Link from "next/link";
import { Crown, Twitter, Linkedin, Youtube, Mail } from "lucide-react";
import { FaMailchimp, FaWhatsapp } from "react-icons/fa";
import { LiaChessKnightSolid } from "react-icons/lia";

export function Footer() {
  const year = new Date().getFullYear();

  return (
    <footer className="bg-primary text-primary-foreground">
      <div className="container py-12">
        <div className="flex flex-col items-center justify-between gap-8 md:flex-row">
          <div className="flex flex-col items-center md:items-start">
            <Link href="/" className="flex items-center gap-2 font-bold">
              <Crown className="h-7 w-7 text-accent" />
              <span className="font-headline text-2xl">Vuk Nikolić - Chess Coach</span>
            </Link>
            <p className="mt-2 text-sm text-primary-foreground/80">
              Elevating your game, one move at a time.
            </p>
          </div>
          <div className="flex items-center space-x-4">
            <a href="tel:+381603112100" className="text-primary-foreground/80 transition-colors hover:text-accent">
              <FaWhatsapp className="h-6 w-6" />
              <span className="sr-only">WhatsApp</span>
            </a>
            <a href="mailto:vukn07237@gmail.com" className="text-primary-foreground/80 transition-colors hover:text-accent">
              <Mail className="h-6 w-6" />
              <span className="sr-only">Mail</span>
            </a>
            <a href="https://www.chess.com/member/pieceveritas" target="_blank" rel="noopener noreferrer" className="text-primary-foreground/80 transition-colors hover:text-accent">
              <LiaChessKnightSolid className="h-6 w-6" />
              <span className="sr-only">Chess.com</span>
            </a>
          </div>
        </div>
        <div className="mt-8 border-t border-primary-foreground/20 pt-8 text-center text-sm text-primary-foreground/60">
          <p>&copy; {year} Vuk Nikolić - Certified Chess Trainer. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
}