Premium streaming device showcase and digital storefront featuring the "Neon Pigeon" aesthetic. Built with Next.js 14+, TypeScript, and Tailwind CSS.
- Modern Design: Dark theme with neon accents and professional layout
- Product Showcase: Three-tier streaming device lineup (Basic, Premium, Elite)
- Payment Integration: Bitcoin payment modal with QR code support
- Podcast Integration: Direct links to MAZLABZ Spotify podcast
- Responsive: Fully optimized for desktop and mobile
- Production Ready: Optimized for Vercel deployment
- Framework: Next.js 14+ with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- Deployment: Vercel (Recommended)
First, install dependencies:
npm install
Run the development server:
npm run dev
Open http://localhost:3000 to view the application.
Build for production:
npm run build
src/
├── app/
│ ├── layout.tsx # Root layout with metadata
│ ├── page.tsx # Main homepage
│ └── globals.css # Global styles with neon effects
public/
├── images/ # Product and brand assets
└── videos/ # Promotional content
The "Neon Pigeon" aesthetic combines:
- Dark backgrounds for premium feel
- Neon accents (cyan, purple, pink) for modern appeal
- Smooth animations and hover effects
- Professional typography for readability
The project includes:
- ESLint configuration for code quality
- TypeScript for type safety
- Tailwind CSS for rapid styling
- Vercel deployment configuration
- Connect your GitHub repository to Vercel
- Vercel will auto-detect Next.js and configure build settings
- Deploy with zero configuration
- Build the project:
npm run build
- Upload the
.next
folder to your hosting provider - Configure your server to serve the static files
- MZ-1312 Basic ($199): Entry-level streaming
- MZ-1312 Premium ($399): Advanced features
- MZ-1312 Elite ($699): Professional grade
- Bitcoin: Functional modal with QR code
- Card Payment: Placeholder (Stripe integration pending)
- Spotify Podcast: Direct integration with MAZLABZ podcast
- Navigation: Smooth scrolling to sections
- Stripe payment integration
- High-resolution product photography
- Shopping cart functionality
- User accounts and order tracking
- Blog/News section
© 2024 MAZLABZ.AI. All rights reserved.
Built with ❤️ using Next.js and deployed on Vercel