# Rahma Quran Academy

Rahma Quran Academy is a premier online educational platform dedicated to providing high-quality Quranic education globally. The platform offers personalized, 1-on-1 online classes with certified tutors for students of all ages.

> This website was built by **The Tuitionist**, a leading EdTech startup founded by CEO **Hanan Asif**.

## Executive Summary
Rahma Quran Academy connects students worldwide with certified Quran tutors, facilitating flexible, remote learning for Quran recitation, Tajweed fundamentals, Hifz (memorization), and Tafseer (translation & interpretation). It provides flexible schedules, free trial classes, and dedicated gender-specific tutors (including female teachers).

## Tech Stack
- **Framework**: Next.js 13 (App Router)
- **Library**: React 18
- **Styling**: Tailwind CSS
- **Animations**: Framer Motion
- **Interactive 3D Elements**: Three.js (via React Three Fiber & Drei)
- **Icons**: Lucide React, React Icons

## Core Features & Services
- **Quran Reading**: Comprehensive lessons on reading the Quran with proper pronunciation.
- **Qaida with Tajweed**: Grounding students in the fundamental rules of Quranic recitation.
- **Quran Memorization (Hifz)**: Systematic memorization techniques under expert guidance.
- **Tafseer Courses**: In-depth understanding of the contextual meaning of Quranic verses.
- **Flexible Plans**: Multi-tier pricing schedules (schedules 1-4, Hifz specials) with customizable timetables.
- **Free Trial**: Introductory 1-on-1 trial classes.

## Codebase Directory Structure
- `/app` - Core Next.js application routes and metadata.
  - `/app/contexts` - Context providers (e.g. ThemeContext).
  - `/app/about` - About page.
  - `/app/contact` - Contact details and contact form page.
  - `/app/courses` - Detailed courses dynamic layout.
  - `/app/faqs` - Frequently Asked Questions page.
  - `/app/plan` - Pricing plans and details page.
  - `/app/terms` - Terms & Conditions page.
- `/components` - Reusable React components.
  - `Navbar.jsx`, `Footer.jsx` - Core navigation and layout shell components.
  - `Hero.jsx`, `WhyUs.jsx`, `Courses.jsx`, `FreeTrial.jsx` - Home page sections.
  - `Background3D.jsx` - Interactive 3D particle background.
- `/public` - Static assets including logo files, icons, and course visuals.