ProjectsFrontend & Landing Page
EZ Computer — High-Conversion Service Business Landing Page
A fast, responsive landing page for an electronics repair service built with Next.js 16, React 19, TypeScript, and Tailwind CSS v4. Features Framer Motion animations and direct WhatsApp consultation links.
My Role
- 01Developed a component-driven landing page architecture using Next.js App Router and TypeScript.
- 02Built responsive UI sections with Tailwind CSS v4 across desktop, tablet, and mobile screens.
- 03Implemented scroll animations and transitions using Framer Motion.
- 04Configured Open Graph metadata, semantic HTML, and image optimization for fast page loads.
- 05Created an interactive FAQ accordion and pre-filled WhatsApp consultation links.
Features
- 01Service Catalog: A categorized grid displaying repair services with clear descriptions and icon badges.
- 02Framer Motion Animations: Smooth scroll-reveal effects and interactive transitions.
- 03Direct WhatsApp Links: Pre-filled messaging triggers that allow customers to inquire about repair services directly.
- 04Modular Data Structure: Clean separation between content data (testimonials, FAQs, services) and presentation UI.
- 05Interactive FAQ Accordion: Collapsible FAQ component answering common service questions.
Impact
- Direct Lead Inquiries: Connects visitors directly to technicians with one-click WhatsApp message prompts.
- Fast Page Performance: Optimized loading speeds using Next.js App Router and lightweight Tailwind CSS v4 utility classes.
- Clean Codebase: Organized into modular React components for simple content edits and maintenance.
Stack
Next.jsTypeScriptTailwind CSSFramer Motion