This project is built using Next.js and deployed on Vercel. It showcases a variety of components, including a top banner, navigation bar, hero section, feature banner, gut health section, featured press, best sellers, Shark Tank section, product showcase, info cards, newsletter, social gallery, and footer.
You can access the live project using the following link:
https://wildwonder-kzx1.vercel.app/
The source code for this project is available on GitHub:
https://github.com/usmanaholic/wildwonder.git
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/usmanaholic/wildwonder.git
- Navigate to the project directory:
cd wildwonder
- Install the dependencies:
npm install
- Run the development server:
npm run dev
Once the development server is running, you can view the project by navigating to http://localhost:3000 in your web browser.
- TopBanner
Displays a top banner with promotional content. - NavBar
A navigation bar with links to different sections of the site. - HeroSection
The main hero section with a prominent call-to-action. - FeatureBanner
Highlights key features of the product. - GutHealth
Showcases the benefits of gut health with images and descriptions. - FeaturedPress
Displays press mentions and accolades. - BestSellers
Highlights the best-selling products. - SharkTankSection
Features content related to the Shark Tank appearance. - ProductShowcase
Showcases various products with images and descriptions. - InfoCards
Displays informational cards with key details. - Newsletter
A section for users to subscribe to the newsletter. - SocialGallery
A gallery of social media images. - Footer
The footer with additional links and information.
- Next.js
- React
- Tailwind CSS
- Vercel
The project is deployed on Vercel. You can access the live project using the following link:
https://wildwonder-kzx1.vercel.app/
For any questions or inquiries, please contact M.Usman at [email protected].