Layers - Modern Design Tool Landing Page

A sleek, modern landing page for a fictional design tool called Layers, built with Next.js, TypeScript, and Tailwind CSS.

🚀 Features

• Responsive design that works across all devices
• Smooth animations using Framer Motion
• Interactive UI elements
• Modern, clean design with a dark theme
• TypeScript for type safety
• Tailwind CSS for styling

🛠️ Tech Stack

• Next.js - React framework
• TypeScript - Type safety
• Tailwind CSS - Styling
• Framer Motion - Animations
• class-variance-authority - Component variants

🏃‍♂️ Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/layers-landing-page.git

2. Install dependencies:

```bash
cd layers-landing-page
npm install
```

3. Run the development server:

```bash
npm run dev
```

4. Open [http://localhost:3000](http://localhost:3000) in your browser.

## 📁 Project Structure

```
src/
├── app/                 # Next.js app directory
├── assets/             # Static assets (images, SVGs)
├── components/         # Reusable UI components
└──  sections/           # Page sections

```

## 🎨 Customization

The project uses Tailwind CSS for styling. You can customize the theme by modifying the `tailwind.config.js` file.

## 📱 Responsive Design

The landing page is fully responsive and optimized for:

- Mobile devices
- Tablets
- Desktop screens

## 🤝 Contributing

Wanna improve any part of this project? Contributions are welcome! Please feel free to submit a Pull Request.