import type { Metadata } from "next";
export const metadata: Metadata = { title: "Links — Ravneet Brar" };
const links = [
  { label: "Website", href: "https://ravneetbrar.in", sub: "ravneetbrar.in" },
  { label: "Zyphron Cloud", href: "https://zyphron.cloud", sub: "zyphron.cloud" },
  { label: "GitHub", href: "#", sub: "Coming soon" },
  { label: "Instagram", href: "#", sub: "Coming soon" },
  { label: "Discord", href: "#", sub: "Coming soon" },
  { label: "LinkedIn", href: "#", sub: "Coming soon" },
  { label: "Email", href: "mailto:hello@ravneetbrar.in", sub: "hello@ravneetbrar.in" },
];
export default function LinksPage(){
  return (
    <div className="pt-24 bg-[#07080c] min-h-[70vh] flex flex-col items-center">
      <div className="w-full max-w-[520px] px-6 py-12 text-center">
        <div className="w-20 h-20 mx-auto rounded-full bg-white text-black grid place-items-center font-bold text-xl">RB</div>
        <h1 className="mt-4 text-[22px] font-bold text-white">Ravneet Brar</h1>
        <p className="text-white/40 text-sm">Founder • Developer • Entrepreneur</p>
        <div className="mt-8 space-y-3">
          {links.map(l=> <a key={l.label} href={l.href} target={l.href.startsWith("http") ? "_blank" : undefined} rel={l.href.startsWith("http") ? "noopener noreferrer" : undefined} className="block w-full rounded-full bg-white text-black font-semibold py-3.5 hover:bg-white/90 transition">{l.label} <span className="text-black/40 font-normal text-xs ml-1">{l.sub}</span></a>)}
        </div>
        <p className="text-white/20 text-xs mt-6">© 2026 Ravneet Brar</p>
      </div>
    </div>
  );
}