This project is a take-home assessment for the Frontend Engineer role. The goal was to build a pixel-perfect, responsive landing page from a Figma design, focusing on clean code and a reusable component structure.

The live version is deployed on Vercel: https://paint-frontend-xi.vercel.app

• Framework: Next.js (React)
• Styling: Tailwind CSS
• Language: TypeScript
• Deployment: Vercel

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Imran-S-heikh/paint-frontend.git

2. Navigate to the project directory:

   cd paint-frontend

3. Install the dependencies:

   yarn install

4. Run the development server:

   yarn dev

Open http://localhost:3000 with your browser to see the result.

A few decisions were made during development based on the provided assets:

• Font: The Figma design specified "Segoe UI," which is a premium font. To avoid licensing issues, this implementation uses Geist, a high-quality open-source alternative from Vercel.
• Animated Illustrations: The design contains two animated illustrations. As the animation assets (e.g., Lottie files or SVGs) were not provided, static image placeholders have been used in their place. In a production environment, I would connect with the design team to integrate the proper animated assets.
• Responsiveness: The site is fully responsive, with a primary breakpoint to handle the mobile layout as requested.