PT Artech Indo Protech — Corporate Website
PT Artech Indo Protech corporate website is a modern, responsive React application that presents company profile, services, portfolio, blog, legal document gallery, and a contact workflow. The site is designed for clarity and performance, with attention to accessibility, SEO basics, and bilingual support (English/Indonesian).
PreviewClient
PT Artech Indo Protech
Technology
React.js, Tailwind CSS, React Router, react-i18next, OpenStreetMap
Date
August 2025 – September 2025
Overview
The implementation uses a JSON-driven content model for easy updates, react-i18next for localization, and modular React components for maintainability. Key interactive features include a validated contact form with API integration and loading states, OpenStreetMap embedding (no API key), image lightboxes that open the clicked image fullscreen, skeleton loaders for perceived performance, and WhatsApp (wa.me) integration for direct contact.
Contributions include architecting the JSON content layer, modularizing components (About, Services, Portfolio, Blog, Contact, Footer), implementing client-side validation and success modal for contact submissions, migrating service/process data into localized JSON, and improving UX with consistent card layouts and accurate lightbox behavior. The result is a maintainable site that enables non-technical content edits, provides a smoother user experience, and supports safer environment-aware deployments.