polar-idea

bySlice stay

Act as an elite Full-Stack Next.js 15 Architect and Senior UI/UX Engineer. Your objective is to generate the complete, production-ready codebase for a premium, highly professional educational platform for a UPSC Coaching Institute. BRAND DETAILS: - Name: THE ASPIRANTS CLUB - Tagline: "Transforming Aspirants Into Achievers" - UI Goal: Surpass StudyIQ, Vision IAS, and StudyForCivilServices in speed, premium typography, aesthetic micro-interactions, and visual layout fluidity. TECH STACK & CONFIGURATION: - Framework: Next.js 15 (App Router, Server Actions, Strict Type Safety) - Styling: Tailwind CSS, Shadcn UI, Lucide Icons - Animation: Framer Motion (Staggered fades, smooth layout animations, slide-overs) - State/Database: Zustand or React Context for global state, Prisma ORM with PostgreSQL - Design: Mobile-First, Responsive, Glassmorphic cards, Dark/Light Mode compatible via next-themes COLOR PALETTE CONFIGURATION (Inject into Tailwind config/CSS variables): - Primary: Deep Navy Blue (#0A1325) - Represents authority and deep focus. - Secondary: Royal Blue (#2563EB) - For primary actions, focus highlights, and active states. - Base: White/Light Gray (#F8FAFC) for light theme; Deep Obsidian/Slate (#0F172A) for dark theme. - Accent: Gold/Amber (#D4AF37) - Used sparingly for Rank Holders, Top Badges, and Premium highlights. ======================================================================== PART 1: DATABASE ARCHITECTURE (Prisma Schema) ======================================================================== Generate a complete database model architecture in a single production-ready `schema.prisma` file containing: 1. User (id, name, email, passwordHash, role [STUDENT, FACULTY, ADMIN], avatarUrl, createdAt) 2. Course (id, title, description, category [FOUNDATION, PRELIMS, MAINS, CSAT, OPTIONAL], thumbnail, duration, price, discountPrice, facultyId, rating, totalStudents) 3. OptionalSubject (Enum containing: PSIR, Sociology, Geography, History, PublicAdministration, Anthropology) 4. Enrollment (id, userId, courseId, progressPercentage, completedAt) 5. Module & Lesson (id, courseId, title, order, lessons: [id, title, videoUrl, pdfUrl, isFreeDemo]) 6. Resource (id, title, type [NCERT, HANDWRITTEN, MAGAZINE, REPORT, PYQ], fileUrl, isFree, subjects) 7. Exam/TestSeries (id, title, category [PRELIMS, MAINS, CSAT], totalQuestions, durationMinutes, questions: [id, text, options[], correctOption, explanation]) 8. Order (id, userId, courseId, amount, paymentProvider [RAZORPAY, STRIPE, UPI], status [PENDING, SUCCESS, FAILED], transactionId) ======================================================================== PART 2: GLOBAL UI & WRAPPERS (Next.js 15 Layout) ======================================================================== 1. Root Layout (`app/layout.tsx`): Implement theme provider, global state hydration, custom premium fonts, and dynamic structural wrappers. 2. Premium Glassmorphic Navbar: Dynamic sticky blur background, recursive multi-level dropdowns for courses/optionals, and context-aware authentication states (Dynamic user profile thumbnail vs Login/Register CTAs). 3. Footer: Professional 4-column structured informational block with active dynamic newsletter forms. ======================================================================== PART 3: CORE PUBLIC PAGES & LANDING ARCHITECTURE ======================================================================== Generate fully typed frontend view pages integrating beautiful staggered Framer Motion micro-animations: 1. HOME PAGE (`app/page.tsx`): - Hero: Left-pane premium layout text, action CTAs ("Explore Courses", "Watch Free Demos"), and a high-fidelity placeholder component for a premium UPSC Aspirant image. - Live Counter Grid: Animated counts (10,000+ Students, 500+ Video Lectures, 2,000+ PDF Notes, 500+ Selections). - Dynamic Course Row: Slider/Grid displaying premium glassmorphic course preview cards containing details on faculty, pricing, ratings, and instant purchase vectors. - Why Choose Us: Feature matrix describing smart AI recommendations, Telegram channel community integrations, and Live Stream capabilities. - Topper Showcase: Premium vertical marquee containing AIR toppers with linked marksheets and modal video playback triggers. 2. ALL COURSES PAGE (`app/courses/page.tsx`): - Dynamic sidebar sidebar system handling multiselect filter criteria across categories, preparation levels, and pricing options. - Grid layouts mapping over catalog results featuring seamless pagination structures. 3. INDIVIDUAL COURSE PROFILE (`app/courses/[id]/page.tsx`): - Hero split layouts: Main body containing learning frameworks, syllabus breakdown with modular collapsible Accordions mapping modules/lessons, and faculty profiles. - Sidebar: Floating premium purchase card calculating discount margins and rendering payment pathway triggers. ======================================================================== PART 4: CONTENT LIBRARIES, QUIZ ENGINE & TESTING SUITE ======================================================================== 1. VIDEO & PDF LIBRARIES (`app/videos/page.tsx` & `app/library/page.tsx`): - Instant filtering interfaces managing historical archives, polity analyses, current affairs magazines, and handwriting collections. - Clean, actionable items displaying interactive layout utilities: "Read Online (Modal Preview)" and "Download PDF". 2. CURRENT AFFAIRS MATRIX (`app/current-affairs/page.tsx`): - Split view balancing layout content: Left-pane displaying structured editorial timelines; Right-pane rendering an interactive Micro-Quiz module validating daily multiple-choice parameters on the fly with animated score notifications. 3. CIVIL SERVICES TESTING ENGINE (`app/test-series/[id]/page.tsx`): - A highly functional UPSC Prelims simulator interface featuring: sticky countdown timer configurations, horizontal layout grids displaying question palettes, color-coded state circles (Answered, Flagged, Unvisited), radio inputs, and structural confirmation components. ======================================================================== PART 5: PROTECTED DASHBOARDS & BUSINESS PLATFORM METRICS ======================================================================== 1. STUDENT PORTAL (`app/dashboard/page.tsx`): - Sidenav tracking: "My Courses", "Purchased Vaults", "Performance Indicators", and "Certificates". - Central view displaying user tracking rings, a progress tracking bar detailing "Continue watching Lesson 4 of Polity", and graphical visualizer cards mapping mock score trends over time. 2. ADMINISTRATIVE CONTROL PANEL (`app/admin/page.tsx`): - High-level metric banners plotting: Total Platform Revenue, Active Daily Users, Course Conversion Valuations. - Modular table structures containing inline CRUD management controls to dynamically update Courses, toggle Video/PDF visibility states, modify order workflows, and trigger user verification settings. 3. AUTHENTICATION MODULES & TRANSACTION APIS: - Provide secure forms supporting alternative OAuth triggers (Google, OTP Login) inside centralized cards. - Scaffold Server Actions handling mock payment processing pathways `/api/checkout` integrating Razorpay/Stripe structural logic parameters. - Embed complete, high-quality dynamic SEO configuration objects containing structural JSON-LD schemas mapping optimized meta-structures for educational platform discovery. Generate clean, semantic, completely typed modular files without using any abbreviated comments or omitted component blocks. Build for absolute scale.