HeroSection

Targeting

It targets the main component of the homepage, which is the first interface visible to the visitor. On this page, you will find:

  1. Clear title
  2. Brief description
  3. Download buttons and information about the application
  4. Short description about the app users

The focus is on enhancing the main component of the homepage, which is the visitor's first interaction, and this page includes the mentioned elements above.

As for the image, you can modify it in the advanced settings in the images section

HeroSection

Track

The term "path" here refers to the main JSON file in the API directory used to modify component content.

You can access the editing file by following these steps:

  1. Open the "content" folder.
  2. Open the "api" folder.
  3. Open the "herosection.json" file.

The path is as follows:

content > api > herosection.json

You will find this content:

content > api > herosection.json
{
  "title": "HERE YOU CAN ADD A SHORT AND COARSE DESCRIPTION OF THE VISITOR",
  "description": "Here you can add a medium-length description, and the font is medium-sized",
  "user": "Here put short description about the app users"
}

json file original (API)

What is meant here is the content of the original file is empty, here you can copy the content of the file in case any information or content is lost or to verify.

herosection.json
{
  "title": "",
  "description": "",
  "user": ""
}

Explanation of the amendment

The editing process is straightforward.

After opening the modification file as mentioned earlier, follow these editing steps:

  • To change the data, edit the text within the quotation marks (OBJECT ADDRESS). For instance, you can modify the title to "New Title" and the description to "New Description."
OBJECT ADDRESSTHE CONTENT BEING MODIFIED
titleHere you can add a short and coarse description of the visitor
descriptionHere you can add a medium-length description, and the font is medium-sized
userHere put short description about the app users
  • Once you finish the edits, save the file by clicking on "File" in the upper-left corner. Then choose "Save" or use the shortcut Ctrl + S (on Windows) or Command + S (on macOS).

Now you can observe the changes you made in your application when you reload or run it.

If the page does not refresh, you may need to refresh the web page

Visual help

This video explains the method in general

This video is a general example of how to open a file, modify it, and record the result and This video helps you understand the basic method of editing content