Arolax Digital Agency - Next.js Website

A modern, responsive digital agency website built with Next.js, featuring a beautiful UI with bold typography and an elegant blue color scheme.

✨ Features

• 🎨 Modern, clean design with bold typography
• 🌊 Custom light blue (#80bdff) and dark blue (#000c19) color scheme
• 📱 Fully responsive layout for all device sizes
• ⚡ Fast performance with Next.js
• 🧩 Component-based architecture for easy maintenance
• 🎭 Smooth animations and transitions

🚀 Getting Started

Prerequisites

• Node.js 14.6.0 or newer
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/yourusername/arolax-digital-agency.git
cd arolax-digital-agency

2. Install dependencies:

npm install
# or
yarn

3. Start the development server:

npm run dev
# or
yarn dev

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

📁 Project Structure

arolax-digital-agency/
├── public/             # Static files
│   ├── logo.png        # Agency logo
│   ├── person1.jpg     # Team member image
│   ├── person2.jpg     # Team member image
│   └── person3.jpg     # Team members collaborating image
├── pages/              # Next.js pages
│   ├── _app.js         # Custom App component
│   └── index.js        # Homepage
├── styles/             # CSS styles
│   ├── globals.css     # Global styles
│   └── Home.module.css # Component-specific styles
├── components/         # React components (can be extended)
└── package.json        # Project dependencies and scripts

🎨 Customization

Colors

The main colors used throughout the site are:

• Primary blue: #80bdff
• Dark blue: #000c19
• White: #ffffff

These can be easily changed in the styles/Home.module.css file.

Images

Replace the images in the public directory with your own:

• logo.png: Your agency logo
• person1.jpg, person2.jpg, person3.jpg: Team member photos

Content

Update the text content in pages/index.js to match your agency's services and mission.

📱 Responsive Design

The website is fully responsive and works well on:

• Desktop: 1200px and above
• Laptop: 992px - 1199px
• Tablet: 768px - 991px
• Mobile: Below 768px

🛠️ Built With

• Next.js - React framework
• React - JavaScript library for building user interfaces
• CSS Modules - For component-level styling

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙌 Acknowledgements

• Design inspiration: Arolax Digital Agency
• Next.js Documentation
• React Documentation

---