# 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="/files/GLLfTU4I5svEX8YS1znR" 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

Users can enter the required basic details to create a new booking.

{% hint style="danger" %}

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

{% endhint %}

<figure><img src="/files/AxpsdMR8DZL4lpv9YGh1" alt=""><figcaption><p>Book A Cab - 1</p></figcaption></figure>

**Book a Cab – Step 1: Create Booking**

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

* **Pickup Address** – Enter the location from where the trip will start.
* **Drop Address** – Enter the destination where the trip will end.
* **Pickup Date & Time** – Select when the ride is required.
* **Trip Type** – Choose whether it is a one-way trip or a return trip.
* **No. of Persons** – Enter the number of passengers for the trip.
* **Extra Note** – Add any special instructions or notes if needed.
* **Next Button** – Proceeds to the next step of booking

<figure><img src="/files/t7N3CwwveW7D6NS2cJtn" alt=""><figcaption><p>Book A Cab - 2</p></figcaption></figure>

**Book a Cab – Step 2: Select Vehicle**

* **Book for (Now / Later)** – Choose whether to book the cab immediately or schedule it for later
* **Vehicle Type** – Select the type of vehicle (e.g., Mini van) based on your requirement
* **Select Vehicle** – Displays available vehicles; choose the preferred vehicle from the dropdown
* **Vehicle Information** – Shows details of the selected vehicle

**Vehicle Details Section:**

* **Vehicle Name** – Displays the selected vehicle name (e.g., Nexon)
* **Maker** – Shows the manufacturer of the vehicle (e.g., Tata)
* **Vehicle Type** – Displays the selected vehicle category
* **Engine** – Shows the engine type (e.g., Petrol)
* **Mileage** – Displays the total distance covered by the vehicle (in KM)
* **Luggage Capacity** – Shows luggage capacity of the vehicle
* **Passenger Capacity** – Displays how many passengers the vehicle can accommodate
* **Vehicle Image** – Shows the image of the selected vehicle

**Prev Button** – Takes the user to the previous step

**Next Button** – Proceeds to the next step of booking

<figure><img src="/files/oTCSK49Fksze2hGBnKo7" alt=""><figcaption><p>Book A Cab - 3</p></figcaption></figure>

**Booking Confirmation – Step 3**

* **Confirmation Details** – Displays pickup & drop location, date & time, and selected vehicle details.
* **Fare Details** – Shows base fare, taxes (if any), fuel charges, and total amount.
* **Total Amount** – Final amount to be paid for the booking.
* **Select Payment Method** – Choose the preferred payment option (e.g., Cash, Stripe, PayPal).
* **Submit** – Click to confirm and complete the booking.

#### PayPal – Payment Gateway Selection

Users can select the PayPal gateway to proceed with secure payment processing.

<figure><img src="/files/0luWJhO3RdPZxOhOJhYL" alt=""><figcaption></figcaption></figure>

**PayPal – Secure Login & Payment**

Users can enter their email or mobile number to log in to PayPal and proceed with secure payment, or choose to pay directly using a credit or debit card.

<div align="left" data-full-width="false"><figure><img src="/files/PcZ1qgk6jMig0aIwk2nV" alt=""><figcaption><p>Pay with PayPal</p></figcaption></figure></div>

**PayPal – Payment Completion Status**

Users can view the final payment status after successful processing through PayPal, confirming that the transaction is successfully completed.

<figure><img src="/files/4xEr6OzMFg1kG6lCn2US" 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.**
{% endhint %}

{% hint style="warning" %}
**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 %}

### <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 %}

## Our vehicles

<figure><img src="/files/5OCEOJBkMhgvRz8zBxzH" 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="/files/drrhMFwXu7UZFis98XOs" 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="/files/LLlKL6WdmKwJxFJmp8y3" 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="/files/OBbTezs7gliI562cjpIx" 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://fleetdocs.hyvikk.space/home.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.