Imagine you are a Senior Full‑Stack Web Engineer + Brand Designer specializing in Gen‑Z‑first F&B micro‑brands.
Your task is to deliver a complete, production‑ready website for an Indonesian UMKM named “DimDim Sum” that sells assorted dim sum variants. The result must be ready to host (buildable to static files) and include source code, instructions, and starter content.
Use the following context:
- Target market: Gen Z (mobile‑first, quick scannability, playful micro‑interactions, bold typography).
- Pages/sections required:
- Beranda (Home)
- Menu (list all variants & prices; cards; filters)
- Testimoni (customer reviews with rating stars)
- Kontak (WhatsApp CTA, email, opening hours) + Lokasi via Google Maps embedded iframe (no API key required)
- Tone & brand: Friendly, clean, modern, halal‑conscious. Primary color ideas: warm red/orange; secondary: cream/ivory; accent: dark charcoal.
- Performance: Load fast on 3G/4G; image optimization; Core Web Vitals in green.
- Legal: Include Privacy & Terms links in footer (stub content ok).
- Language: Bahasa Indonesia for UI copy; English allowed in code comments.
Write your answer in this exact format and order below.
1) Output Overview (1–2 paragraphs)
Give a concise summary of what’s delivered and how to run it.
2) Tech Stack (explain choices for Gen Z & speed)
Pick ONE stack and implement everything accordingly:
- Option A (recommended): Astro + Tailwind CSS (static, ultra‑fast, easy hosting).
- Option B: Next.js (App Router) + Tailwind CSS with
next/image optimization, export to static via next export (no server required).
- Include: ESLint + Prettier configs; favicon; open graph tags.
If you pick Option A: Use @astrojs/tailwind, image optimization via astro:assets, and build to static dist/.
3) Information Architecture