logo
  • Awesome templates
  • Purchase
  • Buy More Template

Doc NAVIGATION

  • Getting Started
    • Requirements
    • What's Included
  • XhibiterNext Installation
  • XhibiterBasic Site Setting
    • Change Site Title and Favicon
    • Change Logo
  • XhibiterTemplate Options
    • Header
    • Hero Section
    • Property Listings
    • Agent View
    • Agencies View
    • Blog
    • Pricing
    • FAQ
    • Contact
    • Footer
    • All Data
    • 404
  • XhibiterGlobal Color
  • XhibiterChange Log

Getting Started

Welcome to InmoGibert We would like to thank you for choosing our template - Homez.

It’s built with the most modern tools Bootstrap 5 + NextJS. it’s a high-Quality and well organized 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 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

installation

installation

Install Yarn

installation

What's Included

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

whats-included

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

  • Homez - 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 Xhibiter in your editor and go to the location by following screenshot which are given bellow.

go to Appearance -> Import Demo Data
By folllowing this screenshot you can change favicon image
go to Appearance -> Import Demo Data
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 srccomponentshome home-v1 Header.js
Go to Dashboard > Imroz template Options > General > upload your logo from here.
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 src datanavItems.js && mobileMenuItems.js
Change Profile Image
Change Header Menu Content

Hero Section

To change Hero Section content by following this screenshot here.

  1. From the template options go to stc components home home-v1 hero index.js
Change Profile Image
Change Hero Section Content

Property Listings Data

To change Property Listings Data by following this screenshot here.

  1. From the template options go to src data listings.js
Change Profile Image
Change Property Listings Data by the following screenshot

Agent Listing Data

To change Agent Data by following this screenshot here.

  1. From the template options go to src data agents.js
Change Profile Image
Change Agent Listings Data by the following screenshot

Agency Listing Data

To change Agency Data by following this screenshot here.

  1. From the template options go to src data agency.js
Change Profile Image
Change Agency 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 src data blogs.js
Change Blog Archive Setting
Change Blog Content by the following screenshot

Pricing

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

  1. From the template options go to src components pages pricing Pricing.js
Change Blog Archive Setting
Change Pricing Content by the following screenshot

FAQ

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

  1. From the template options go to src components pages faq Faq1.js & Faq2.js
Change Blog Archive Setting
Change FAQ 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 src component pages contactForm.js && Office.js
Change Blog Archive Setting
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 src components commondefault-footerindex.js
  1. To Change footer menu data and social from the data folder options go to src components commondefault-footerCopyright.js
Change Back to Top Arrow Setting
Change Footer Menu Content by following this screenshot.
Change Back to Top Arrow Setting
Change Footer CopyRight 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 src data
Change Back to Top Arrow Setting
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 src app [...not_found] page.js
Change Back to Top Arrow Setting
Change 404 page Content by following this screenshot.

How to Change Gloabl Color

To change Gloabl Color you can change by following this screenshot here.

  1. To change Gloabl Color from the public folder options go to public scss _style.scss
Change Back to Top Arrow Setting
Change Gloabl Color for the Content by following this screenshot.

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.

23 August 2024

Next release

1.8

New1) Primary Color variable added. Now you can easily change your desire primary color
2) Documentation Updated

21 May 2024

Next release

1.7

New 1) react-input-range slider removed
2) rc-slder added
3) Documentation Updated

26 February 2024

Next release

1.6

New1) Font issue fixed for live Deployment

04 February 2024

Next release

1.5

New1) Template has been upgraded from Next.js version 13 to version 14!
2) Documentation Updated

09 October 2023

Next release

1.4

New1) Home-5 Swiper Slider Issue fixed
2) Build time warning issue fixed

05 October 2023

Next release

1.3

New1) Swiper Slider Issue fixed for Propery Single v6 & v8

04 October 2023

Next release

1.2

New1) Released v13.5.4+
2) 22% faster local server startup: Iterate faster with the App & Pages Router.
3) 29% faster HMR (Fast Refresh): For faster iterations when saving changes.
4) 40% less memory usage: Measured when running next start.
5) Optimized Package Imports: Faster updates when using popular icon and component libraries.

09 September 2023

Next release

1.1

New1) Home 9 & 10 Released
2) Property Single 6,7,8,9,10 Released

07 September 2023

Init release

1.0

New1) Template 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

Xhibiter

© 2023 All Rights Reserved by ib-themes