I'll build the HobNow pilot microsite — a landing page with product info, cultural storytelling, and a simple order form for pilot distribution. Let me start with design inspiration and codebase exploration.
Now let me set up the task plan and generate the hero image for the product:
Now let me set up the warm, earthy theme and update the layout:
Now update the tailwind config with the font families:
Now let me move to building the landing page components and order form:
Now let me create the order form component and the main page:
Now let me assemble the main page:
Your HobNow pilot microsite is complete. It features a warm, earthy Cambodian-inspired color palette (golden amber primary, forest green accent, warm cream backgrounds) with DM Serif Display for headings and DM Sans for body text. The site includes a sticky navbar, a hero section with the "Real Khmer in 10 Minutes" messaging, a 3-step how-it-works section, a what's inside product breakdown, a heritage story section with key stats, and a pilot order form with quantity picker, protein preference, and shipping region selection. The order form currently simulates submission client-side — when you're ready to connect a real backend or payment flow (like Stripe), let me know and I can wire that up.
You can send messages while the preview loads