A Fully Responsive app with Modern UI/UX in React JS with Tailwind

Tech Stack

• Next.js
• Tailwind CSS

Features

• Beautiful Sections: Includes hero, services, features, how to use, roadmap, pricing, footer, and header.

• Parallax Animations: Engaging effects triggered by mouse movement and scrolling

• Complex UI Geometry: Utilizes tailwindcss for intricate shapes like circular feature displays, grid ines, and side lines.

• Latest UI Trends: Incorporates modern design elements such as bento grids.

• Cool Gradients: Enhances visuals with stylish gradients using Tailwind CSS for cards, buttons, etc.

• Responsive: Ensures seamless functionality and aesthetics across all devices and many more, including code architecture and reusability

Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/ArnaudSene/nextjs-hero-modern-ui.git
cd nextjs-hero-modern-ui

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.