V-Scent Aura is a luxury perfume brand website that showcases a collection of unique fragrances. The website is built using Next.js and features a modern, responsive design with interactive elements.
- Homepage: Features a dynamic image carousel that cycles through product images.
- About Page: Includes a brief history of the brand and a 3D text animation using Three.js.
- Products Page: Displays a collection of perfumes with detailed descriptions and images.
- Contact Page: Provides a form for users to get in touch with the brand.
- Responsive Design: The website is fully responsive, ensuring a seamless experience on both desktop and mobile devices.
- Mobile Navigation: A hamburger menu for easy navigation on mobile devices.
- Next.js: A React framework for building server-rendered applications.
- React: A JavaScript library for building user interfaces.
- Three.js: A JavaScript 3D library used for creating the 3D text animation.
- GSAP: A JavaScript animation library for creating smooth animations.
- Tailwind CSS: A utility-first CSS framework for styling the website.
-
Clone the Repository:
git clone https://github.com/yourusername/v-scent-aura.git cd v-scent-aura -
Install Dependencies:
npm install
-
Run the Development Server:
npm run dev
-
Open the Browser: Navigate to
http://localhost:3000to view the website.
app/: Contains the main application code, including pages and components.components/: Reusable components used across the application.public/: Static assets such as images and fonts.types/: TypeScript type definitions.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to all contributors who have helped in the development of this project.
- Special thanks to the open-source community for the tools and libraries used in this project.