project-6c64f877

bySolaryn

Act as an expert Full-Stack Engineer, AI Architect, and UI/UX Designer. Your task is to build a comprehensive, production-ready AI Virtual Companion web application. The platform must feature discovery feeds, real-time AI chat, uncensored multimodal generation (NSFW/adult text, image, and video), and user monetization. Here is the exact blueprint for the application: ### 1. Tech Stack & Architecture * **Frontend:** Next.js (React), Tailwind CSS for styling, Framer Motion for smooth UI transitions, and Zustand for state management. * **Backend:** Python (FastAPI) to handle high-performance API routing, WebSockets for real-time chat, and seamless integration with custom AI pipelines (uncensored LLM text routing, Stable Diffusion / Flux image generation, SVD/AnimateDiff/Luma video generation, TTS audio generation). * **Database:** PostgreSQL (with Prisma or Drizzle ORM) for user profiles, character data, and chat history. Redis for session caching, rate-limiting, and managing active WebSocket connections. * **Storage:** AWS S3 or Cloudflare R2 bucket infrastructure to securely host generated image and video assets. * **Payments:** Stripe integration for token purchases and premium subscription tiers. ### 2. UI/UX & Content Guardrails * **Theme:** Deep dark mode with vibrant neon accents (e.g., electric pink, cyan, or purple) to evoke a premium, futuristic aesthetic. * **Age Verification:** A mandatory, secure 18+ splash screen gate on initial entry, setting a localized cookie to store verification status. * **Layout:** Highly responsive. Mobile-first design focusing on swipeable cards and a fixed bottom navigation bar. Desktop view should feature a collapsible sidebar and a central masonry grid for discovery. ### 3. Core Features & Functionality #### A. The Discovery Engine (Home Page) * **Hero Section:** Dynamic banner highlighting "Trending Companions" or "New Arrivals." * **Filter & Search:** A sticky top bar with category pills (e.g., Realistic, Anime, Fantasy, Sci-Fi) and a strict toggle filter for SFW vs. NSFW content. * **Character Cards:** Masonry grid displaying character portraits. Each card must show the character's name, a brief tagline, tags, and a "Chat Now" button. SFW blur overlays should be applied to explicit character profiles until toggled. #### B. Immersive Chat Interface (Multimodal + Uncensored) * **Uncensored Real-time Messaging:** WebSocket-enabled chat window running low-latency text generation. The backend must route to an uncensored LLM backend (e.g., customized Llama-3 or Mistral pipelines configured for open, unfiltered roleplay). Include typing indicators. * **Context Memory:** System architecture to pass the last 10-20 messages plus the character's core persona prompt to the LLM to maintain conversational memory. * **Multimodal Actions:** Include specific premium action buttons within the chat input area: * **Request Image (Uncensored):** A button that prompts the AI to generate a contextual "selfie" or photo (SFW or explicit adult content) based on the current conversation flow via an image generation API. * **Request Video (Dynamic):** A button that calls a Text-to-Video / Image-to-Video API (e.g., generating short 3-5 second video loops or animated clips of the companion). * **Voice Messages:** The ability for the AI to respond with audio clips using a Text-to-Speech (TTS) API. * **Visual Media Gallery:** A drawer or sliding panel within the chat UI where users can view all unlocked images, videos, and voice messages generated during that session. #### C. Character Creator Studio * **Creation Wizard:** A multi-step form for users to build their own companions. * **Inputs:** Name, visual description, personality traits, backstory, and greeting message. * **Advanced Settings:** Fields for custom prompt engineering, allowing creators to define the system prompt, scenario, and specific dialogue examples (Few-Shot prompting). * **Content Tagging:** Strict toggles to label characters as "SFW" or "NSFW/Adult", mapping directly to database fields. * **Visibility:** Toggle for making the character Public or Private. #### D. User Dashboard & Monetization * **Token System:** Implement a virtual wallet. Users spend tokens/credits scaling by request type (e.g., 1 credit per text message, 5 credits per image, 15 credits per video generation). * **Freemium Loop:** Daily login bonuses (free tokens) to drive retention. * **Premium Tiers:** A subscription page offering "Pro" tiers that provide unlimited text chat, faster generation times, higher-quality images, and early access to new features. ### 4. Execution Plan Please generate the foundational code for this platform, starting with: 1. The database schema for Users, Characters, and Messages (including content flags for NSFW tags and Media Types like text, image, voice, video). 2. The Next.js 18+ Age Verification Gate and Layout middleware. 3. The main Discovery Page UI component with placeholder data and SFW/NSFW toggling. 4. The Chat Interface component, including the layout for multimodal buttons (Image, Voice, Video). Ensure all code is modular, well-commented, and ready to hook up to backend streaming endpoints.