Create a mobile-first MVP web app called “MusicTunes” — a free music streaming platform with a unique monetization model. 🎧 Key Concept: Users listen to music with zero interruptions, while advertisers pay a small fee (₹100) to display visual-only ads in the "Now Playing" screen (specifically where the album art would appear). No audio ads, no popups, no breaks. 👥 Target Users: Listeners – Can browse, search, and play songs for free. Advertisers – Can upload a banner/GIF ad for ₹100, which appears in the player instead of the album art. ✅ Core Features: 🎵 Listener Features: Home Screen (Playlist Hub) Search bar (text voice icon) Highlight tiles: “Top 10 Songs”, “Most Played” Scrolling History section (recently played songs with thumbnail, name, artist) UI elements should be large, colorful, rounded — mobile-native look and feel. Now Playing Screen Song Title, Artist Music Progress Bar (with play/pause, skip, and back) Lyrics button (expandable dropdown or overlay) Heart (like), repeat, shuffle, and share buttons Ad slot replaces album art – shows visual ad (image or animated GIF), centered and scaled appropriately. No audio from ad. No redirect links. 📢 Advertiser Features: Ad Upload Portal Form with: Ad title, image/GIF upload (JPEG/PNG/GIF support), payment gateway (₹100 per ad) Basic impression tracker (how many times their ad was viewed during playback) Light authentication (email or OTP login) 🎨 UI/UX Styling Instructions: Match the comic book / pop art / bold flat illustration style from the provided reference image. Color palette: Bright yellows, reds, blues — energetic and playful. Use rounded corners, illustrative icons, and card-based layout. Mobile-first design with a responsive layout that adapts to larger screens. Font should be legible, friendly, and clean. Prioritize readability over complexity. ⚙️ Technical Suggestions (Optional but Ideal): Frontend: React TailwindCSS or Next.js (for SSR and fast performance) Backend: Firebase (auth Firestore DB) or Supabase (open-source alternative) Music Streaming: AWS S3 or Firebase Storage (audio files hosted securely) Ad Storage: Cloudinary or Firebase Storage for image/GIF Payment Integration: Razorpay, Stripe, or Cashfree (India-focused micro-payment) 🎯 MVP Scope: Focus on smooth playback, clean navigation, and functional ad delivery first. Don’t build full login/playlist/like system yet. Hardcode sample songs and test ads for demo. Assume audio files are pre-uploaded and publicly accessible for playback. Build the UI and backend flow to simulate real product usage: play songs, show visual ad, process ad uploads. 🧠 Summary (What You’re Building): A slick, mobile-first music app that feels like Spotify x Pop Art x AdSense — designed for mass user acquisition with a unique ad model that monetizes attention without ruining the vibe. ✅ Pro Tip for v0.dev: Upload the reference UI image into v0.dev and paste this entire prompt. Once the base is generated, you can iterate with: “Add user registration with email” “Make ad upload flow save image to backend” “Create analytics dashboard for advertisers” “Replace hardcoded audio with streaming from S3 bucket”