I've created a responsive clone of the TOPG merchandise website with the following features:
- Dark theme with white text matching the original design
- Animated marquee banner at the top with rotating text
- Responsive navigation with mobile menu
- Shopping cart icon with counter
Full-screen hero carousel with:
- Large "EXCLUSIVE" text
- Marketing copy
- "SHOP NOW" button
- Navigation arrows and dots
- Trust badge
- Background image with overlay
The site uses Next.js 13 with App Router and is styled using Tailwind CSS. The components are fully responsive and include animations for the marquee text and carousel transitions.
To complete the implementation, you would need to:
- Add more carousel slides
- Implement the mobile menu functionality
- Create product listing pages
- Add a shopping cart system
- Set up the blog section
Would you like me to implement any of these additional features?