Hosted API access is disabled on `al-quran-database.vercel.app` for now. Use the repository locally or self-host this project to run the API endpoints documented here.

Frontend Guide

Documentation of our design philosophy, UI components, and the modern tech stack powering the platform.

Visual Excellence

Leveraging glassmorphism, depth through backdrop-blurs, and curated dark-mode palettes.

Micro-Animations

Using Framer Motion for smooth layout transitions and interactive feedback.

Typography

Inter font family paired with high-contrast mono fonts for technical clarity.

Accessibility

Semantic structure and visible focus states are shipped; a dedicated full accessibility audit is still pending.

Responsive Design

Responsive layouts are implemented across landing, docs, and search pages; a formal mobile audit is still pending.

Modern Architecture

Next.js 16 App Router with React 19 Server Components for maximum speed.

Modern Stack

Next.js 16Tailwind v4Framer MotionReact 19