Metaverse Landing Page

This is the landing page for a Metaverse website created using Next.js 13, Framer Motion and Tailwind CSS. The website has a responsive design using Tailwind CSS, which ensures that it looks great on all devices. The animated header and content using Framer Motion create an engaging user experience.

Getting Started

To get started with the project, follow these steps:

1. Clone the repository to your local machine.
2. Install the dependencies using npm install.
3. Start the development server using npm run dev.
4. Open your browser and navigate to http://localhost:3000 to see the landing page.

Features

The landing page includes the following features:

• Responsive design using Tailwind CSS.
• Animated header and content using Framer Motion.
• Links to social media pages.
• A sign-up form to join the Metaverse community.

Technologies Used

1. NextJs
2. Framer-moition

Learnings

• I learn how to use framer-motion
• How to structure a Nextjs project
• Nextjs

Note: I made this site with the help of this tutorial.