const AboutPage = ({ setPage, lang }) => { const t = (en, id) => lang === "id" ? id : en; return (
{/* Hero */}

{t("Our Story", "Cerita Kami")}

{t("Crafted for the\nModern Woman", "Dibuat untuk\nWanita Modern")}

{t("We believe every woman deserves a bag that tells her story.", "Kami percaya setiap wanita berhak atas tas yang menceritakan kisahnya.")}

{/* Story */}

{t("Founded 2022", "Berdiri 2022")}

{t("Born from a love of craft", "Lahir dari kecintaan pada kerajinan")}

{t( "LOPOBYA was born from a simple idea: that a well-made bag can be both a practical companion and a piece of art. We source only the finest materials and work with skilled artisans to bring each design to life.", "LOPOBYA lahir dari ide sederhana: tas yang dibuat dengan baik bisa sekaligus menjadi teman sehari-hari dan sebuah karya seni. Kami hanya menggunakan bahan terbaik dan bekerja sama dengan pengrajin terampil untuk menghidupkan setiap desain." )}

LOPOBYA craft
{/* Values */}

{t("Our Values", "Nilai Kami")}

{[ { title: t("Quality First", "Kualitas Utama"), body: t("Every stitch, every seam — made to last. We never compromise on materials or craft.", "Setiap jahitan, setiap sambungan — dibuat untuk bertahan. Kami tidak pernah berkompromi soal bahan atau kerajinan.") }, { title: t("Made Locally", "Buatan Lokal"), body: t("Proudly designed and crafted in Indonesia, supporting local artisans and communities.", "Dengan bangga dirancang dan dibuat di Indonesia, mendukung pengrajin dan komunitas lokal.") }, { title: t("Timeless Design", "Desain Abadi"), body: t("We create pieces that transcend trends — elegant, functional, and built to be loved for years.", "Kami menciptakan produk yang melampaui tren — elegan, fungsional, dan dicintai bertahun-tahun.") } ].map((v, i) => (

{v.title}

{v.body}

))}
{/* CTA */}

{t("Ready to find your bag?", "Siap menemukan tas kamu?")}

); }; const ContactPage = ({ lang }) => { const t = (en, id) => lang === "id" ? id : en; const [form, setForm] = React.useState({ name: "", email: "", message: "" }); const [sent, setSent] = React.useState(false); const set = (k, v) => setForm(f => ({ ...f, [k]: v })); const inputStyle = { width: "100%", padding: "12px 14px", background: "#fff", border: "1px solid #e8e6e2", fontFamily: "'DM Sans', sans-serif", fontSize: 13, color: "#111", outline: "none", boxSizing: "border-box" }; const labelStyle = { fontFamily: "'DM Sans', sans-serif", fontSize: 10, letterSpacing: "0.14em", textTransform: "uppercase", color: "#888", display: "block", marginBottom: 8, fontWeight: 600 }; return (

LOPOBYA

{t("Get in Touch", "Hubungi Kami")}

{/* Info */}

{t("Contact Info", "Info Kontak")}

{[ { label: "WhatsApp", value: "(+62) 895 1264 5973", href: "https://wa.me/6289512645973" }, { label: "Instagram", value: "@lopobya", href: "https://instagram.com/lopobya" }, { label: "Email", value: "hello@lopobya.com", href: "mailto:hello@lopobya.com" }, ].map((c, i) => ( ))}

{t("Location", "Lokasi")}

Bekasi, Jawa Barat
Indonesia

{/* Form */}
{sent ? (

{t("Message Sent!", "Pesan Terkirim!")}

{t("We'll get back to you soon.", "Kami akan segera menghubungi kamu.")}

) : (
set("name", e.target.value)} placeholder={t("Your name", "Nama kamu")} />
set("email", e.target.value)} placeholder="email@example.com" />