🎙️ Gappey - Voice Party Chat Room App Landing Page
A luxurious, high-performance Next.js landing page for Gappey — the premier voice party social entertainment platform featuring 16 dynamic live seats, SVGA animated broadcast gifts, dual-level whale & stardom progression, VIP prestige clubs, and social gaming.
Built for seamless one-click deployment on Vercel with full responsiveness, interactive animated gifts simulator, live video recording player, 3D blended device mockups, in-app screen showcase with fullscreen zoom, Google Play pre-registration, and direct Android APK downloads.
✨ Features
- 📱 Seamless 3D App Mockup Blend: Custom dark purple / gold neon glow aesthetic matching Gappey's brand identity.
- 🎥 Live Screen Recording Player: In-phone video player featuring the actual screen recording with custom play, pause, volume, and seek controls.
- 🎙️ 16-Seat Live Audio Stage: Detailed feature showcase of low-latency voice, speaker wave rings, and host controls.
- 💎 Dual-Level Progression: Visual breakdowns of Blue Level (Whale Gifting Power) & Pink Level (Host Popularity & Stardom).
- 🎁 Interactive Gift Simulator: Interactive tap-to-send simulator with animated gifts (
rose.gif, ship.gif, kiss.gif, laugh.gif, aurum dragon, rocket, taj mahal) and real-time confetti combos.
- 🖼️ In-App Screenshots Gallery: Interactive category filtering and fullscreen zoom viewer for all core screens (Voice Rooms, Gift Drawer, VIP Prestige, Leaderboards, Daily Rewards, and Agency Dashboards).
- 🚀 Google Play Pre-Registration: Interactive registration form with instant celebration confetti and Early Bird Founding Badge confirmation.
- 📥 Direct APK Download: Fast direct Android APK download powered by Expo EAS CDN.
- 💼 Digital Product Services Banner: Subtle, elegant section connecting clients with Instagram
@khushi_jha16 for custom mobile apps, web applications, backends, DevOps, and desktop software.
🛠️ Tech Stack
- Framework: Next.js 15+ (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4 & Custom Neon Glassmorphism
- Animations & FX:
canvas-confetti, lucide-react icons, smooth CSS keyframes
- Deployment: Vercel ready out of the box
🚀 Quick Start
1. Install Dependencies
npm install
2. Run Development Server
npm run dev
Open http://localhost:3000 in your browser.
3. Build for Production
npm run build
npm run start
📦 APK Download Configuration (src/constants/links.ts)
Direct APK downloads point to the EAS cloud build artifact:
- Update
APK_DOWNLOAD_URL in src/constants/links.ts whenever a new EAS preview/production build is generated.
🌐 Deploy to Vercel
- Push this repository to GitHub:
https://github.com/pritammajumder16/Gappey-Landing
- Go to vercel.com and click "Add New Project".
- Import the
Gappey-Landing repository.
- Click Deploy. Vercel will automatically build and assign a global CDN URL!
📬 Contact & Custom Development
For custom mobile apps (iOS / Android), full-stack scalable backends, DevOps infrastructure, modern web applications, or desktop software:
