From aebcd01c8b6293069e90845ee9a3ae27a6f36050 Mon Sep 17 00:00:00 2001
From: F <franck@status.im>
Date: Mon, 20 Dec 2021 15:17:37 +1100
Subject: [PATCH] Fix links and typos (#15)

---
 package.json   |  2 +-
 src/index.html | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index bad4036..6d0e346 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dappconnect/dappconnect.dev",
   "version": "1.0.0",
-  "description": "DApp Connect - landing page",
+  "description": "DappConnect - landing page",
   "license": "MIT",
   "main": "src/index.html",
   "scripts": {
diff --git a/src/index.html b/src/index.html
index 8e0ed59..d98c2c8 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,7 +4,7 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link href="./css/styles.css" rel="stylesheet" />
-		<title>DApp Connect</title>
+		<title>DappConnect</title>
 		<link rel="preconnect" href="https://fonts.googleapis.com">
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 		<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
@@ -36,8 +36,8 @@
 									<a class="inline-block font-special font-bold text-xs mb-4 md:m-0" href="https://docs.dappconnect.dev/">Docs</a>
 									<img class="hidden transform duration-200 rotate-90 ml-2 md:block" src="assets/images/arrow/arrow-black.svg" alt="">
 									<ul class="bg-rectangle102 md:absolute md:top-full md:left-2/4 md:transform md:-translate-x-2/4 md:p-4 md:shadow md:hidden">
-										<li class="mb-4 md:my-0 md:mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/quick_start.html">Quick Start</a></li>
-										<li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/guides/index.html">Guides</a></li>
+										<li class="mb-4 md:my-0 md:mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/docs/quick_start/">Quick Start</a></li>
+										<li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/docs/guides/">Guides</a></li>
 										<li class="mb-4"><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://docs.dappconnect.dev/">Docs</a></li>
 										<li><a class="font-special font-medium text-xs whitespace-nowrap hover:text-blue hover:underline" href="https://github.com/status-im/?q=dappconnect&type=&language=&sort=">GitHub</a></li>
 									</ul>
@@ -57,7 +57,7 @@
 									</ul>
 								</li>
 							</ul>
-							<a href="https://docs.dappconnect.dev/quick_start.html" class="border border-rectangle97 font-bold text-xs py-3 px-6 md:hidden">Get Started</a>
+							<a href="https://docs.dappconnect.dev/docs/quick_start/" class="border border-rectangle97 font-bold text-xs py-3 px-6 md:hidden">Get Started</a>
 						</nav>
 						<div class="flex items-center justify-center mt-6 md:hidden">
 							<a href="">
@@ -78,7 +78,7 @@
 						</div>
 					</div>
 				</div>
-				<a href="https://docs.dappconnect.dev/quick_start.html" class="hidden border border-rectangle97 font-bold text-xs py-3 px-6 transition-colors duration-200 hover:bg-rectangle97 hover:text-rectangle102 md:block ">Get Started</a>
+				<a href="https://docs.dappconnect.dev/docs/quick_start/" class="hidden border border-rectangle97 font-bold text-xs py-3 px-6 transition-colors duration-200 hover:bg-rectangle97 hover:text-rectangle102 md:block ">Get Started</a>
 				<button id="burger" class="relative flex flex-col justify-center items-center w-12 h-12 md:hidden">
 					<span id="line-top" class="block w-6 h-0.5 bg-rectangle97"></span>
 					<span id="line-middle" class="block w-6 h-0.5 bg-rectangle97 my-1.5"></span>
@@ -122,7 +122,7 @@
 				<div class="mb-11 md:mb-15 lg:max-w-xs">
 					<h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Get started with DappConnect in minutes</h2>
 					<p class="text-sm leading-6 italic opacity-75 mb-7">The simple API allows you to introduce decentralized, private, secure communication to your application in minutes.</p>
-					<a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="" >Get started</a>
+					<a class="text-blue text-xs font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.dappconnect.dev/docs/quick_start/" >Get started</a>
 					<h1 class="testArea"></h1>
 				</div>
 				<div id="code" class="bg-rectangle97 p-4 md:px-8 lg:max-w-code lg:w-full lg:p-8 lg:h-96">
@@ -145,7 +145,7 @@
 					<span class="text-sm font-special text-rectangle102 tight">.</span>
 					<span class="text-sm font-special text-violet">create</span>
 					<span class="text-sm font-special text-rectangle102">({</span>
-					<span class="text-sm font-special text-blueLight">relay</span>
+					<span class="text-sm font-special text-blueLight">boostrap</span>
 					<span class="text-sm font-special text-rectangle102 tight-left">:</span>
 					<span class="text-sm font-special text-blueLight">true</span>
 					<span class="text-sm font-special text-rectangle102"> </span>
@@ -205,7 +205,7 @@
 				<div class="flex flex-col items-center mb-11 xl:mb-26">
 					<h2 class="font-bold text-sm text-center leading-6 whitespace-nowrap mb-4">Built with Waku</h2>
 					<p class="text-sm text-center leading-6 italic opacity-75 mb-7 md:max-w-32.5">Waku is a suite of protocols designed for private, secure, and decentralized messaging. Waku is the communication layer for Web3.</p>
-					<a class="text-blue text-xs text-center font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="">Learn more about Waku</a>
+					<a class="text-blue text-xs text-center font-bold italic bg-link-arrow-blue bg-left bg-no-repeat pl-3 hover:underline" href="https://waku.dev/">Learn more about Waku</a>
 				</div>
 				<div class="grid grid-cols-1 gap-6 mb-20 md:grid-cols-3 xl:gap-26">
 					<div>
@@ -232,7 +232,7 @@
 					</svg>
 					<div>
 						<h2 class="font-bold text-sm leading-6 mt-6 mb-5 md:mt-0">Use DappConnect for decentralized communications now</h2>
-						<a class="text-rectangle97 text-xs font-bold italic bg-link-arrow-black bg-left bg-no-repeat pl-3 hover:underline" href="">Get started</a>
+						<a class="text-rectangle97 text-xs font-bold italic bg-link-arrow-black bg-left bg-no-repeat pl-3 hover:underline" href="https://docs.dappconnect.dev/docs/quick_start/">Get started</a>
 					</div>
 				</div>
 			</section>
@@ -294,9 +294,9 @@
 							<div class="text-rectangle102 w-1/2 sm:w-auto md:w-24">
 								<h3 class="text-sm leading-6 mb-5">Developers</h3>
 								<ul>
-									<li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/quick_start.html">Quick Starts</a></li>
+									<li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/docs/quick_start/">Quick Starts</a></li>
 									<li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/">Docs</a></li>
-									<li><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/guides/index.html">Guides</a></li>
+									<li><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.dappconnect.dev/docs/guides/">Guides</a></li>
 								</ul>
 							</div>
 							<div class="text-rectangle102 w-1/2 sm:w-auto md:w-24 sm:order-3 xl:w-auto">