# 🏛️ NTPS CAMPUS — Official Website Blueprint & Master Execution Guide ## G.C.E. Advanced Level Political Science Online Campus & Teacher Portfolio Platform --- ## 📋 Executive Overview & Strategic Positioning **NTPS CAMPUS (National Tertiary & Political Science Campus)** is engineered to be Sri Lanka’s first dedicated, accredited-grade digital learning ecosystem for G.C.E. Advanced Level (A/L) Political Science (දේශපාලන විද්‍යාව). Unlike fragmented tuition models that rely on unorganized WhatsApp groups, raw Zoom links, and untracked YouTube videos, NTPS CAMPUS elevates A/L Political Science into a **prestigious, university-grade academic platform** combining: 1. **Teacher Authority & Academic Pedigree**: Positioning the master lecturer as an island-recognized scholar, TVEC assessor, and A-grade producer. 2. **Student Proven Methodology (10/10 Essay Blueprint)**: Giving students the exact structural techniques to score maximum marks on essay questions and MCQs. 3. **Transparent Hall of Fame (Verifiable Results)**: District 1st ranks, Island top-ten achievements, and authentic student video testimonials. 4. **Structured LMS Technology**: Drip syllabus delivery, Bunny.net secure video streaming (with screen-watermarking), past paper archives with marking scheme walkthroughs, and automated student administration. 5. **Dominant Organic Search Footprint (SEO)**: Full tri-lingual search coverage (Sinhala, Singlish, and English) to capture high-intent student and parent searches island-wide. --- ## 🎨 Modern Light Theme Design System & Color Palette > [!IMPORTANT] > **Strict Light Theme Standard**: To convey academic prestige, clarity, and credibility (especially to parents and university candidates), the entire platform is built with an **ultra-clean Light Theme**. No dark backgrounds. Clean typography with high contrast ensures readability across low-end mobile devices and tablets under various lighting conditions. ### 1. Color Palette Tokens | Token Name | Hex Code | Tailwind Equivalent | Purpose & Usage | | :--- | :--- | :--- | :--- | | **Academic Sapphire** | `#1E3A8A` | `bg-blue-900` / `text-blue-900` | Primary brand color, institutional headers, authoritative accents | | **Prestige Royal Blue** | `#2563EB` | `bg-blue-600` / `text-blue-600` | Primary CTA buttons, active links, focus rings, progress bars | | **Academic Amber (Gold)** | `#D97706` | `bg-amber-600` / `text-amber-700` | Honors badges, District 1st highlights, star ratings, certificate seals | | **Distinction Emerald** | `#059669` | `bg-emerald-600` / `text-emerald-700` | A-Pass indicators, verified badges, success toasts, payment confirmations | | **Pristine White** | `#FFFFFF` | `bg-white` | Primary surface background for cards, modals, and main containers | | **Paper Slate** | `#F8FAFC` | `bg-slate-50` | Primary page background, subtle section alternating backgrounds | | **Border Slate** | `#E2E8F0` | `border-slate-200` | Clean structural dividing borders, input borders, card outlines | | **Heading Charcoal** | `#0F172A` | `text-slate-900` | Primary text for headings (H1-H4), metrics, and bold labels | | **Body Charcoal Slate** | `#334155` | `text-slate-700` | High-legibility reading text for paragraphs, syllabus descriptions | | **Muted Metadata** | `#64748B` | `text-slate-500` | Timestamps, dates, subtitle text, breadcrumbs, placeholder labels | ### 2. Typography & Spatial Rules - **Display Headings**: `font-sans` (Inter / Outfit) with `font-extrabold` / `font-black` tracking for high impact. - **Sinhala Typography**: Noto Sans Sinhala optimized line-height (`leading-relaxed` / `leading-loose`) to prevent diacritic clipping. - **Card Aesthetics**: Rounded-2xl to 3xl (`rounded-2xl` or `rounded-3xl`), crisp 1px borders (`border border-slate-200/80`), subtle elevated shadows (`shadow-sm hover:shadow-md`). --- ## 🖼️ Image Placeholders, Aspect Ratios & Asset Specifications To ensure seamless responsive design without layout shifts (CLS = 0), all image containers use strict aspect-ratio bounding boxes. **No AI generated images are used**. Clean placeholder SVGs with exact dimension ratios are generated in `public/images/placeholders/`. ### Image Asset Master Table | Asset Identifier | Directory Location | Desktop Ratio & Size | Mobile Ratio & Size | Purpose & Content | | :--- | :--- | :--- | :--- | :--- | | `hero-banner` | `/images/placeholders/hero-desktop-16x9.jpg`
`/images/placeholders/hero-mobile-4x5.jpg` | **16:9** (1920×1080 px) | **4:5** (800×1000 px) | Main homepage hero banner showcasing the lecturer & national results | | `teacher-portrait` | `/images/placeholders/teacher-portrait-4x5.jpg` | **4:5** (800×1000 px) | **4:5** (600×750 px) | Professional studio portrait of the lecturer in academic attire | | `teacher-action` | `/images/placeholders/teacher-action-16x9.jpg` | **16:9** (1280×720 px) | **16:9** (800×450 px) | Lecturer teaching on digital smartboard / live seminar auditorium | | `course-revision-2026` | `/images/placeholders/course-revision-4x3.jpg` | **4:3** (800×600 px) | **4:3** (600×450 px) | Course cover card for 2026 Rapid Revision + Paper Class | | `course-theory-2027` | `/images/placeholders/course-theory-4x3.jpg` | **4:3** (800×600 px) | **4:3** (600×450 px) | Course cover card for 2027 Complete Theory Intake | | `course-theory-2028` | `/images/placeholders/course-foundation-4x3.jpg` | **4:3** (800×600 px) | **4:3** (600×450 px) | Course cover card for 2028 Foundation & New Syllabus Intake | | `course-repeat-special`| `/images/placeholders/course-repeat-4x3.jpg` | **4:3** (800×600 px) | **4:3** (600×450 px) | Course cover card for Repeat Candidates Target Booster | | `results-banner` | `/images/placeholders/results-banner-16x9.jpg` | **16:9** (1440×810 px) | **16:9** (800×450 px) | Hall of Fame national rank presentation banner | | `student-avatar-default`| `/images/placeholders/student-avatar-1x1.jpg` | **1:1** (400×400 px) | **1:1** (200×200 px) | Circular avatar for student testimonials and rankings | | `past-paper-cover` | `/images/placeholders/past-paper-3x4.jpg` | **3:4** (600×800 px) | **3:4** (450×600 px) | Official A/L examination past paper booklet preview cover | | `essay-blueprint` | `/images/placeholders/essay-framework-16x9.jpg`| **16:9** (1280×720 px) | **16:9** (800×450 px) | Infographic schematic of the 10/10 Political Science Essay Framework | --- ## 📑 Multi-Page SEO & Content Strategy (Page-by-Page) --- ### Page 1: Homepage (`/`) — Authority, Results & Strategic Conversion #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/` - **Page Title**: `A/L Political Science Online Campus | NTPS CAMPUS | දිවයිනේ විශිෂ්ටතම දේශපාලන විද්‍යාව පන්තිය` - **Meta Description**: `ශ්‍රී ලංකාවේ ප්‍රමුඛතම A/L දේශපාලන විද්‍යාව Online Campus එක. සජීවී පන්ති, Recording Vault, 10/10 Essay Guidelines, Past Paper Discussions සහ දිවයිනේ ඉහළම A සාමාර්ථ ප්‍රතිඵල.` - **Primary Keywords (Sinhala)**: දේශපාලන විද්‍යාව A/L, Political Science A/L Sinhala, A/L දේශපාලන විද්‍යාව පන්ති, උසස් පෙළ දේශපාලන විද්‍යාව - **Singlish Keywords**: political science al sinhala, al political science online class, deshapalana vidyawa al notes, political science teacher sri lanka - **English Keywords**: A/L Political Science Sri Lanka, NTPS Campus, Best Political Science tuition Sri Lanka, AL Political Science Past Papers - **Schema Markup**: `EducationalOrganization`, `Person` (Teacher profile), `AggregateRating`, `FAQPage`, `ItemList` (Courses) #### 🧱 Section-by-Section Content & Layout Blueprint 1. **Top Institutional Alert Bar**: - Live notice: *"2026/2027 A/L දේශපාලන විද්‍යාව නව කණ්ඩායම් ලියාපදිංචිය ඇරඹුණා • පළමු පන්ති සැසිය සැමටම නොමිලේ විවෘතයි →"* with direct CTA button to register. 2. **Global Navigation Bar**: - Brand Logo: NTPS CAMPUS (with emblem icon) - Navigation links: මුල් පිටුව (Home), ආචාර්ය මණ්ඩලය (Lecturer), පාඨමාලා (Courses), විභාග ප්‍රතිඵල (Results), නිබන්ධන & Past Papers (Resources), ශිෂ්‍ය මාර්ගෝපදේශ (Guidelines) - Action Buttons: `ශිෂ්‍ය පිවිසුම (Portal Login)` and `නව ලියාපදිංචිය (Register Free)` 3. **Hero Section (Split Desktop / Stacking Mobile)**: - **Left Column (Value Proposition)**: - Badge: `🏛️ ශ්‍රී ලංකාවේ අංක 01 A/L දේශපාලන විද්‍යාව ඩිජිටල් ඇකඩමිය` - Heading: **"සාමාන්‍ය කටපාඩම් ක්‍රමයෙන් ඔබ්බට ගිය, දේශපාලන විද්‍යාවේ නිසැක A සාමාර්ථයේ ප්‍රමුඛතම නවාතැන."** - Subtitle: *"දිවයිනේ ප්‍රමුඛ පෙළේ විශ්වවිද්‍යාල ආචාර්යවරුන් සහ රාජ්‍ය TVEC ඇගයීම් නිලධාරී මඟපෙන්වීමෙන්, විභාග ප්‍රශ්න පත්‍රයට 10/10 ලකුණු ලබාගන්නා ආකාරය නිවැරදිව ප්‍රගුණ කරන්න."* - Quick Stats Row: - **94.8%** A & B Pass Rate (පසුගිය විභාග) - **12+** Island Ranks & District 1sts - **100%** Full HD Replay Vault + Digital PDF Tutes - CTAs: Primary `පළමු දේශනය නොමිලේ නරඹන්න (Free Preview)` & Secondary `2026/2027 පන්ති කාලසටහන (Timetable)` - **Right Column (Visual Showcase)**: - High-resolution placeholder image of the lecturer & academy badge with floating badges: - Floating Tag 1: *"⭐ District 1st - Colombo / Kandy / Galle"* - Floating Tag 2: *"🔒 Bunny Stream Protected 1080p SFU Player"* 4. **Teacher Master Portfolio & Credentials Showcase**: - Section Title: **"විෂය ක්ෂේත්‍රයේ ප්‍රවීණතම මඟපෙන්වීම (Master Lecturer Credentials)"** - Detailed breakdown of qualifications: - Attorney-at-Law (Finalist) / LL.B / BA (Hons) Political Science, University of Colombo/Peradeniya - 15+ years of island-wide tuition & seminar excellence - Author of bestselling G.C.E. A/L Political Science Model Papers & Theory Modules - Recognized government TVEC NVQ Curriculum Assessor - Video statement banner: *"ඇයි දේශපාලන විද්‍යාවට A එකක් ගන්න එක මේ තරම් ලේසි? මගේ ඉගැන්වීම් ක්‍රමවේදය මෙන්න."* 5. **Interactive Past Results & Hall of Fame Table**: - Section Title: **"දිවයිනම දිනවූ අපේ විශිෂ්ටයෝ (Verified Results & Island Ranks)"** - Live Results Filter (All Island, Colombo, Kandy, Kurunegala, Galle, Matara, Badulla): - Table columns: ශිෂ්‍ය නම (Student Name), දිස්ත්‍රික්කය & පාසල (District & School), දිවයිනේ / දිස්ත්‍රික් ශ්‍රේණිය (Rank), A/L විභාග වර්ෂය, විශ්වවිද්‍යාල ප්‍රවේශය (University Faculty). - Highlights row: 2024/2025 Island Rank 03, Island Rank 07, District 1st Colombo, District 1st Galle. 6. **Unique Student Study Guideline & 10/10 Essay Framework**: - Section Title: **"NTPS විභාග ජයග්‍රහණ සැලැස්ම (The 10/10 Answer Writing Method)"** - 4-Pillar framework breakdown: - Pillar 1: **සංකල්පීය නිරවුල්භාවය (Conceptual Clarity)** — ආණ්ඩුක්‍රම ව්‍යවස්ථා, දේශපාලන න්‍යාය හා තුලනාත්මක අධ්‍යයනය. - Pillar 2: **ව්‍යුහාත්මක රචනා ආකෘතිය (Structural Essay Formula)** — ආරම්භක ඡේදය, න්‍යායාත්මක විග්‍රහය, සමකාලීන උදාහරණ, සමාලෝචනය. - Pillar 3: **පසුගිය විභාග ලකුණු ලබාදීමේ ක්‍රමවේදය (Marking Scheme Alignment)** — පරීක්ෂකවරයා ලකුණු දෙන නිශ්චිත තර්ක ලියන ක්‍රමය. - Pillar 4: **MCQ 50න් 45+ තහවුරු කිරීම (Speed & Accuracy)** — විශේෂ කෙටි සටහන් හා මනෝ සිතියම් (Mind Maps). 7. **Flagship Course Batches (Card Grid)**: - 2026 A/L Rapid Revision + Paper Class - 2027 A/L Complete Theory & Comprehensive Guidance - 2028 A/L Foundation & Basics - Repeat Special Booster Batch 8. **Student & Parent Testimonials (Video + Quoted Reviews)**: - Authentic student quotes with school badges (Visakha Vidyalaya, Ananda College, Mahinda College, Dharmaraja College, Maliyadeva Balika, etc.). 9. **Frequently Asked Questions (Accordion FAQ)**: - Structured JSON-LD schema enabled. - Questions: පන්තියට සම්බන්ධ වන්නේ කෙසේද? පන්තිය මගහැරුණහොත් Recording ලබාගත හැකිද? Tute නිවසටම එවන්නේද? --- ### Page 2: About the Lecturer & Academic Pedigree (`/about`) #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/about` - **Page Title**: `ආචාර්ය මණ්ඩල පැතිකඩ | Master Lecturer Profile | NTPS CAMPUS` - **Meta Description**: `දේශපාලන විද්‍යා විශාරද, නීතිවේදී ආචාර්යතුමන්ගේ අධ්‍යාපනික සුදුසුකම්, පර්යේෂණ පත්‍රිකා සහ වසර 15ක දිවයිනේ විශිෂ්ටතම A/L දේශපාලන විද්‍යා ඉගැන්වීම් විශිෂ්ටත්වය.` - **Keywords**: political science teacher sri lanka, al political science master lecturer, deshapalana vidyawa sir, best tuition teacher political science - **Schema Markup**: `Person`, `ProfilePage` #### 🧱 Section Blueprint: 1. **Academic Portfolio Hero**: - High-resolution studio portrait container (`teacher-portrait-4x5.jpg`). - Verified credentials badges: LLB (Hons), BA Pol Sci, TVEC Registered National Assessor. 2. **Teaching Philosophy & Pedagogical Approach**: - "Why rote-memorization fails in modern A/L Political Science papers." - The integration of legal frameworks, constitution law, and international relations into school syllabus. 3. **Publications, Books & Model Papers**: - Showcase of 12 published study guides and national past paper analysis volumes. 4. **Direct WhatsApp Consultation CTA**: - Allow students and parents to book a 1-on-1 academic consultation. --- ### Page 3: Course Programs & Intakes (`/courses`) #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/courses` - **Page Title**: `A/L Political Science Courses 2026, 2027, 2028 | NTPS CAMPUS` - **Meta Description**: `2026 A/L Revision, 2027 Theory සහ 2028 A/L දේශපාලන විද්‍යා පාඨමාලා මාලාව. සජීවී දේශන, Replay Access, නිබන්ධන නිවසටම කුරියර් කිරීම සහ සතිපතා ප්‍රශ්න පත්‍ර සාකච්ඡා.` - **Keywords**: al political science classes 2026, al political science revision 2026, political science theory 2027, political science class fees - **Schema Markup**: `ItemList`, `Course` #### 🧱 Section Blueprint: 1. **Intake Comparison Grid**: - Filterable by: All Batches, 2026 Revision, 2027 Theory, Repeat Batch. 2. **Detailed Course Cards**: - Duration, weekly schedule, modules, fee (transparent pricing: e.g. Rs. 2,500/month), syllabus topics covered. - Action buttons: "විස්තර සහ විෂය නිර්දේශය (Syllabus Modal)" and "ලියාපදිංචි වන්න (Enroll Now)". 3. **Delivery Mechanism Checklist**: - Dual-Camera 1080p SFU Classroom. - Digital Tute Delivery (Printed notes courier service available). - MCQ Assessment Engine with Instant Rank Generation. --- ### Page 4: Results & Hall of Fame (`/results`) #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/results` - **Page Title**: `A/L විභාග විශිෂ්ට ප්‍රතිඵල | Island Ranks & A Pass Wall | NTPS CAMPUS` - **Meta Description**: `NTPS CAMPUS සිසුන්ගේ දිවයිනේ ප්‍රමුඛතම A/L දේශපාලන විද්‍යා ප්‍රතිඵල, දිස්ත්‍රික් ප්‍රථමයන් සහ විශ්වවිද්‍යාල නීති පීඨ හා කලා පීඨ ප්‍රවේශ ලැබූ ශිෂ්‍ය නාමාවලිය.` - **Keywords**: al political science results, political science island ranks, deshapalana vidyawa prathipala, al exam best results political science - **Schema Markup**: `ItemList`, `Review` #### 🧱 Section Blueprint: 1. **National Rank Highlights (Trophy Grid)**: - Island Rank 03, Island Rank 07, Island Rank 11 cards with real student photos, school names, and marks. 2. **Interactive Searchable Results Directory**: - Search by student name, school, year, or district. - Displays student name, town, pass grade (A), and faculty selected (Law Faculty Colombo, Arts Faculty Peradeniya, etc.). 3. **Student Video Stories**: - Video interview clips with past students sharing how the 10/10 essay structure helped them jump from C/S grades to high A's. --- ### Page 5: Past Papers & Video Walkthrough Hub (`/past-papers`) #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/past-papers` - **Page Title**: `A/L Political Science Past Papers & Marking Schemes (2015-2025) PDF` - **Meta Description**: `අ.පො.ස. උසස් පෙළ දේශපාලන විද්‍යාව පසුගිය විභාග ප්‍රශ්න පත්‍ර, නිල ලකුණු දීමේ පටිපාටි (Marking Schemes) සහ ආචාර්යතුමන් විසින් සිදුකළ වීඩියෝ විවරණ නොමිලේ බාගත කරන්න.` - **Keywords**: al political science past papers pdf, deshapalana vidyawa past paper marking scheme sinhala, 2024 al political science past paper, 2023 political science paper discussion - **Schema Markup**: `CollectionPage`, `VideoObject` #### 🧱 Section Blueprint: 1. **Year-by-Year Archive (2015 to 2025)**: - Clean tabular cards for Paper I (MCQ), Paper II (Structured & Essay), and Official Marking Schemes. 2. **Direct PDF Downloads**: - Fast 1-click download buttons for authentic government examination papers. 3. **Free Video Analysis Previews**: - Video walkthroughs for tricky essay questions (e.g., 1978 Constitution 21st Amendment analysis, Separation of Powers, Pluralism). --- ### Page 6: Student Study Guideline & 10/10 Essay Blueprint (`/guideline`) #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/guideline` - **Page Title**: `A/L දේශපාලන විද්‍යාව A එකක් ගන්නා නිවැරදි ක්‍රමවේදය | Student Guideline` - **Meta Description**: `A/L Political Science විභාගයේ රචනා ප්‍රශ්න සඳහා උපරිම ලකුණු (10/10) ලබාගන්නා නිවැරදි ව්‍යුහය, කාල කළමනාකරණය සහ විභාග රහස් ඇතුළත් සම්පූර්ණ ශිෂ්‍ය මාර්ගෝපදේශය.` - **Keywords**: how to write political science essay al, deshapalana vidyawa rachana kramaya, political science a pass tips, al exam essay structure - **Schema Markup**: `HowTo`, `Article` #### 🧱 Section Blueprint: 1. **The Anatomy of a 10/10 Essay**: - Diagrammatic breakdown of Introduction, Core Arguments, Theoretical Grounding, Sri Lankan & Global Case Studies, Critical Evaluation, Conclusion. 2. **MCQ Elimination Matrix**: - Techniques for eliminating distractor options in 50 MCQs within 120 minutes. 3. **Time Allocation Strategy**: - Minute-by-minute breakdown for the 3-hour examination paper. 4. **Common Mistakes High-Scoring Students Avoid**: - Irrelevant historical narrations vs sharp political analysis. --- ### Page 7: Free Syllabus Notes & Articles Hub (`/notes`) #### 🎯 SEO Metadata & Keywords - **Target URL**: `https://ntpscampus.lk/notes` - **Page Title**: `A/L දේශපාලන විද්‍යාව සියලු ඒකක කෙටි සටහන් (Short Notes & Syllabus Hub)` - **Meta Description**: `උසස් පෙළ දේශපාලන විද්‍යා නව විෂය නිර්දේශයේ ඒකක 01 සිට 10 දක්වා සියලුම පාඩම් වල සම්පූර්ණ සටහන්, න්‍යාය විවරණ සහ සංශෝධිත ව්‍යවස්ථා තොරතුරු නොමිලේ කියවන්න.` - **Keywords**: al political science short notes sinhala, deshapalana vidyawa tute pdf, unit 1 political science al, 1978 constitution short note al - **Schema Markup**: `Blog`, `Article` #### 🧱 The 10 Syllabus Pillar Articles: 1. **Unit 01**: දේශපාලන විද්‍යාව හැඳින්වීම සහ ප්‍රවේශ (Introduction to Political Science & Approaches) 2. **Unit 02**: රජය සහ රාජ්‍ය සංකල්පය (The State & Concept of Sovereignty) 3. **Unit 03**: දේශපාලන මතවාද (Political Ideologies: Liberalism, Socialism, Marxism, Fascism) 4. **Unit 04**: ආණ්ඩු වර්ගීකරණය සහ ප්‍රජාතන්ත්‍රවාදය (Classification of Governments & Democracy) 5. **Unit 05**: ආණ්ඩුවේ ප්‍රධාන අංශ සහ බලතල බෙදීම (Organs of Government & Separation of Powers) 6. **Unit 06**: දේශපාලන ක්‍රියාවලිය, පක්ෂ හා මැතිවරණ (Political Parties, Pressure Groups & Electoral Systems) 7. **Unit 07**: ශ්‍රී ලංකාවේ ව්‍යවස්ථා සංවර්ධනය (Constitutional Evolution of Sri Lanka 1833–1972) 8. **Unit 08**: 1978 ශ්‍රී ලංකා ආණ්ඩුක්‍රම ව්‍යවස්ථාව සහ සංශෝධන (1978 Sri Lanka Constitution & Amendments) 9. **Unit 09**: ශ්‍රී ලංකාවේ රාජ්‍ය පරිපාලනය සහ පළාත් සභා ක්‍රමය (Public Administration & 13th Amendment Devolution) 10. **Unit 10**: ජාත්‍යන්තර සබඳතා සහ ගෝලීයකරණය (International Relations, UN, & Sri Lankan Foreign Policy) --- ### Page 8: Student Learning Portal (`/dashboard`) #### 🎯 Functionality & Architecture - **Target URL**: `https://ntpscampus.lk/dashboard` - **Security**: Local session / token-authenticated student dashboard. - **Core Modules**: 1. **Next Live Class Counter**: Countdown to upcoming live seminar with direct WebRTC / Zoom Join Link. 2. **My Enrolled Batches**: Current course track overview with percentage progress bar. 3. **Bunny Stream Video Vault**: 1080p adaptive bitrate player with visible student phone/NIC digital watermarking. 4. **Lesson Downloads**: Encrypted PDF lecture handouts, mind maps, and model paper questions. 5. **Assignment Submission Queue**: Upload handwritten essay photos for marking and tutor feedback. 6. **MCQ Practice Tests**: Interactive self-testing with timer and explanation sheets. --- ### Page 9: Student Registration & Slip Upload (`/register`) #### 🎯 Conversion Flow - **Target URL**: `https://ntpscampus.lk/register` - **User-friendly 3-Step Process**: - **Step 1: Student Information**: Full Name, Calling Name, WhatsApp Number (07XXXXXXXX), NIC/Birth Certificate, District, School, A/L Year (2026/2027/2028). - **Step 2: Course Batch Selection**: Choose Revision, Theory, or Foundation. Select delivery method (Online Only / Online + Courier Printed Notes). - **Step 3: Verification & Slip Upload**: Direct Commercial Bank / Peoples Bank deposit slip photo upload, or PayHere online card payment. - **Instant Output**: Generates unique Student Identification Number (e.g. `NTPS-2026-8492`) with one-click WhatsApp receipt forwarding. --- ### Page 10: Complete Administrative Management Control Panel (`/admin`) #### 🎯 Mission-Critical Admin Capabilities - **Target URL**: `https://ntpscampus.lk/admin` - **Role-Based Controls**: 1. **Student Verification Desk**: Inspect uploaded bank slip photos, approve or decline enrollments, toggle active status. 2. **Batch & Live Class Scheduler**: Set class times, update meeting links, post broadcast announcements. 3. **SMS & WhatsApp Gateway**: Trigger automated payment confirmation SMS, exam date reminders, and batch links via integrated Sri Lankan SMS gateway. 4. **Course & Material CMS**: Add new video lessons, upload PDF tutes, update model papers without editing code. 5. **Academic Performance Tracking**: Input student marks for monthly model exams, generate automated report cards. --- ## 🏗️ Technical Architecture & Project Directory Tree ``` D:\xampp\htdocs\NTPS CAMPUS\ │ ├── AL-Political-Science-LMS-Market-Research-Report (1).md # Original research ├── NTPS_CAMPUS_Website_Master_Guide.md # This comprehensive master blueprint │ ├── package.json # Dependencies (Next.js 15+, Lucide React, Tailwind, etc.) ├── tsconfig.json # Strict TypeScript configuration ├── tailwind.config.ts # Custom Academic Light Theme design system ├── postcss.config.mjs # Modern CSS post-processing ├── next.config.js # Image domains, optimizations & security headers │ ├── public/ # Static assets & placeholder image files │ ├── favicon.ico │ └── images/ │ └── placeholders/ # Clean JPEG empty placeholders with exact aspect ratios │ ├── hero-desktop-16x9.jpg │ ├── hero-mobile-4x5.jpg │ ├── teacher-portrait-4x5.jpg │ ├── teacher-action-16x9.jpg │ ├── course-revision-4x3.jpg │ ├── course-theory-4x3.jpg │ ├── course-foundation-4x3.jpg │ ├── course-repeat-4x3.jpg │ ├── results-banner-16x9.jpg │ ├── student-avatar-1x1.jpg │ ├── past-paper-3x4.jpg │ └── essay-framework-16x9.jpg │ ├── app/ # Next.js App Router (100% SEO-Friendly Multi-Page) │ ├── layout.tsx # Root layout with institutional header, footer & SEO JSON-LD │ ├── globals.css # Academic Light Theme global styles & smooth typography │ ├── page.tsx # Master Homepage (Teacher Portfolio, Results, Guidelines) │ │ │ ├── about/ # Master Lecturer Portfolio & Academic Pedigree │ │ └── page.tsx │ │ │ ├── courses/ # Complete Course Catalog & Batches │ │ └── page.tsx │ │ │ ├── results/ # Hall of Fame & Searchable Results Table │ │ └── page.tsx │ │ │ ├── past-papers/ # Past Paper PDF Bank & Video Discussions (2015-2025) │ │ └── page.tsx │ │ │ ├── guideline/ # Student Study Guideline & 10/10 Essay Blueprint │ │ └── page.tsx │ │ │ ├── notes/ # 10 Syllabus Units Open-Access Short Notes Hub │ │ └── page.tsx │ │ │ ├── register/ # Student Enrollment & Bank Slip Upload │ │ └── page.tsx │ │ │ ├── dashboard/ # Student LMS Portal (Bunny Player, Classes, Tutes) │ │ └── page.tsx │ │ │ ├── admin/ # Full LMS Administrative Panel & Verification Desk │ │ └── page.tsx │ │ │ └── contact/ # Contact, WhatsApp Hotline & Academic Support │ └── page.tsx │ ├── components/ # Reusable UI & Layout Components │ ├── Navbar.tsx # Responsive Light Theme Institutional Navigation │ ├── Footer.tsx # Academic Footer with SEO Links & Government Credentials │ ├── SeoMetadata.tsx # Schema Markup & OpenGraph Head Injectors │ ├── VideoPlayer.tsx # Secure Video Player with Digital Phone Watermark │ └── ResultsFilterTable.tsx # Interactive Searchable Past Results Table │ └── lib/ # Data Models & Platform Services ├── campus-data.ts # Courses, Batches, Syllabus Units & Results Data ├── teacher-data.ts # Detailed Lecturer Bio, Credentials & Publications ├── student-auth.ts # Student Session, Verification & Registration Handler └── admin-store.ts # Admin State, Batches & Verification Queue ``` --- ## 🚀 Execution & Replacement Protocol for Real Images When replacing the empty placeholder SVG files with your real photographs: 1. **Teacher Portrait**: Save the real studio photo as a high-res JPG/WebP (min 1200×1500 px) and name it `teacher-portrait.webp`. 2. **Hero Banner**: Save your master hero banner (1920×1080 px) as `hero-desktop.webp` and mobile version (800×1000 px) as `hero-mobile.webp`. 3. **Course Covers**: Save individual course flyers (800×600 px) as `course-revision.webp`, `course-theory.webp`, etc. 4. Update the path in `lib/campus-data.ts` or replace the corresponding file in `public/images/placeholders/`. --- *Document officially approved for NTPS CAMPUS production build.*