Welcome to the Trio Website repository! This project is a simple website built using Next.js, Tailwind CSS, and Framer Motion. It's designed to showcase the power and versatility of these popular web development technologies.
The Trio Website is a web application that demonstrates the use of Next.js, Tailwind CSS, and Framer Motion. This project combines modern web development tools to create a sleek and interactive website with smooth animations and a responsive design.
In creating this project, the following resources were used:
-
Profile Image (Home Page): The profile image on the home page was created using the Midjourney tool.
-
Profile Image (About Page): The profile image on the about page is courtesy of Albert Dera on Unsplash.
-
Fonts: Fonts used in this project were sourced from Google Fonts.
-
Icons: Various icons used throughout the website were obtained from Iconify Design.
-
LightBulb SVG: The lightbulb SVG illustration was created by Lukasz Adam.
The following external libraries were used in this project:
-
Framer Motion: Framer Motion is a popular animation library for React applications. It was utilized to create smooth and interactive animations within the website.
-
Tailwind CSS: Tailwind CSS is a utility-first CSS framework that enables rapid development by providing a set of pre-designed classes. It played a significant role in styling and layout for this project.
To get started with this project, you can follow these steps:
-
Clone this repository to your local machine:
git clone https://github.com/your-username/trio-website.git
-
Install the project dependencies:
cd trio-website npm install -
Run the development server:
npm run dev
-
Open your web browser and navigate to
http://localhost:3000to see the website in action.
This project serves as an educational resource and an example of how to build a website using Next.js, Tailwind CSS, and Framer Motion. You are encouraged to explore the code, experiment with it, and use it as a foundation for your own web development projects.
Feel free to customize the website's content, styles, and animations to create your unique web application.
Contributions to this project are welcome! If you find issues or have suggestions for improvements, please create a GitHub issue or submit a pull request.