import Link from "next/link";
import { Instagram } from "lucide-react";
export function Footer() {
  return <footer className="bg-ink px-5 pb-28 pt-16 text-white sm:px-8 lg:pb-10 lg:px-12">
    <div className="shell grid gap-12 md:grid-cols-[1.4fr_1fr_1fr]">
      <div><div className="font-serif text-3xl">Nails <span className="italic text-blush">by</span> Ella</div><p className="mt-4 max-w-sm text-sm leading-6 text-white/60">Thoughtful nail care and custom designs in a calm, one-on-one studio experience.</p></div>
      <div><div className="eyebrow !text-blush">Visit</div><p className="mt-4 text-sm leading-7 text-white/65">Private studio<br/>Location shared after confirmation<br/>By appointment only</p></div>
      <div><div className="eyebrow !text-blush">Connect</div><div className="mt-4 flex flex-col items-start gap-3 text-sm text-white/65"><a href="mailto:hello@nailsbyella.com">hello@nailsbyella.com</a><a className="flex items-center gap-2" href="https://www.instagram.com/nailsbyellag/" target="_blank" rel="noreferrer"><Instagram size={16}/> @nailsbyellag</a><Link href="/admin/login" className="mt-2 text-white/35">Owner login</Link></div></div>
    </div><div className="shell mt-14 border-t border-white/10 pt-6 text-xs text-white/40">© {new Date().getFullYear()} Nails by Ella. All rights reserved.</div>
  </footer>;
}