# Home

## 1. Image Slider

You should go to Components > SP Page Builder > Pages > edit or add a new addon "UK SlideShow". 

Edit the UK SlideShow > click Add Item and upload each image for each slide

You can edit the slide's title, meta, content, link, link text and many other options available

## 2. Yacht Filter

<figure><img src="/files/Kwpnf2IPESiNL4Z3UbxE" alt=""><figcaption></figcaption></figure>

The Yacht filter section is built with the TZ Portfolio Plus Filter module. So you should create one and assign it to the Joomla module of Home page in SP Page Builder.

In the TZ Portfolio Plus Filter module, you need to set the Itemid by selecting the portfolio menu you created to showcase yachts & boats. Therefore, when you filter yachts & boats, the result page will display properly.&#x20;

<figure><img src="/files/5tloX1KFY2OssLftROwd" alt=""><figcaption><p>Configure the filter module</p></figcaption></figure>

### How to change the background color of the filter

To change the background color of the filter, you should open the row options of the filter module in SP Page Builder > Style tab > Background color.

<figure><img src="/files/Tmae27NA75ewjrmbJeS7" alt=""><figcaption><p>Change the background color of the filte3</p></figcaption></figure>

### Change the padding of the filter

<figure><img src="/files/o6uJxt2MhyIHlv43DDhP" alt=""><figcaption><p>Change the filter's padding</p></figcaption></figure>

## 3. About Us

<figure><img src="/files/p3oU4GbrbaUbU2uQgrWK" alt=""><figcaption></figcaption></figure>

#### Change the background image

You should edit the row options of the Yacht Filter above > Style tab > Scroll down to see Background Image option > change it.&#x20;

## 4. Our Luxury Yachts

In this section, we used the module of TZ Portfolio+ component.&#x20;

* Module name: Featured Yachts
* Module type: TZ Portfolio+ Portfolio

<figure><img src="/files/9NyoG7OtrEiZIbx1ODAW" alt=""><figcaption><p>Configure the featured yacht module</p></figcaption></figure>

## 5. Video Section

<figure><img src="/files/HR3taX9wOiRxYGtMecnF" alt=""><figcaption></figcaption></figure>

To change the video url, you're supposed to edit the Video Button addon > change the Video Button Url

To change the background image, click on the Row Options of the Video Button > Style tab > change the background image

<figure><img src="/files/5METcIQ5rOPnPxY2WiYo" alt=""><figcaption></figcaption></figure>

## 5. Map Section

The map section is right below the Video button. To change the background image in this section, you should open the row options > style tab > background image

<figure><img src="/files/Y5sab8hJzCKvRCOEw9HI" alt=""><figcaption><p>Change the background image of the map section</p></figcaption></figure>


---

# 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://docs.jollyany.co/templates/amanus/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.