Skip to main content

Home Section 2 Management

The Home Section 2 area allows administrators to manage the Professional Services section displayed on the homepage.

This section supports bilingual content and image management.

Professional Services

Features​

  • English and Arabic content
  • Dynamic image upload
  • Live preview system
  • Responsive layout
  • Animated homepage section

Section Fields​

The section contains the following fields:

  • Title (EN / AR)
  • Subtitle (EN / AR)
  • Description (EN / AR)
  • Button Text (EN / AR)
  • Section Image

Update Content​

To update the section:

  1. Open the Home Section 2 page
  2. Fill in the required fields
  3. Upload an image
  4. Click Save Section

Title Fields​

English Title

Professional Accounting Services

Arabic Title

الخدمات المحاسبية الاحترافية

Subtitle Fields​

Subtitles are displayed above the main heading.

Example

Trusted Financial Solutions

Description Fields​

The description area supports detailed section content.

Example

We provide accounting, auditing, and financial consulting services for businesses.

Button Text​

The button text controls the homepage CTA button.

Example

Learn More

Image Upload​

The section supports image uploads for the homepage preview.

Supported Formats​

  • JPG
  • PNG
  • WEBP

Live Preview​

A real-time preview is displayed while editing content.

The preview includes:

  • Dynamic text updates
  • Animated image effects
  • CTA button preview
  • Responsive layout preview

Save Changes​

After editing the section:

  1. Click Save Section
  2. Data is stored using the API
  3. Homepage updates automatically

API Endpoint​

Save Section​

POST /api/professional-services

Fetch Section​

GET /api/professional-services

Dashboard Features​

Content Management​

Administrators can:

  • Edit homepage text
  • Upload new images
  • Update bilingual content
  • Preview changes instantly

Responsive Design​

The section is fully responsive.

Desktop​

  • Two-column layout
  • Large image preview
  • Full animations

Mobile​

  • Stacked layout
  • Responsive image scaling
  • Touch-friendly UI

Animations Used​

The section includes modern animations using Framer Motion.

Animation Features​

  • Scroll animations
  • Mouse interaction effects
  • Image parallax effects
  • Smooth transitions

UI Components Used​

  • Input
  • Textarea
  • Button
  • Label

Summary​

The Home Section 2 system provides:

  • Professional services management
  • Bilingual content support
  • Dynamic image uploads
  • Live preview functionality
  • Animated responsive layout
  • Homepage content control