import Link from "next/link";
import { navLinks } from "../../_data/nav-links";

export default function ContactPage() {
  return (
    <>
      <header className="site-header">
        <h1 className="page-title">Contact</h1>
        <p className="tagline">Mari terhubung.</p>
        <nav className="site-nav">
          <ul>
            {navLinks.map((link) => (
              <li key={link.href}>
                <Link href={link.href} className={link.href === "/contact" ? "active" : undefined}>
                  {link.label}
                </Link>
              </li>
            ))}
          </ul>
        </nav>
      </header>

      <main className="page-wrapper">
        <section className="card">
          <h2>Kontak &amp; Media Sosial</h2>
          <ul>
            <li>
              Email: <a href="mailto:yovanbudianto@gmail.com">yovanbudianto@gmail.com</a>
            </li>
            <li>
              Telepon: <a href="tel:+62800000000000">+62 8xx-xxxx-xxxx</a>
            </li>
            <li>
              Instagram:{" "}
              <a href="https://www.instagram.com/yovans._?mdxt=djZucGVubnA0b3k2" target="_blank" rel="noopener noreferrer">
                @yovans._
              </a>
            </li>
          </ul>
        </section>

        <section className="card">
          <h2>Kampus</h2>
          <p>
            Program Studi Informatika, Fakultas Teknik,{" "}
            <a href="https://www.ukwms.ac.id/" target="_blank" rel="noopener noreferrer">
              Universitas Katolik Widya Mandala Surabaya
            </a>
            , Jl. Kalijudan 37, Surabaya.
          </p>
        </section>
      </main>

      <footer className="site-footer">
        <p>&copy; 2026 Yovan Budianto Tanujaya - Pemrograman Web, Informatika UKWMS</p>
      </footer>
    </>
  );
}