# Project Overview

This is a Next.js project for the Plamev website and checkout process. It uses TypeScript, Tailwind CSS, and various React libraries for UI components and functionality. The project is configured to use Google Tag Manager for analytics.

# Building and Running

**Development:**

To run the development server, use the following command:

```bash
npm run dev
```

This will start the development server on [http://localhost:3000](http://localhost:3000).

**Building:**

To build the project for production, use the following command:

```bash
npm run build
```

**Starting:**

To start the production server, use the following command:

```bash
npm run start
```

**Linting:**

To run the linter, use the following command:

```bash
npm run lint
```

# Development Conventions

*   **Styling:** The project uses Tailwind CSS for styling. Utility classes are preferred over custom CSS.
*   **Components:** Reusable components are located in the `src/components` directory.
*   **Types:** TypeScript is used for type safety. Interfaces are defined in the `src/utils/Interfaces` directory.
*   **API:** The project interacts with a backend API. The API service is defined in `src/services/api.ts`.
*   **State Management:** The project uses React hooks for state management. The `src/hooks` directory contains custom hooks.
*   **Routing:** The project uses the Next.js App Router. The routes are defined in the `src/app` directory.