> For the complete documentation index, see [llms.txt](https://klassdocs.gitbook.io/klassapp-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://klassdocs.gitbook.io/klassapp-documentation/docs/landing-page-content.md). # KlassApp — Landing Page Content > **URL:** **Stack:** Blade + Tailwind CSS (CDN) + Vanilla JS **Tagline:** *"The school in every parent's pocket."* *** ## 1. Navigation **Logo:** `klassapp-logo-primary.svg` (in public/images/) **Desktop links:** * Features * Pricing * Schools * Contact * **Get Started** (CTA button, links to #demo) Mobile: Hamburger menu with same links. *** ## 2. Hero Section **Headline:** > Your school's WhatsApp brain. Grades, fees and attendance — a text message away. **Subheadline:** > KlassApp connects your school to parents on WhatsApp. No app downloads. No login fatigue. Just a familiar chat interface that every African parent already uses. **Visual:** A realistic WhatsApp phone mockup (phone frame, green header, chat bubbles) showing: 1. Typing indicator → KlassApp is ready 2. Parent texts: "grades" 3. KlassApp replies with formatted results (John Mukasa — S.3 West: Math 78% B, English 85% A, Physics 71% B, Chemistry 69% C. Overall 76%, Position 4/45) 4. KlassApp suggests: "Reply FEES to check fee balance." **CTA Button:** "See How It Works" → scrolls to #how-it-works *** ## 3. Social Proof Bar > Trusted by schools across Uganda Marquee scrolling school badges: * Kampala High School 🏫 * St. Mary's College 📚 * Light Academy 🌍 * Jinja College 📖 * Mbarara High 🎓 *** ## 4. The Problem / Why KlassApp **Heading:** School software has forgotten the most important person. **The old way (pain points):** * Parents find out about exam results at the end of term — weeks after they're published * Fee reminders get lost in WhatsApp group noise * Attendance issues go unnoticed until it's too late * Portals require smartphones, data, and patience **The KlassApp way:** * Grades are sent to parents the same day exams are marked — via WhatsApp * Fee balances are a text away, with payment instructions included * Absence detected → parent notified in minutes via WhatsApp, directly * Works on any phone, any network, no app required. Just WhatsApp *** ## 5. How It Works **Heading:** Three keywords. Complete visibility. > Parents text a keyword to KlassApp on WhatsApp. Instantly, they get exactly what they need. **Three cards:** 1. **📊 Exam Results** — Text `GRADES` to get formatted results for every child — scores, grades, class position 2. **💰 Fee Balance** — Text `FEES` for a real-time fee balance breakdown 3. **📅 Attendance** — Text `ATTENDANCE` for a term summary; schools can send automatic absence alerts Plus: events, announcements, payment instructions, all on WhatsApp. *** ## 6. For Schools **Heading:** A complete school management platform — with parents built in. **Features grid:** 1. **🏫 Admin Dashboard** — Manage students, staff, timetables and finances. Multi-school support with granular permissions. 2. **💬 WhatsApp Notifications** — Broadcast fee reminders, exam results and school events to every parent automatically 3. **🌐 Premium School Pages** — Branded school microsites with SEO, custom colours, hero images and integrated WhatsApp CTA 4. **📱 Works Everywhere** — Responsive dashboards for desktop, tablet and mobile. Teachers can take attendance from their phone. *** ## 7. Pricing **Three tiers:** | | Starter | Growth (Most Popular) | Premium | | ---------------- | ----------------------------------------- | ------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | | **Pricing** | Free | Contact us | Contact us | | **Students** | Up to 50 | Up to 500 | Unlimited | | **Key features** | Core management, WhatsApp basics, 1 admin | Everything in Starter + Bulk onboarding, Custom announcements, Priority support | Everything in Growth + Dedicated account manager, Custom integrations, Early access | | **CTA** | Get Started Free | Request Pricing | Contact Sales | Growth tier visually elevated with blue border and scale effect. *** ## 8. Testimonials > *"We used to print report cards and hand them out — parents would lose them. Now they get grades on WhatsApp the same day. Engagement went through the roof."* **— Joyce Mwangi**, Head Teacher, Kampala High School > *"Our fee collection improved 40% in one term. Parents appreciate getting their balance in a single message instead of chasing the office."* **— Samuel Okello**, Bursar, Light Academy > *"The WhatsApp feature is a game-changer. Parents who never used our portal are now actively engaged — all through an app they already have."* **— Peter Nsubuga**, Director, St. Mary's College *** ## 9. CTA / Demo Request **Heading:** Ready to bring parents closer to school? > Join schools across Uganda using KlassApp to keep every parent informed. **Form:** Email input + "Request Demo" button. On submit: alerts "Thanks for your interest! We will be in touch shortly." *** ## 10. Footer **Logo:** `klassapp-logo-primary.svg` **Tagline:** Building the bridge between African schools and parents — one WhatsApp message at a time. **Columns:** * **Product:** Features, Pricing, For Schools, Request Demo * **Company:** About, Blog, Contact, Privacy * **Contact:** , Kampala, Uganda **Copyright:** © 2026 KlassApp. All rights reserved. *** ## Design Details | Token | Value | | --------------- | --------- | | Primary Navy | `#0D1526` | | Navy Light | `#141E36` | | Brand Blue | `#1E6FD9` | | Brand Green | `#22C55E` | | Surface | `#F8FAFC` | | WhatsApp Header | `#075E54` | | WhatsApp BG | `#E5DDD5` | | Bubble Sent | `#D9FDD3` | | Bubble Received | `#FFFFFF` | | Font (headings) | Sora | | Font (body) | DM Sans | **Animations:** Scroll-reveal (IntersectionObserver, fade-up 40px), sticky nav with blur on scroll, marquee social proof bar, WhatsApp chat bubble sequencing with typing indicators. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://klassdocs.gitbook.io/klassapp-documentation/docs/landing-page-content.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.