Replace section Getting Started to Get Started | Fixes liferay#1111

clayui.com/content/docs/advanced-guides/using-js-components-with-metal.md

@@ -8,7 +8,7 @@ Clay Components are made according to Lexicon standards and built on top of the
 
 ## Jsx
 
-You can import your components as described in [Importing the JS Component](/docs/getting-started/importing-the-js-component.html). Consider the example below:
+You can import your components as described in [Importing the JS Component](/docs/get-started/importing-the-js-component.html). Consider the example below:
 
 
 ```javascript

clayui.com/content/docs/getting-started/importing-the-js-component.md → clayui.com/content/docs/get-started/importing-the-js-component.md

@@ -72,7 +72,7 @@ const badge = new ClayBadge(
 
 Once added to your page, the Clay components are accessible globally on the page with all components.
 
-> See [Introduction](/docs/getting-started/introduction.html).
+> See [Introduction](/docs/get-started/introduction.html).
 
 ```html
 <div id="element"></div>

clayui.com/content/docs/getting-started/introduction.md → clayui.com/content/docs/get-started/introduction.md

@@ -153,7 +153,7 @@ And it opens `http://localhost:8080` in the browser. You should see `Hello World
 
 ### Step 2: Install Clay component
 
-You can install Clay packages individually or install all packages at once. See [Importing the JS Component](/docs/getting_started/importing-the-js-component.html) for more information. In this example, we will install only the `ClayBadge` package, using the command below:
+You can install Clay packages individually or install all packages at once. See [Importing the JS Component](/docs/get-started/importing-the-js-component.html) for more information. In this example, we will install only the `ClayBadge` package, using the command below:
 
 ```bash
 npm install --save clay-badge

clayui.com/content/docs/getting-started/web-components.md → clayui.com/content/docs/get-started/web-components.md

@@ -12,7 +12,7 @@ Clay is highly flexible, so you can use the components in different applications
 
 ## Installation
 
-You can start by choosing how to import your component: by [npm](/docs/getting-started/importing-the-js-component.html) or [CDN](/docs/getting-started/introduction.html). You need to import the javascript of the component into your application in order for Clay to be included and rendered as a WebComponent component.
+You can start by choosing how to import your component: by [npm](/docs/get-started/importing-the-js-component.html) or [CDN](/docs/get-started/introduction.html). You need to import the javascript of the component into your application in order for Clay to be included and rendered as a WebComponent component.
 
 ## Using
 

clayui.com/gatsby/createPages.js

@@ -17,7 +17,7 @@ module.exports = async ({ boundActionCreators, graphql }) => {
 	createRedirect({
 		fromPath: '/docs/',
 		redirectInBrowser: true,
-		toPath: '/docs/getting-started/introduction.html',
+		toPath: '/docs/get-started/introduction.html',
 	});
 
 	createRedirect({
@@ -35,7 +35,7 @@ module.exports = async ({ boundActionCreators, graphql }) => {
 	createRedirect({
 		fromPath: '/docs/getting-started/',
 		redirectInBrowser: true,
-		toPath: '/docs/getting-started/introduction.html',
+		toPath: '/docs/get-started/introduction.html',
 	});
 
 	return graphql(`

clayui.com/src/components/LayoutNav/LayoutNav.js

@@ -51,7 +51,7 @@ class LayoutNav extends Component {
                     </Link>
                     <ul className="navbar-nav ml-auto">
                         <li className="nav-item">
-                            <Link className="nav-link ml-3" to="/docs/getting-started/introduction.html">Getting Started</Link>
+                            <Link className="nav-link ml-3" to="/docs/get-started/introduction.html">Getting Started</Link>
                         </li>
                         <li className="nav-item">
                             <Link className="nav-link ml-3" to="/docs/components/alerts.html">

clayui.com/src/data/sidebars/doc-links.yaml

@@ -1,18 +1,18 @@
-- title: Getting Started
-  id: getting-started
+- title: Get started
+  id: get-started
   items:
     - title: Introduction
       id: introduction
-      link: /docs/getting-started/introduction
+      link: /docs/get-started/introduction
     - title: Whats is Clay
       id: clay
-      link: /docs/getting-started/clay
+      link: /docs/get-started/clay
     - title: Importing the JS Component
       id: importing-the-js-component
-      link: /docs/getting-started/importing-the-js-component
+      link: /docs/get-started/importing-the-js-component
     - title: Web Components
       id: web-components
-      link: /docs/getting-started/web-components
+      link: /docs/get-started/web-components
 - title: Advanced Guides
   id: advanced-guides
   items:

clayui.com/src/pages/index.js

@@ -36,7 +36,7 @@ class Index extends Component {
                                     <div className="container-fluid container-fluid-max-lg">
                                         <h1 className="h1">This is Clay</h1>
                                         <h2 className="h3">A Web Implementation of Lexicon Experience Language</h2>
-                                        <Link to="/docs/getting-started/introduction.html" className="btn btn-lg btn-light font-weight-bold mx-3 mb-4">
+                                        <Link to="/docs/get-started/introduction.html" className="btn btn-lg btn-light font-weight-bold mx-3 mb-4">
                                             Get Started
                                         </Link>
                                         <a className="btn btn-lg btn-outline-light font-weight-bold mx-3 mb-4" href="https://github.com/liferay/clay" target="_blank">
@@ -61,7 +61,7 @@ class Index extends Component {
                                             <img className="mx-auto" src="/images/home/what.svg" alt="" />
                                             <h2 className="font-weight-bold">What is Clay?</h2>
                                             <p>Clay is Liferay's web implementation of Lexicon Experience Language. Built with Bootstrap as a foundation, it's comprised of HTML, CSS, and JS.</p>
-                                            <Link to="/docs/getting-started/clay.html" className="learn-more">
+                                            <Link to="/docs/get-started/clay.html" className="learn-more">
                                                 Learn More
                                             </Link>
                                         </div>