Upload files to "/"

globals.css

@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}

layout.tsx

@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({ children }: LayoutProps<"/">) {
+  return (
+    <html
+      lang="en"
+      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col">{children}</body>
+    </html>
+  );
+}

page.tsx

@@ -0,0 +1,26 @@
+import Image from 'next/image';
+
+export default function Home() {
+  return (
+    <section className="space-y-8">
+      <div className="flex flex-col md:flex-row items-center gap-8">
+        <div className="w-48 h-48 relative rounded-full overflow-hidden border-2 border-zinc-700">
+          {/* Ganti src dengan foto kamu sendiri di folder /public/images/ */}
+          <Image 
+            src="/images/Ka.1-2-3-4 Argo Bromo Anggrek.jpg" 
+            alt="Foto Profil Utama Saya" 
+            fill 
+            className="object-cover"
+          />
+        </div>
+        <div className="space-y-4 text-center md:text-left">
+          <h1 className="text-4xl font-bold tracking-tight">Halo, Selamat Datang!</h1>
+          <p className="text-xl text-zinc-400 italic">"Strength is the only thing that matters in this world. Everything else is just a delusion for the weak."</p>
+          <p className="text-zinc-300">
+            Website personal ini dibuat untuk menampilkan profil, hobi, galeri, serta informasi kontak saya.
+          </p>
+        </div>
+      </div>
+    </section>
+  );
+}