NexSchool Student Management System

Create a modern, premium Arabic RTL school management dashboard inspired by the attached visual reference.

The interface should use a full-screen hero layout with a large educational background image showing a modern classroom or lecture hall. The background should be darkened with a subtle black gradient, especially toward the bottom and right side, allowing the interface elements and white typography to remain highly readable.

Main Interface

The website should have a clean horizontal navigation bar positioned at the top.

On the right side, display the school name:

“مدرسة أجيال شروق التعليمية”

Next to it, include navigation links such as:

Home / الرئيسية

Sections / الأقسام

The active navigation item should have a subtle blue underline.

On the opposite side, display utility controls:

Current time and date

Power button

Search button

Fullscreen button

Notification button with a small notification counter

The controls should use semi-transparent circular glassmorphism buttons with subtle borders and blur effects.

Dashboard Modules

Below the navigation bar, display a horizontal row of large rounded-square module cards.

Each card should contain a simple minimalist line icon representing a different school-management section. Use different accent colors for the icons.

The selected module should be visually emphasized with:

A larger card

Blue/dark translucent background

Bright border

Soft outer glow

A graduation-cap icon

The label “Students / الطلبة” underneath

Other modules should remain slightly transparent and less prominent.

Students Hero Section

The selected Students module should control the main content displayed on the lower-right side of the screen.

Display a large white Arabic heading:

“الطلبة”

Under it, place a large rounded primary button:

“ابدأ الآن”

with a small arrow/play icon.

Below the button, include a short description explaining that the section allows administrators to register new students, manage their information and parents' information, and review their course registrations.

At the bottom of the hero content, display the current academic year:

“السنة الجارية: 2026/2027”

with a small green status indicator.

Visual Style

The overall design should feel like a premium futuristic educational platform, combining:

Dark cinematic photography

Glassmorphism

Transparent panels

Soft blur

Thin borders

Rounded corners

Minimal line icons

White typography

Blue active states

Green status indicators

Subtle lighting and glow effects

Smooth transitions and micro-interactions

The layout should remain clean, spacious, and visually immersive, avoiding the appearance of a conventional admin dashboard with a sidebar.

The website should be fully responsive, while preserving the same visual hierarchy and premium feel on desktop, tablet, and mobile.