MShop is a single-page landing site designed to showcase products with a clean, modern design. Built using Next.js and Tailwind CSS, this site provides an immersive product display with easy redirection options for purchases.
Features:
- Eye-Catching Interface: Stylish display with a captivating header and main call-to-action.
- Showcase Video: Integrated video background to grab visitors' attention, with mute/unmute options.
- Buy & Discord Links: Direct access to purchase options and a Discord link for customer support.
- Why Choose Us Section: Highlights of key benefits including fast delivery, secure payments, and 24/7 support.
- Product Plans Display: Highlights of various product plans with detailed feature lists.
Getting Started:
Clone the repository:
git clone https://github.com/MaskeZenY/Product-Landing-Page
cd MShopInstall dependencies:
npm installStart the development server:
npm run devUsage:
Once the development server is running, open your browser and navigate to http://localhost:3000. You will see the MShop homepage, allowing you to browse different sections and purchase available products.
Technologies Used:
- Next.js: React framework for server-side rendering and static site generation.
- Tailwind CSS: Utility-first CSS framework for modern, responsive design.
- React Icons: Icon library for adding attractive visual elements.
Contributing:
Contributions are welcome! If you wish to improve this project, feel free to submit a pull request. Please ensure that you follow coding best practices and document any changes made.