import Nav from "./components/Nav";

export default function Home() {
  return (
    <div style={{ fontFamily: "Arial, Helvetica, sans-serif", lineHeight: 1.7, color: "#1f2937", background: "#ffffff" }}>
      {/* Halaman pakai INLINE CSS saja: setiap elemen diestyle lewat style="" di tag itu sendiri. */}
      <header style={{ padding: "34px 24px 10px 24px", borderBottom: "1px solid #e5e7eb" }}>
        <Nav />
        <h1 style={{ fontSize: "28px", fontWeight: 700, margin: "0 0 10px 0" }}>Yo halo bung</h1>
        <p style={{ fontSize: "18px", margin: 0 }}>Perkenalkan nama saya guwe aku watashi Hulio</p>
      </header>

      <footer style={{ padding: "24px", borderTop: "1px solid #e5e7eb", fontSize: "13px", color: "#9ca3af", textAlign: "center" }}>
        &copy; 2026 Hulio
      </footer>
    </div>
  );
}