Skip to main content

about-us

About Us Guide​

The About Us section allows administrators to manage all About page content from the dashboard.

This includes:

  • Hero Section
  • Who We Are
  • Mission
  • Vision
  • Hero Image
  • Core Values

About Page API

Endpoint​

/api/about

Supported Methods​

  • GET
  • POST
  • PUT

About Page Sections

The About page contains the following sections:

  1. Hero Section
  2. Who We Are
  3. Mission & Vision
  4. Hero Image
  5. Core Values

Opening About CMS​

Navigate to:

/dashboard/about

From here administrators can:

  • View About page content
  • Edit existing content
  • Update images
  • Manage core values

Hero Section​

The Hero Section manages the main page heading.

Fields​

  • Title (EN)
  • Title (AR)
  • Subtitle (EN)
  • Subtitle (AR)

Features​

  • English & Arabic support
  • Responsive layout
  • Live content update

Who We Are Section

This section manages company introduction content.

Fields​

  • Label (EN / AR)
  • Title (EN / AR)
  • Description 1
  • Description 2

Features​

  • Multi-language support
  • Rich text descriptions
  • Responsive form layout

Mission & Vision

The Mission & Vision section allows administrators to manage organization goals.

Mission Fields​

  • Mission Title (EN / AR)
  • Mission Description (EN / AR)

Vision Fields​

  • Vision Title (EN / AR)
  • Vision Description (EN / AR)

Hero Image

Administrators can upload a hero image for the About page.

Features​

  • Image upload
  • Existing image preview
  • Alt text support
  • Responsive image display

Supported Formats​

PNG, JPG, JPEG

Core Values​

The Core Values section allows dynamic value management.

Features​

  • Add new values
  • Remove values
  • English & Arabic support
  • Dynamic form fields

Core Value Fields​

  • Title (EN / AR)
  • Description (EN / AR)

Add Core Value​

Click:

Add More Value

to create additional company values.

Remove Core Value​

Each value card contains a remove button.

Action​

Remove

Save About Page​

After updating the content, click:

Save About Page

or

Update About Page

The system automatically sends data to the API.

Edit Existing About Page​

To edit existing content:

  1. Open About dashboard page
  2. Click Edit Page
  3. Update fields
  4. Save changes

About Page Preview​

The dashboard automatically displays:

  • Hero image preview
  • Mission cards
  • Vision cards
  • Core value cards

Responsive Design​

The About CMS is fully responsive.

Features​

  • Mobile-friendly forms
  • Responsive grids
  • Optimized spacing
  • Modern card layouts

UI Components Used​

  • Card
  • Input
  • Textarea
  • Button
  • Image Preview

Features​

  • Multi-language content
  • Dynamic core values
  • Image management
  • Live content editing
  • API integration
  • Responsive UI

Summary​

The About Us CMS allows administrators to manage:

  • Hero content
  • Company information
  • Mission & Vision
  • Hero images
  • Core values
  • Multi-language content