terminal
Loading...
Web Development
Legel & Co Law Firm Landing Page
A professional single-page website for Legel & Co, an Indonesian corporate law firm — built with React 19, TypeScript, and Tailwind CSS v4, featuring a dark navy brand identity, smooth animations, and WhatsApp-integrated contact.
YearFebruary 2026 - March 2026
RoleSolo Developer
PlatformWeb (React.Js)
Status
Published
Project Overview
Legel & Co is a Jakarta-based law firm specializing in corporate law and litigation. This project involved designing and developing a fully responsive single-page marketing website that reflects the firm's professional identity and brand image.
The design follows an alternating dark navy blue and white section layout, creating visual rhythm and hierarchy across the page. The hero section features the firm's white logo over a cinematic dark blue overlay, accompanied by the firm's vision statement. Navigation uses a dynamic frosted-glass pill effect on scroll, while remaining clean and opaque at the top of the page.
The site is built as a Vite + React 19 SPA with a Vercel-ready serverless backend (api/contact.ts) using the Resend API for email delivery. The contact section displays an embedded Google Maps view of the office location, with a WhatsApp-linked CTA button for instant client communication. All animations are powered by Framer Motion with accessibility support for prefers-reduced-motion.