# Home

## Home

It serves as the primary entry point for customers, offering a clean and engaging interface with essential features and information about the system.CommentShare feedback on the editorto manage the banner section using the effectivelyThe Fleet Manager dashboard comprehensively overviews fleet operations and related services. It features a **Bookings** section to create, view, and manage vehicle reservations and a detailed **Vehicles** section showcasing specifications and statuses. The platform highlights **Services** such as 24/7 support and home pickup, with clear descriptions. To build trust, it includes **Client Reviews** with feedback and testimonials, offering insights into service quality and reliability to help customers make informed decisions

## <mark style="color:blue;">The Home page is divided into different sections or modules.</mark>

## Managing the Banner Section

Guide: Managing the Banner Section via Admin Panel

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FlPWyFvTvg4ozU8fMNC0R%2Fimage.png?alt=media&#x26;token=082f1ce6-4569-43c8-a8c2-91233eaeec48" alt=""><figcaption></figcaption></figure>

**Logo :**              &#x20;

&#x20;It can be changed from the admin panel > General settings

**Content (Reliable way to book a cab.):**

It is static content that the admin cannot change.

**Header (Module name):**

The displayed headers are static if they are added from the admin panel, even if they are not displayed here.

**Contact number:**

To update the contact number, go to the Admin Panel > Frontend Settings > Contact Number field.

{% hint style="info" %}

#### **The image on the screen is fixed and cannot be altered by the admin.**

{% endhint %}

* **Contact** Assists users with queries or issues.
* **About** Provides an overview of the organization.
* **Login**              Enables returning users to log in to the system.
* **Sign Up**          Allows new users to create an account.
* **Book Now**    Provides users with the option to create a new booking.

## Book a Cab

{% hint style="danger" %}

### **The user must log in or sign up before booking a cab**

{% endhint %}

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FjqePR3IsXTlVmkTFsQqP%2Fimage.png?alt=media&#x26;token=b25528e0-4803-4948-9577-db6db3beb3a3" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**The customer will receive an email at their registered email ID once the booking payment is confirmed if the payment method is Stripe.**

**An email is also sent to the customer once a vehicle is assigned to the newly created bookings.**\
**An email is also sent to the customer once a driver is assigned to the newly created bookings.**

**An email is also sent to the customer when the booking is canceled.**
{% endhint %}

#### The user can book a cab for the current date and time or for later in the day, after today.

* **Pick-up Address**                    Add the pick-up address.
* **Drop Address**               Add the drop address.
* **Pick-up Date and Time**       Select the pick-up date and time.
* **Vehicle Type**   Select the vehicle type.
* **Select Vehicle**   Choose a vehicle.
* **Number of Persons**   Enter the number of travelers.
* **Things We Should Know**     Add any special instructions or notes here.
* **Round Trip**                           Add a return booking date or select a single booking.
* **Payment options**                  Select the payment option

### <mark style="color:blue;">Booking successfully created and requested to the admin for driver assignment.</mark>

{% hint style="danger" %}
**An admin has the right to edit or delete any bookings, including round trips, at any time as per their requirement.**
{% endhint %}

.

> **The image shown above is static and cannot be modified by the admin.**

## Our vehicles

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2FCZ2mp1LQsNe1BRsXM4Te%2Fimage.png?alt=media&#x26;token=a588692d-3e4a-4922-8a4d-1565ddd7ada8" alt=""><figcaption></figcaption></figure>

> ### USERS CAN VIEW ALL THE VEHICLES ENABLED BY THE ADMIN THROUGH THE ADMIN PANEL.

* **Vehicle Image**: The admin can dynamically update it from the vehicle module.
* **Vehicle Icon**: The admin can dynamically update it from the vehicle module.
* **Passengers**: The number of passengers can be modified or edited for a specific vehicle in the vehicle module.
* **Mileage**: The mileage can be modified or edited for a specific vehicle in the vehicle module.
* **Vehicle make**: The vehicle make, such as **Hyundai or TATA** for the particular vehicle, can be displayed once it is added from the vehicle module in the admin panel.
* **Vehicle Model:** The vehicle model, such as **i10 or i20**, for a particular vehicle, can be displayed once it is added from the vehicle module in the admin panel.

### Click on the slider dots to browse more vehicles.

## Our services

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2F0riD3ILdMv70rcUvYues%2Fimage.png?alt=media&#x26;token=d575cbf7-66aa-4fb8-82c3-ba48ec03aec0" alt=""><figcaption></figcaption></figure>

> ### USERS CAN VIEW ALL THE RENDERED SERVICES ADDED BY THE ADMIN IN THE SERVICE MODULE.

* **Service Title**: This is presented here once it is added through the admin panel.
* **Service Description**: This is displayed here after being added through the admin panel.
* **Image**: This is showcased here upon being uploaded through the admin panel.

### Click on the slider dots to view more services.

## Testimonials

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2F05k75QdcPmTMhfRFKxal%2Fimage.png?alt=media&#x26;token=21804a19-233a-4866-891d-c93ebc03ffae" alt=""><figcaption><p>Testimonials</p></figcaption></figure>

> ### TESTIMONIALS ARE DISPLAYED HERE AND CAN BE ADDED THROUGH THE ADMIN PANEL.

* **Image**: It is displayed here after being uploaded through the testimonial module in the admin panel.
* **Name**: It is displayed here after being entered in the testimonial module.
* **Description**: It is displayed here after being entered through the admin panel.

### Click on the slider dots to view more customer reviews or testimonials.

## Footer Section

<figure><img src="https://598608028-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtZONQkdJdM-241mjfe%2Fuploads%2F7cMG5ds7Y6u7ZpykdUKW%2Fimage.png?alt=media&#x26;token=e59df7a1-4b81-46f6-99d3-308161de3ea9" alt=""><figcaption><p>Footer</p></figcaption></figure>

* **Contact:** Visit the contact module for any queries or questions.
* CommentShare feedback on the editor**Footer Logo:** It can be changed from the **SETTINGS> GENERAL SETTINGS** from the admin panel.
* CommentShare feedback on the editor**About:** Visit the About module to learn more about the organization.
* CommentShare feedback on the editor**Social media links**: Add the links from the **SETTINGS** **>** **FRONTEND SETTINGS** from the admin panel.
* CommentShare feedback on the editor**Footer content**: Add the footer content from the **SETTINGS> GENERAL SETTINGS** from the admin panel.

> <mark style="color:blue;">**The displayed modules(Contact, About) are static if they are added from the admin panel, even if they are not displayed here.**</mark>