🧠 Prompt Website Pribadi Lengkap dan Responsif

Berikut prompt optimal untuk menghasilkan website pribadi responsif, lengkap, dan profesional, bisa digunakan di ChatGPT, GitHub Copilot, atau AI code generator lain:

---

🧠 Prompt Website Pribadi Lengkap dan Responsif

Buatkan website pribadi lengkap, responsif, dan modern menggunakan React + Tailwind CSS.
Strukturkan agar mudah dikembangkan dan memiliki tampilan profesional.
Website ini menampilkan profil pribadi, pengalaman kerja, portofolio, blog, dan kontak.
Desain bersih, mobile-first, dan cepat dimuat.

Spesifikasi Detail

1. Framework & Tools

   • Gunakan React (Vite atau Next.js)

   • Gunakan Tailwind CSS

   • Gunakan ikon dari lucide-react

   • Navigasi sticky dan smooth scroll

   • SEO-ready (meta tag, title dinamis)

2. Struktur Halaman

   • Home: foto profil, headline, CTA ke kontak/portofolio

   • About: bio singkat, skill bar atau badge (HTML, CSS, JS, React, dsb)

   • Experience: daftar pekerjaan, proyek penting, atau sertifikat

   • Portfolio: galeri proyek dengan modal detail tiap proyek

   • Blog: daftar posting sederhana (judul, tanggal, ringkasan)

   • Contact: form email + tautan sosial (LinkedIn, GitHub, Instagram)

3. Fitur Teknis

   • Responsif di mobile, tablet, desktop

   • Dark mode toggle

   • Animasi halus pakai Framer Motion

   • Validasi form sederhana di Contact

   • Komponen reusable (Card, Button, Section, Header, Footer)

   • Simpan data proyek dan blog di file JSON untuk mudah update

4. Tampilan

   • Warna utama biru tua atau emerald

   • Font modern (mis. Inter atau Poppins)

   • Spasi lega dan grid rapi

   • Gunakan ikon minimalis

5. Tambahkan

   • Tombol download CV (PDF)

   • Loading spinner saat page pertama kali dibuka

   • Notifikasi kecil (“Message sent!”) setelah submit contact form

---

✳️ Contoh Awal Prompt Singkat (jika ingin langsung ke kode)

“Buat website pribadi responsif menggunakan React dan Tailwind.
Sertakan halaman Home, About, Experience, Portfolio, Blog, dan Contact.
Tambahkan dark mode, animasi smooth scroll, dan form kontak fungsional.
Desain minimalis dan profesional.”