import { Link } from "@tanstack/react-router";
import { Phone, MapPin, Mail } from "lucide-react";

export function SiteFooter() {
  return (
    <footer className="mt-24 bg-secondary/60 border-t border-border/60">
      <div className="mx-auto max-w-6xl px-5 py-14 grid md:grid-cols-3 gap-10">
        <div>
          <p className="font-display text-2xl font-semibold text-primary mb-2">Little Stars</p>
          <p className="text-sm text-muted-foreground max-w-xs">
            A warm, bilingual nursery school in Ruimsig where every child is loved, safe, and free to grow.
          </p>
        </div>
        <div className="text-sm space-y-3">
          <p className="font-semibold text-foreground mb-2">Visit Us</p>
          <p className="flex items-start gap-2 text-muted-foreground">
            <MapPin className="size-4 mt-0.5 text-coral shrink-0" />
            447 Ann Road, Ruimsig, Roodepoort
          </p>
          <p className="flex items-center gap-2 text-muted-foreground">
            <Phone className="size-4 text-coral shrink-0" />
            <a href="tel:0824286783" className="hover:text-primary">082 428 6783 (Lindy)</a>
          </p>
          <p className="flex items-center gap-2 text-muted-foreground">
            <Mail className="size-4 text-coral shrink-0" />
            <a href="mailto:lscrous@gmail.com" className="hover:text-primary">lscrous@gmail.com</a>
          </p>
        </div>
        <div className="text-sm">
          <p className="font-semibold text-foreground mb-3">Explore</p>
          <ul className="space-y-2 text-muted-foreground">
            <li><Link to="/about" className="hover:text-primary">About our school</Link></li>
            <li><Link to="/gallery" className="hover:text-primary">Gallery</Link></li>
            <li><Link to="/contact" className="hover:text-primary">Contact & enrollment</Link></li>
          </ul>
        </div>
      </div>
      <div className="border-t border-border/60 py-5 text-center text-xs text-muted-foreground">
        © {new Date().getFullYear()} Little Stars Nursery School · Made with love in Ruimsig
      </div>
    </footer>
  );
}
