MTKN Thailand Corporate Website
A complete corporate website for MTKN Thailand, spanning international trade, logistics, distribution, and educational partnerships.
Role
Full-Stack Freelance Developer
Outcome
Complete corporate website with responsive design, dark/light mode, auto-playing carousel, and dynamic partner routing
Team
Solo Developer
Overview
Building the product from concept to execution
MTKN Thailand is a modern corporate web application built with Next.js 16 (App Router), serving as the company's primary digital presence across all business verticals. The site features 7 pages including a home page with an auto-playing hero carousel, about page with mission/vision/values, comprehensive business areas, partner directory with dynamic routing for 7 partner detail pages, contact form with validation, and a resources page. Technical highlights include Tailwind CSS 4 with CSS custom properties, shadcn/ui (base-nova style) for accessible components, embla-carousel-react for the smooth auto-playing carousel, next-themes for dark/light mode with system preference detection, and static generation via generateStaticParams for dynamic partner routes. The responsive design adapts fluidly across mobile, tablet, and desktop with a mobile hamburger navigation. Deployed on Vercel with Vercel Analytics.
Highlights
Key achievements
- Complete corporate website with responsive design, dark/light mode, auto-playing carousel, and dynamic partner routing
- Designed and implemented a full-stack experience with strong attention to usability, structure, and maintainability.
- Built with a focus on responsive behavior, performance, and production-ready execution.
