Dimon - React Next App Landing Page Template

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to open a new support request

IMPORTANT: It's built with React JS and It's not a regular HTML Template.

Installation
  • Node.js and NPM : You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js.
Install Npm Packages
  • First unzip dimon-v1.0.zip you will find two folders including dimon (this is your root folder). Open this folder with VS Code (or any other you like). And follow step below.
  • NPM : You must have to run npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.
Development server
  • Run yarn dev or npm run dev for a dev server. Navigate to http://localhost:3000 . The app will automatically reload if you change any of the source files.
Build for production and launch server
dimon/
+
├───.idea
├───.next
│   ├───cache
│   │   ├───autodll-webpack-plugin
│   │   │   └───development_instance_0_7042ad706b7c871c97b6d1d6d1d8cd34
│   │   └───next-babel-loader
│   ├───server
│   │   └───static
│   │       └───development
│   │           └───pages
│   │               └───next
│   │                   └───dist
│   │                       └───pages
│   └───static
│       ├───chunks
│       ├───development
│       │   ├───dll
│       │   └───pages
│       │       └───next
│       │           └───dist
│       │               └───pages
│       ├───runtime
│       └───webpack
│           └───static
│               └───development
│                   └───pages
├───components
├───pages
└───public
    └───assets
        ├───css
        ├───fonts
        ├───images
        │   ├───app-shots
        │   ├───background
        │   ├───blog
        │   ├───favicons
        │   ├───mocs
        │   └───resources
        ├───js
        ├───plugins
        │   └───dimon-icons
        │       ├───demo-files
        │       └───fonts
        └───scss
+

Help: For detailed explanation on how things work, check out Next.js docs.
Default Layout

dimon/components/Layout.js

Home

dimon/pages/index.js

Home 2

dimon/pages/index-2.js

How to change Logo ?

Open dimon/components/NavOne.js and NavTwo.js

How to change Copyright ?

Open dimon/components/Footer.js