### Doc NAVIGATION

- Getting Started
  - Requirements
  - What's Included
- Next Installation
- Basic Site Setting
  - Change Site Title and Favicon
  - Change Logo
- Template Options
  - Header
  - Hero Section
  - Tour Listings
  - Blog
  - About
  - Destinations
  - Terms
  - Contact
  - Footer
  - All Data
  - 404
- Global Color
- Change Log

# Getting Started

Welcome to Viatour - Travel & Tour Agency React NextJs Template We would like to thank you for choosing our template - Viatour.

It’s built with the most modern tools Bootstrap 5 + React NextJS. it’s a high-Quality and well organized React NextJS Template specially designed to fit all the needs of a Real Estate Business. With a wide variety of custom pages, 10 completely different Homepages and endless design possibilities.

it’s a very complete and highly customizable React NextJS template that will help you build your own website layouts. It's Simple, elegant, extensive, professional..

## Requirements

There are system requirements in order to install and setup this template and its components properly. Make sure that you alredy installed Node.js and Yarn in your pc

### Recommended node and yarn

#### Install Yarn

## What's Included

After purchasing Viatour template on themeforest.net with your envato account, go to your download page. You can choose to download Viatour template only (Installable React template) or the entire Viatour template.After extract the package you will find following this files:

### You can get the following items after purchasing our template from themeforest

- Viatour - An Installable React template zip file. this file you need to upload
- License - This folder contains the terms and conditions of the license.
- Documentation - This folder contains what you are reading now :)

## Next Installation

Please follow the instructions in the video to see how you can install React on your hosting:

1. For local host -
   1. Open you command prompt
   2. yarn install
   3. yarn dev (will start the dev server at http://loaclhost:3000)
2. Deploying to Netlify - https://www.youtube.com/watch?v=TbQ4kWX29lQ

1. For locally build -
   1. Open you command prompt
   2. yarn build (will build locally and generate public directory)
   3. yarn start (will start the locally build server at http://loaclhost:3000)
2. Deploying to Vercel - https://www.youtube.com/watch?v=_8wkKL0LKks

##### Other Scripts

1. Open you command prompt
2. yarn lint:fix (This will format your code and fix auto fixable eslint error)

## Change Site Title and Favicon

To change your Site title and Favicon open the Viatour in your editor and go to the location by following screenshot which are given bellow.

By folllowing this screenshot you can change favicon image
By folllowing this screenshot you can change page title

## Change Logo

To change your Site logo by following screenshot

1. From the template options go to components header

By folllowing this screenshot you can change your Logo

## Header

To change Header Menu content by following this screenshot here.

1. From the template options go to data menu.js && mobileMenu.js

Change Header Menu Content

## Hero Section

To change Hero Section content by following this screenshot here.

1. From the template options go to components homes hero

Change Hero Section Content

## Tour Listings Data

To change Tour Listings Data by following this screenshot here.

1. From the template options go to data tour.js

Change Tour Listings Data by the following screenshot

## Blog

To change Blog & Details Content you can change by following this screenshot here.

1. From the template options go to data blogs.js

Change About us Content by the following screenshot

## About

To change About Content you can change by following this screenshot here.

1. From the template options go to components pages about

Change Destinations Content by the following screenshot

## Destinations

To change Destinations Content you can change by following this screenshot here.

1. From the template options go to components pages destinations

Change Terms Content by the following screenshot

## Terms

To change Terms Content you can change by following this screenshot here.

1. From the template options go to components pages terms

Change Terms Content by the following screenshot

## Contact & Address

To change Contact Form and Address you can change by following this screenshot here.

1. From the template options go to components pages contact

Change Contact Form Content by the following screenshot

## Footer Menu & CopyRight

To change your Footer Social & CopyRight content you can change by following this screenshot here.

1. To Change footer menu data and social from the data folder options go to components layout footers

Change Footer Menu Content by following this screenshot.

## All Data for this site

To change your data content you can change by following this screenshot here.

1. To Change data from the data folder options go to data

Change All Data Content by following this screenshot.

## 404 Page

To change 404 page content you can change by following this screenshot here.

1. To change 404 page content from the data folder options go to app (pages) 404 page.jsx

Change 404 page Content by following this screenshot.

## Change Global Color

To change Change Global Color by following screenshot which are given bellow.

By folllowing this screenshot you can Change Global Color

## Change Log

Ib-Themes Team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.

###### 17 March 2024

Next release

1.1.0

Relese1) item preview and necessary bug fixed

###### 07 February 2024

Next release

1.0.0

Relese1) Item Release

###### Support? ibthemes21@gmail.com

If you like our product. Please Rate Us

If you need the template customization or custom development services please contact us.
Email Us