Xmoze - SaaS, App, Crypto Multipurpose Landing Template

Overview

Welcome to the Xmoze documentation. Xmoze is a SaaS, App, and Crypto multipurpose landing template built with React and Next.js. This README file provides an overview of the template's features, installation instructions, and customization options.

• Table of Contents
• Introduction
• Requirements
• Installation
• Running Development Server
• CLI Commands
• Pages
• Customization
• Credits and Sources
• Changelog
• Thanks

Introduction

Thank you for Reading our Readme File. If you have any questions beyond the scope of this help file, please feel free to email me at [email protected].

Requirements

To install and set up this template, ensure you have Node.js and npm installed.

Installation

To install the necessary packages, navigate to the project root directory and run:

yarn

After the installation, you should have a folder named /node_modules in the project root directory.

Running Development Server

To start the development server, run:

yarn dev

Open your browser and visit http://localhost:3000.

CLI Commands

• yarn dev - Start development server at http://localhost:3000
• yarn build - Generate production build
• yarn start - Serve build files at http://localhost:3000
• yarn export - Generate static site

Pages

The template includes the following pages:

index.js - 1st Home Page

index-two.js - 2nd Home Page

index-three.js - 3rd Home Page

about.js - About Page

services.js - Services Page

team.js - Team Page

projects.js - Portfolio/Project Page

faq.js - FAQ Page

404.js - 404 Page

Pricing.js- Pricing page

news.js - News/Blog Page

contact.js - contact page

Customization

Changing Logo

Path: components/Layout/Navbar.js

Changing Index Page Title

Path: pages/index.js

Changing About Page Title

Path: pages/about.js

Changing Favicon

Path: pages/_app.js

Changing Preloader

Path: components/Preloader/Preloader.js

Changing Hero Sliders Section Homepage

Path: components/Hero/Hero.js

Changing Page Banner

Path: pages/about.js

Changing Services

Path: components/services/servicesData.js

Changing Single Price Item

Path: components/pricing/pricingContent.js

Changing Blog Section Item

Path: components/Blog/blogData.js

Changing Copyright

Path: Layout/footer.js

SCSS Structure

-General styles -Typography -Helpers -Preloader -Go up button -Header and navigation -Hero Section -About us -Causes -Fun facts -Events -Blog Note: Responsive CSS is located at the bottom of the style.css file.

Changing Section Padding

Find and change it in style.css or _variable.scss file from the scss folder.

.section-padding {
    padding: 120px 0px;
}

Credits and Sources

• Bootstrap
• React Library
• Next.js Framework
• React Icons
• Animate.css
• Freepik Images

  Thank you

My Email

[email protected]