Konsultasi Koding — Landing Page for Coding Mentorship

Designed and built the landing page for Konsultasi Koding, my 1-on-1 coding mentorship service for informatics students in their first three semesters. The page covers topics, testimonials, pricing, and FAQ, then sends visitors straight to WhatsApp to book a session. Static Astro site with SEO metadata and a sitemap, deployed on Cloudflare Workers.

Konsultasi Koding is my own mentorship service: private 1-on-1 sessions for Informatics and Information Systems students in their first three semesters. I designed and built its landing page in August and September 2026, and the page is live at konsultasikoding.biz.id.

The problem

The audience is a first-year student stuck on red error messages in the terminal and close to giving up. The page speaks to them in casual Jakarta Indonesian, explains what a session covers, and offers a WhatsApp chat from every section.

What I built

• Ten content sections between the nav and the footer: hero, credibility strip, problem, solution, six topics, what a session includes, testimonials, pricing, six FAQs, and a mentor bio.
• One waLink() helper behind every call to action, each with its own prefilled WhatsApp message, so a visitor goes from any button straight into a chat.
• A clay-style design system in Tailwind CSS v4 with Fredoka and Plus Jakarta Sans, and local SVG icons through astro-icon.
• SEO through astro-seo (title, description, canonical, Open Graph, Twitter tags), a sitemap, and robots.txt.
• Deployment as static assets on Cloudflare Workers.

A decision worth explaining

@playform/compress runs last in the Astro integration list. Placed there, it also minifies the sitemap XML that the sitemap integration writes, not only the HTML pages.

Result

The page is live and takes bookings over WhatsApp, and I’ve run sessions with 10+ mentees so far. Its testimonial comes from a real student, quoted with permission.