From 3f38a916414db5887cf720e491f91dd3a02de9b8 Mon Sep 17 00:00:00 2001
From: F <franck@status.im>
Date: Mon, 20 Dec 2021 15:22:55 +1100
Subject: [PATCH] Rename DappConnect to WakuConnect (#16)

---
 README.md      |  2 +-
 package.json   |  4 ++--
 src/index.html | 42 +++++++++++++++++++++---------------------
 3 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index d761023..d020254 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # Description
 
-This repository is the source for https://docs.dappconnect.dev/.
+This repository is the source for https://wakuconnect.dev/.
 
 It is built with [Gulp](https://gulpjs.com/) and styled with [TailWind](https://tailwindcss.com/).
 
diff --git a/package.json b/package.json
index 6d0e346..540316d 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "@dappconnect/dappconnect.dev",
+  "name": "@waku/wakuconnect.dev",
   "version": "1.0.0",
-  "description": "DappConnect - landing page",
+  "description": "WakuConnect - landing page",
   "license": "MIT",
   "main": "src/index.html",
   "scripts": {
diff --git a/src/index.html b/src/index.html
index d98c2c8..cfc4eec 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>DappConnect</title>
+		<title>WakuConnect</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">
@@ -33,12 +33,12 @@
 						<nav class="mb-auto">
 							<ul class="md:flex">
 								<li class="items-center menu-item relative mb-8 cursor-pointer md:flex md:m-0 md:py-2">
-									<a class="inline-block font-special font-bold text-xs mb-4 md:m-0" href="https://docs.dappconnect.dev/">Docs</a>
+									<a class="inline-block font-special font-bold text-xs mb-4 md:m-0" href="https://docs.wakuconnect.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/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 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.wakuconnect.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.wakuconnect.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.wakuconnect.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>
 								</li>
@@ -57,7 +57,7 @@
 									</ul>
 								</li>
 							</ul>
-							<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>
+							<a href="https://docs.wakuconnect.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/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>
+				<a href="https://docs.wakuconnect.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>
@@ -92,8 +92,8 @@
 			<section class="py-10 mb-10 border-b border-grey md:pl-20 lg:flex lg:justify-center lg:py-26 lg:mb-26">
 				<div class="max-w-lg md:max-w-2xl">
 					<h1 class="text-title md:text-3.5xl">Empower your dApp with decentralized communication</h1>
-					<p class="text-sm italic my-8 opacity-75 max-w-31 sm:pr-7">DappConnect seamlessly enhances your project with off-chain communication for decentralized, private, and secure messaging.</p>
-					<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/" >See the docs</a>
+					<p class="text-sm italic my-8 opacity-75 max-w-31 sm:pr-7">WakuConnect seamlessly enhances your project with off-chain communication for decentralized, private, and secure messaging.</p>
+					<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.wakuconnect.dev/" >See the docs</a>
 				</div>
 			</section>
 			<!-- Grid section -->
@@ -103,7 +103,7 @@
 					<div class="flex flex-col items-center">
 						<img src="assets/images/photo1.svg" alt="Private and Secure by Design">
 						<h3 class="font-bold text-sm text-center leading-6 my-4">Private and secure by design</h3>
-						<p class="text-sm text-center leading-6 opacity-75">DappConnect leverages peer-to-peer messaging protocols and strong end-to-end encryption to protect your users.</p>
+						<p class="text-sm text-center leading-6 opacity-75">WakuConnect leverages peer-to-peer messaging protocols and strong end-to-end encryption to protect your users.</p>
 					</div>
 					<div class="flex flex-col items-center">
 						<img src="assets/images/photo2.svg" alt="Decentralized Messaging">
@@ -113,16 +113,16 @@
 					<div class="flex flex-col items-center">
 						<img src="assets/images/photo3.svg" alt="dApp Ready">
 						<h3 class="font-bold text-sm text-center leading-6 my-4">dApp ready</h3>
-						<p class="text-sm text-center leading-6 opacity-75">Optimized for mobile and web platforms, DappConnect can be used by any project built on Ethereum or other blockchains.</p>
+						<p class="text-sm text-center leading-6 opacity-75">Optimized for mobile and web platforms, WakuConnect can be used by any project built on Ethereum or other blockchains.</p>
 					</div>
 				</div>
 			</section>
 			<!-- section code -->
 			<section id="sectionCode" class="border-b border-grey pb-10 mb-10 md:border-0 lg:border-b lg:flex lg:justify-between lg:px-28 lg:pb-25 lg:mb-25">
 				<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>
+					<h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Get started with WakuConnect 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="https://docs.dappconnect.dev/docs/quick_start/" >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.wakuconnect.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">
@@ -178,7 +178,7 @@
 			<section class="border-b border-grey pb-10 mb-10 md:pb-20 md:mb-20 lg:flex lg:justify-between lg:px-28 lg:pb-25 lg:mb-25">
 				<div class="mb-11 md:mb-5 lg:max-w-xs lg:mb-0 lg:mr-15">
 					<h2 class="font-bold text-sm leading-6 whitespace-nowrap mb-4">Use Cases</h2>
-					<p class="text-sm leading-6 italic opacity-75 mb-7">Anything that can be done off-chain can be done with DappConnect. Here are just a few examples.</p>
+					<p class="text-sm leading-6 italic opacity-75 mb-7">Anything that can be done off-chain can be done with WakuConnect. Here are just a few examples.</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 inspired, view more use cases</a>
 				</div>
 				<div class="grid gap-4 w-full sm:grid-cols-2 md:gap-x-6">
@@ -210,7 +210,7 @@
 				<div class="grid grid-cols-1 gap-6 mb-20 md:grid-cols-3 xl:gap-26">
 					<div>
 						<h3 class="font-bold text-sm leading-6 whitespace-nowrap mb-5 md:text-center xl:text-left">Tools, Docs, and Libraries</h3>
-						<p class="text-sm leading-6 opacity-75 md:text-center xl:text-left">DappConnect provides you with everything you need to facilitate the usage of Waku in dApps.</p>
+						<p class="text-sm leading-6 opacity-75 md:text-center xl:text-left">WakuConnect provides you with everything you need to facilitate the usage of Waku in dApps.</p>
 					</div>
 					<div>
 						<h3 class="font-bold text-sm leading-6 whitespace-nowrap mb-5 md:text-center xl:text-left">SDKs</h3>
@@ -231,8 +231,8 @@
 						<path d="M65.1678 54.0029C59.7468 50.9157 54.5283 47.9628 49.1748 44.9204C49.1748 51.0276 49.1748 56.9334 49.1748 63.0854C54.4833 60.0653 59.7018 57.1124 65.1678 54.0029Z" fill="currentColor"/>
 					</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="https://docs.dappconnect.dev/docs/quick_start/">Get started</a>
+						<h2 class="font-bold text-sm leading-6 mt-6 mb-5 md:mt-0">Use WakuConnect 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="https://docs.wakuconnect.dev/docs/quick_start/">Get started</a>
 					</div>
 				</div>
 			</section>
@@ -288,15 +288,15 @@
 							<svg class="w-8 h-8 text-rectangle102">
 								<use href="#logo"/>
 							</svg>
-							<p class="text-sm text-rectangle102 leading-6 opacity-75 ml-10">DappConnect <br> Empower your dApp with <br> decentralized communication</p>
+							<p class="text-sm text-rectangle102 leading-6 opacity-75 ml-10">WakuConnect <br> Empower your dApp with <br> decentralized communication</p>
 						</div>
 						<div class="flex flex-wrap justify-between md:w-full xl:max-w-xl">
 							<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/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/docs/guides/">Guides</a></li>
+									<li class="mb-3.5"><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.wakuconnect.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.wakuconnect.dev/">Docs</a></li>
+									<li><a class="text-sm leading-6 opacity-75 hover:underline hover:opacity-100" href="https://docs.wakuconnect.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">