POMPKINS Web

Marketing website for POMPKINS — a restaurant management SaaS covering POS, in-store ordering, delivery, and CRM — built across 20+ pages with bilingual support and a multi-layout Next.js architecture.

Sole Frontend DeveloperProfessional WorkIn Production
nextjsreacttypescripttailwindfirebaseframer-motionzustandnext-intlgoogle-maps
ดูภาพหน้าจอทั้งหมด (6)
20+
Pages
2
Locales
5
Product Showcases
3
Layouts

My Role

Sole frontend developer — designed and built the entire marketing site from scratch. The site is the primary acquisition surface for POMPKINS's restaurant management suite, covering five product areas across 20+ pages with bilingual (EN/TH) support.

What I Built

  • Landing page with Framer Motion hero animations and AOS scroll-triggered section reveals
  • Product showcase pages for POS, in-store ordering, delivery, and CRM system
  • Rubtung section — a dedicated sub-section within the POMPKINS product line
  • Pricing and package selection pages with interactive plan comparison
  • Contact page with Google Maps integration for merchant location display
  • Legal and policy pages (cookies, terms, privacy)

Technical Highlights

  • Multi-layout routing — three independent layout trees (marketing, Rubtung section, no-layout) sharing one Next.js codebase via route groups
  • Animation system — Framer Motion for component-level transitions paired with AOS for scroll-triggered reveals, with no overlap in responsibility
  • Embla Carousel — product screenshot carousels with wheel gesture support and autoplay
  • next-intl — bilingual static content (EN/TH) with locale-aware routing throughout

Screenshots

Landing page

Landing Page

Pricing and packages

Pricing

CRM system showcase

CRM System

In-store ordering showcase

In-Store Orders

Contact page with Google Maps

Contact

Rubtung section

Rubtung