---
title: Edit your page
slug: emea-brand-visibility-bootcamp-2026/edit-your-page
docTags: 
createdAt: 2026-08-04T12:51:30.892Z
---

## Introduction

*In this exercise, we will enhance our Travelbrew landing  page by updating the hero banner, creating a new cards block and update the page metadata. You will then preview the completed page to verify that all content and blocks are displayed correctly.*



## Update the headline in hero banner

1. Switch to **Content view** in the editor.
2. Click and select 'Your headline goes here' in the **hero-teaser-teal** block.
3. Replace the title with `Meet TravelBrew`
4. Similarly, replace the subheading placeholder with `Real coffee, anywhere your adventure takes you.`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/U72yMVgvTVw3JCwTn0gPT_screenshot-2026-09-28-at-163906.png)

5. Click on Call to action text to open the link editing options. Select Edit link and update Display text to `Shop TravelBrew`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/cpyqNiJdDRinV-arCrwhg_screenshot-2026-09-28-at-163952.png)

6. That's it, you have updated the copy on the hero banner. Switch to **Split view** of the editor and see how it look in the editor. This way, you can see how it will look for the customers before even publishing to a preview server.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/0AaOL0D9yRh9CogEhNIpc_screenshot-2026-09-28-at-164122.png)

## Replace image in hero banner

1. Switch back to** Content view **if you want more screenspace.
2. **Click** on the placeholder image and press **delete** button. This will remove the placeholder image.
3. To see the menu options, click on **Outline** on the menu and select **AEM Assets** from the pop menu. This will open AEM Assets folder.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/JPiz1xJ7_OLDD5M9ngtbm_screenshot-2026-09-28-at-164615.png)

3. Navigate to **bootcamp** folder, select **travelbrew-hero.png** and click **Select.**

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/TSjZ6tImzCQnhkAQZvV1l_screenshot-2026-09-14-at-16-38-01.png)
4. This should get the assets from AEM Assets digital asset management system and place it as the hero banner image on our page.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lFaiRLGDW0Ti6HC592i_1_screenshot-2026-09-28-at-164808.png)



## Update the FAQ contents

1. Replace the accordion **placeholder content block** with the below content.

| Question Content                                         | Answer content                                                                                                                          |
| -------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| `How does TravelBrew heat water without a power outlet?` | `TravelBrew uses a built-in self-heating system, so you get a genuinely hot cup wherever you are — no mains power or open fire needed.` |
| `Can I use my own ground coffee?`                        | `Yes. TravelBrew is designed for both capsules and ground coffee, so you can brew exactly the way you like it.`                         |

2. Once updated, it will look like below.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/vehSKXdCoFgJ34l4VDwWJ_screenshot-2026-09-28-at-164909.png)

3. Click on **Question 3**, click on **Edit block** button on the menu and select **Delete row** option. Do the same for **Question 4** as well. This way we will edit the block and remove the unnecessary FAQ items.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/XvWTOTkkdxSuGtPkd24uW_screenshot-2026-09-28-at-165009.png)

4. Once all done, it should look like below.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/8lRTIfl7NZqdYKzdTPh5o_screenshot-2026-09-28-at-165048.png)

## Adding a new block

*We want to add some information cards before the frequently asked questions. *

1. First, let's **add a Section**. Place your cursor below the Hero block, and type `/sec` and select **Section break** block:

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/MuPea8x1tEVTI8l3_wmaB_screenshot-2026-09-28-at-165206.png)

1. Place your cursor in between the 2 sections: 

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/OGSgYc4l_Mnr5jlfYumvV_image.png" size="100" isUploading="false" width="891" height="122" darkWidth="891" darkHeight="122" showCaption="false" indent="1"}

2. Go to menu options by clicking on **Outline**, and click on** Blocks **to show the available blocks.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/USEUl5UqVH0ffQxpQ8s7s_screenshot-2026-09-28-at-165250.png)



3. Click on the **Cards - Feature, **and **cards-feature** to add the Block element to the page. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/UcYJoGBGiNHgHoNJ1Je_6_screenshot-2026-09-28-at-165451.png)

4. See our **cards block** that has been added, with placeholder content. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/GQSDVx_ioM-Gh1KosuEpQ_screenshot-2026-09-28-at-165536.png)

5. Update the first cards row with TravelBrew content.
   1. On the Image block, click **Library** > **AEM Assets**
   2. Navigate to **Bootcamp** folder and **select** *Self-Heating-Anywhere.png*
   3. Replace Feature one title with `Self-Heating Anywhere`
   4. Replace Feature one description with `A built-in self-heating system means a genuinely hot cup on the summit, at camp or in the car — no power outlet required.`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ocnkvpXJWtzEz1I06HNat_screenshot-2026-09-28-at-165716.png)

6. Do the same for the second TravelBrew card content.
   1. On the Image block, click **Library** > **AEM Assets**
   2. Navigate to **Bootcamp** folder and **select** *Capsule-or-ground-coffee.png*
   3. Replace Feature one title with `Capsule or Ground`
   4. Replace Feature one description with `Brew your way. TravelBrew works with both capsules and your favourite ground coffee, so nothing is off the menu.`

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/vDo-dBfxvzGJtHo4YywG8_screenshot-2026-09-28-at-165758.png)

## Preview the TravelBrew landing page

1. When all content of the TravelBrew landing page is ready, scroll to the top and click the send icon and click **Preview.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/DDUH3qzbEixQiHIgpPS7R_screenshot-2026-09-28-at-165901.png)

1. This will open a new tab for our page to **preview.**

::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/4recEi6CCShd4L3OYxR5e_screenshot-2026-09-14-at-192906.png" size="100" isUploading="false" width="2626" height="1494" darkWidth="2626" darkHeight="1494" position="center" showCaption="false" indent="1"}



:::hint{type="success"}
## Congratulations!

You have s**uccessfully created a TravelBrew landing page in Document Authoring. **You used a template to get the initial structure, updated default block content and added new blocks.  You also previewed the page and validated its content, structure, and presentation.
:::



:::hint{type="success"}
Want to know more about Document Authoring's **latest updates?** [→ Click Here](https://docs.da.live/about/release-notes)
:::