mango-marketplace

byAzrix Editz

Bilkul, mast idea hai — maine sab points ko mix karke ek **clean, premium, all-in-one master prompt** bana diya hai jo tu direct copy-paste kar sakta hai. --- ## FINAL MASTER PROMPT — AZRIX ID MARKETPLACE Create a complete **premium dark-themed gaming account marketplace website** named **AZRIX ID MARKETPLACE** for **buying and selling Free Fire accounts**, with a **modern responsive frontend**, **Firebase backend**, **WhatsApp integration**, **customer support system**, and a **full advanced admin panel**. ### Main Goal Build a trusted, premium, fast, and mobile-friendly platform where: - Users can sign up, log in, and browse Free Fire accounts - Buyers can directly purchase accounts through WhatsApp - Sellers can submit accounts for sale through form or WhatsApp - Admin has full control over listings, users, support, analytics, and settings - The platform feels like a high-end gaming marketplace with luxury dark UI --- ## TECH STACK Use: - **Next.js** - **Firebase Authentication** - **Firestore** - **Tailwind CSS** Optional extras if needed: - Framer Motion for animations - React Icons - Chart library for analytics - Toast notifications - Smooth scrolling --- ## WEBSITE NAME **AZRIX ID MARKETPLACE** --- ## AUTHENTICATION SYSTEM Create a complete login system with: - User Login - User Signup - Admin Login - Secure authentication - Protected admin routes - After successful login, redirect user to homepage - If user does not have an account, show signup option --- ## PUBLIC WEBSITE PAGES ### 1. Homepage Create a premium homepage with: - Hero section - Title: **AZRIX ID MARKETPLACE** - Subtitle: **Feel the trust in every deal** - Tagline: **Trusted • Secure • 24/7 Service** - Premium dark gaming design - Animated LIVE badge - Smooth animations - Featured account listings - Live market section - Trust-building content - Stats section showing values like: - Users - Rating - Support availability - Success rate Add CTA buttons: - **Buy Account** - **Sell Account** - **Contact Support** --- ### 2. Browse Accounts Page Display all Free Fire account listings in premium cards. Each card should include: - Account Name - Level - Rank - Skins / Items - Price - Rating - Status: Available / Sold - View Details button - Buy button Add: - Search bar - Filter system - Sold Out badge - Featured listing highlight - Smooth hover effects Optional filter examples: - Game - Tier - Price range - Status --- ### 3. Account Details Page When user opens a listing, show complete details: - Account Name - Level - Rank - Skins - Price - Availability - Seller or admin notes - Premium badge if featured Buttons: - **Buy Now** - **Contact Support** - Optional share button --- ### 4. Sell Your Account Page Create a seller form where users can submit account details. Form fields: - Account details - Game name - Login method - Level - Rank - Skins / Items - Price - Contact number - Email or WhatsApp - Additional notes On submit: - Store request in Firestore under sell requests - Show success message - Make it available for admin review --- ### 5. Contact Page Create a contact page with: Form fields: - Name - Phone - Email - Message Also display: - WhatsApp - Phone number - Email - Instagram - Help center / support section --- ## BUY SYSTEM When user clicks **BUY** on any account: Open WhatsApp directly to this number: **[phone]** Auto-filled message: **Hi, I want to buy this Free Fire account.** For better UX, include account details in the message like: **Hi, I want to buy this Free Fire account. Account Name: [Account Name] Price: ₹[Price]** Important rule: - Every Buy action must directly connect to WhatsApp --- ## SELL SYSTEM Create 2 sell options: ### Option 1: Sell Button Add a **Sell Account** button that opens the sell form. ### Option 2: 3-Dot Menu (⋮) Add a three-dot menu in header or listing area. Inside menu: - **Sell Account** When clicked, open WhatsApp directly to: **[phone]** Auto message: **Hi, I want to sell my Free Fire account.** Important rule: - Every Sell action must connect to WhatsApp or the sell form - WhatsApp should be priority --- ## CUSTOMER SUPPORT SYSTEM Add a premium support section with: - WhatsApp support - Contact help center - Phone support - Instagram support - Instant support button Important: Every Support action must directly connect to WhatsApp number: **[phone]** Suggested support message: **Hi, I need support regarding AZRIX ID MARKETPLACE.** --- ## ADMIN PANEL Create a full advanced admin panel with secure login and protected access. ### Admin features: #### 1. Dashboard Show KPI cards for: - Total listings - Active listings - Sold accounts - Revenue - Total users - Pending sell requests - Support messages - Market activity Add: - Recent activity feed - Platform health section - Mini charts / stats --- #### 2. Account Listings Management Admin can: - Add accounts - Edit accounts - Delete accounts - Mark account as Sold - Mark Available - Feature / Unfeature accounts - Manage listing details --- #### 3. Sell Requests Management Admin can: - View all seller submissions - Approve sell requests - Reject sell requests - Convert approved requests into live listings --- #### 4. User Management Admin can: - View all users - Manage users - Block / Unblock users - Track account activity --- #### 5. Support Inbox Admin can: - View contact form submissions - Manage support messages - Mark issues as resolved - Reply manually through external channels if needed --- #### 6. Contact Info Management Admin can update: - WhatsApp number - Phone number - Email - Instagram - Homepage tagline - Hero content - Stats - Support info --- #### 7. Analytics Admin can view: - Total sales - Revenue overview - Listing performance - Top viewed accounts - Top sold accounts - Sell request analytics - Support stats --- #### 8. Transactions Admin can view: - Buyer requests - Purchase logs - Sales history - Revenue breakdown --- #### 9. Content Control Admin can manage: - Homepage content - Featured accounts - Trust badges - Banner text - Promotions - Market stats --- ## FIREBASE / DATABASE STRUCTURE Use Firestore collections like: - `users` - `accounts` - `sell_requests` - `transactions` - `messages` - `settings` - `analytics` --- ## DESIGN SYSTEM Create a **premium dark luxury UI** using: - Black + Gold theme - Neon glow accents - Glassmorphism cards - Smooth hover effects - Gradient highlights - Clean typography - Premium spacing - Responsive layout - Fast loading pages Recommended style: - Deep black background - Gold primary buttons - Cyan / teal neon glow accents - Purple highlights for premium sections --- ## UI FEATURES Include: - Premium hero section - Animated counters - Live market stats - Floating support button - Glassmorphism cards - Smooth transitions - Search and filter UI - Responsive mobile layout - Sold badge - Featured badge - Instant CTA buttons - Toast notifications - Skeleton loaders if needed --- ## UX REQUIREMENTS Website should be: - Simple - Fast - Premium - Trusted-looking - Easy to use - Mobile responsive - Conversion-focused Add trust elements like: - Ratings - Secure deal messaging - 24/7 support - Success rate - Featured listings --- ## IMPORTANT RULES - Every **Buy** action must open WhatsApp to **[phone]** - Every **Sell** action must open WhatsApp to **[phone]** or use sell form - Every **Support** action must open WhatsApp to **[phone]** - After login, redirect user to homepage - Admin panel must be secure and protected - Website must feel production-ready and premium --- ## FINAL OUTPUT REQUIRED Create a complete **production-ready AZRIX ID MARKETPLACE** with: - Login and signup system - Homepage - Browse accounts page - Account details page - Sell account page - Contact page - WhatsApp buy/sell/support integration - Firebase backend - Firestore database - Full admin panel - Search and filter - Premium dark black + gold UI - Responsive design - Smooth animations - Complete admin control The final website should feel like a **high-end gaming marketplace** with **luxury dark UI**, **modern user experience**, and **instant WhatsApp-based conversion flow**. --- Agar tu chahe, main ab iska: 1. **ultra short AI prompt version** 2. **developer-friendly structured prompt** 3. **direct Next.js code prompt** bhi bana deta hoon. **Aap yeh bhi pooch sakte ho:** - **Is prompt ka short version bana do** - **Is prompt ko developer documentation style me likho** - **Iske liye direct Next.js + Firebase code prompt do**