Magnetic Navigation Next JS

This is a Next.js website project that showcases various sections such as Home, Blog, Contact, Projects, Portfolio, and FAQ. The main aim of this project is to demonstrate the concept of liquid magnetic navigation, where navigation links exhibit a magnetic effect when the mouse cursor approaches them.

Features

• Responsive design
• Magnetic navigation links
• Easy navigation between sections

Sections

• Home: Landing page with information about the website.
• Projects: Showcase of projects or work.
• Contact: Contact form or information to get in touch.
• Blog: Collection of articles or blog posts.
• Portfolio: Portfolio showcasing past work or projects.
• FAQ: Frequently asked questions and answers.

Technologies Used

• Next.js
• React
• CSS Modules
• Tailwind CSS
• More

Liquid Navigation 🧲

LiquidMagneticEffect.mov

Getting Started

1. Clone the repository
2. Install dependencies
3. Set up your environment variables
4. Run the app

Contributing

We welcome contributions from the community! To contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and test thoroughly.
4. Create a pull request with a clear description of your changes

Author

• LinkedIn
• Github

🚀 Happy coding! 🚀