diff --git a/components/Nav.tsx b/components/Nav.tsx
new file mode 100644
index 00000000..70c86022
--- /dev/null
+++ b/components/Nav.tsx
@@ -0,0 +1,47 @@
+export default function Nav() {
+  return (
+    <nav className="flex justify-between">
+      <div>
+        <button type="button" className="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+          <span className="icon-bar"></span>
+          <span className="icon-bar"></span>
+          <span className="icon-bar"></span>
+        </button>
+        <a className="main-logo pull-left" href="/">
+          <img className="img-responsive" width="50" src="/datahub-cube.svg" />
+        </a>
+      </div>
+      <div className="collapse navbar-collapse" id="myNavbar" >
+        <ul className="flex uppercase text-sm pt-10">
+          <li className="pr-12">
+            <a href="/about">About</a>
+          </li>
+          <li className="pr-12">
+            <a href="/news">News</a>
+          </li>
+          <li className="pr-12">
+            <a href="/search" className="text-orange-500 join-link">Find data</a>
+          </li>
+          <li className="pr-12">
+            <a href="/collections">Collections</a>
+          </li>
+          <li className="pr-12">
+            <a href="/requests">Requests</a>
+          </li>
+          <li className="pr-12">
+            <a href="/docs">Docs</a>
+          </li>
+          <li className="pr-12">
+            <a href="/pricing">Pricing</a>
+          </li>
+          <li className="pr-12">
+            <a href="/download">Tools</a>
+          </li>
+          <li className="pr-12">
+            <a href="https://gitter.im/datahubio/chat" className="chat" target="_blank">Chat</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+  )
+}
diff --git a/pages/index.tsx b/pages/index.tsx
index e27d4ffa..e318d88f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,6 @@
 import Head from 'next/head'
+import Link from 'next/link'
+import Nav from '../components/Nav'
 
 export default function Home() {
   return (
@@ -7,164 +9,137 @@ export default function Home() {
         <title>Create Next App</title>
         <link rel="icon" href="/favicon.ico" />
       </Head>
-
       <main>
-        <h1 className="title">
-          Welcome to <a href="https://nextjs.org">Next.js!</a>
-        </h1>
-
-        <p className="description">
-          Get started with Next.js
-        </p>
-
-        <div className="grid">
-          <a href="/@myorg/myDataset" className="card">
-            <h3>Showcase &rarr;</h3>
-            <p>Find Mocked Data Page of frontend v3 Project.</p>
-          </a>
-
-          <a
-            href="https://vercel.com/import?filter=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className="card"
-          >
-            <h3>Deploy &rarr;</h3>
-            <p>
-              Instantly deploy your Next.js site to a public URL with Vercel.
-            </p>
-          </a>
-        </div>
+        <Nav />
+        <section className="flex mt-10 ml-40 justify-center">
+          <div>
+            <img src="/banner.png" width="500" />
+          </div>
+          <div className="mx-32">
+            <h1 className="text-4xl font-thin">Find, Share and Publish <br /> Quality Data with <span className="text-orange-500">Datahub</span>
+            </h1>
+            <p className="text-md font-light w-4/5">At Datahub, we have over thousands of datasets for free and a Premium Data Service for additional or customised data with guaranteed updates.</p>
+            <form className="py-4 flex" action="/search" method="GET">
+              <div className="border-2">
+                <input type="text" className="pr-24 pl-4 py-2" placeholder="Search ..." name="q" required />
+              </div>
+              <div className="mx-3">
+                <button className="bg-black text-white rounded-sm px-4 py-3 font-thin" type="submit">Search Datasets</button>
+              </div>
+            </form>
+          </div>
+        </section>
+        <section className="flex mt-6">
+          <div className="bg-gray-100 px-4 flex items-start py-5 mx-3">
+            <div className="px-5 pt-4">
+              <img src="/core.png" alt="core icon" width="100" />
+            </div>
+            <div>
+              <h2 className="text-2xl font-thin">Core Datasets</h2>
+              <p className="pb-3 sub">Datahub provides important, commonly-used data as high quality, easy-to-use and open data packages.</p>
+              <Link href="#" >
+                <a className="text-orange-500">View Collections ›</a>
+              </Link>
+            </div>
+          </div>
+          <div className="bg-gray-100 px-4 flex items-start py-5 mx-3">
+            <div className="px-5 pt-4">
+              <img src="/request.png" alt="core icon" width="100" />
+            </div>
+            <div>
+              <h2 className="text-2xl font-thin">Request Data</h2>
+              <p className="pb-3 sub">A service to locate and/or prepare data. There is no cost for making a request and all requests are completely confidential.</p>
+              <Link href="#">
+                <a className="text-orange-500">Request Now ›</a>
+              </Link>
+            </div>
+          </div>
+          <div className="bg-gray-100 px-4 flex items-start py-5 mx-3">
+            <div className="px-5 pt-4">
+              <img src="/earth-globe.png" alt="core icon" width="100" />
+            </div>
+            <div>
+              <h2 className="text-2xl font-thin">Publish Data</h2>
+              <p className="pb-3 sub">Securely share and elegantly put data online with quality checks, versioning, data APIs, notifications & integrations.</p>
+              <Link href="#">
+                <a className="text-orange-500"> Start Publishing ›</a>
+              </Link>
+            </div>
+          </div>
+        </section>
+        <section className="core-datasets mt-20 flex justify-center" id="core-datasets">
+          <div className="grid grid-cols-3 grid-rows-2 w-3/6">
+            <div className="bg-gray-100 px-3 m-1">
+              <div className="py-2">
+                <h4 className="title font-thin">S&P 500 Companies</h4>
+                <p className="sub mb-4">S&P 500 Companies with Financial Information</p>
+                <a href="/core/s-and-p-500-companies" className="text-orange-500 text-base">View</a>
+              </div>
+            </div>
+            <div className="bg-gray-100 px-3 m-1">
+              <div className="py-2">
+                <h4 className="title font-thin">Major cities of the world</h4>
+                <p className="sub mb-4">List of all the major cities in the world</p>
+                <a href="/core/world-cities" className="text-orange-500 text-base">View</a>
+              </div>
+            </div>
+            <div className="bg-gray-100 row-span-2 px-3 m-1">
+              <div className="py-2">
+                <img src="/co2.png" width="70" />
+                <h4 className="title font-thin">CO2 PPM</h4>
+                <p className="sub mb-4">CO2 PPM - Trends in Atmospheric Carbon Dioxide
+                        <br />co2-ppm | files 7 | 300kB</p>
+                <a href="/core/co2-ppm" className="text-orange-500 text-base">View Dataset</a>
+              </div>
+            </div>
+            <div className="bg-gray-100 row-span-2 px-3 m-1">
+              <div className="py-2">
+                <img src="/worldwide.png" width="70" />
+                <h4 className="title font-thin">Country List</h4>
+                <p className="sub mb-4">List of all countries with their 2 digit codes (ISO 3166-1)
+                <br />country-list | files 2 | 27kB</p>
+                <a href="/core/country-list" className="text-orange-500 text-base">View Dataset</a>
+              </div>
+            </div>
+            <div className="bg-gray-100 px-3 m-1">
+              <div className="py-2">
+                <h4 className="title font-thin">ISO Language Codes</h4>
+                <p className="sub mb-4">ISO Language Codes (639-1 and 693-2) and IETF Language Types</p>
+                <a href="/core/language-codes" className="text-orange-500 text-base">View</a>
+              </div>
+            </div>
+            <div className="bg-gray-100 px-3 m-1">
+              <div className="py-2">
+                <h4 className="title font-thin">Global Temperature</h4>
+                <p className="sub mb-4">Data are included from the GISS Surface Temperature</p>
+                <a href="/core/global-temp" className="text-orange-500 text-base">View</a>
+              </div>
+            </div>
+          </div>
+          <div className="ml-10">
+            <h3 className="text-2xl font-thin">Core Datasets, data as you’d want to use it</h3>
+            <h1 className="text-4xl py-3 font-thin">Quality Data ready to Integrate</h1>
+            <ul className="list-disc mb-10">
+              <li className="py-3">High quality data ready to inspect, download and use. <a href="/docs/core-data" className="text-orange-500">Read more &rsaquo;</a></li>
+              <li className="py-3">Bulk and API access ready for automated integration with SDKs in Python, JS and many more. <a href="/docs/getting-started/getting-data" className="text-orange-500">Read more &rsaquo;</a></li>
+              <li className="py-3">Send a request if you need a help to find some good, quality dataset.</li>
+            </ul>
+            <a href="/core" className="bg-black text-white px-5 py-4 rounded-sm">Discover Datasets</a>
+          </div>
+        </section>
       </main>
-
-      <footer>
-        <a
-          href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Powered by{' '}
-          <img src="/vercel.svg" alt="Vercel Logo" className="logo" />
-        </a>
-      </footer>
-
       <style jsx>{`
-        .container {
-          min-height: 100vh;
-          padding: 0 0.5rem;
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-        }
-
         main {
-          padding: 5rem 0;
           flex: 1;
           display: flex;
           flex-direction: column;
-          justify-content: center;
-          align-items: center;
         }
-
-        footer {
-          width: 100%;
-          height: 100px;
-          border-top: 1px solid #eaeaea;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-
-        footer img {
-          margin-left: 0.5rem;
-        }
-
-        footer a {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-
-        a {
-          color: inherit;
-          text-decoration: none;
-        }
-
-        .title a {
-          color: #0070f3;
-          text-decoration: none;
-        }
-
-        .title a:hover,
-        .title a:focus,
-        .title a:active {
-          text-decoration: underline;
-        }
-
         .title {
-          margin: 0;
-          line-height: 1.15;
-          font-size: 4rem;
+          font-size: 16px;
         }
 
-        .title,
-        .description {
-          text-align: center;
-        }
-
-        .description {
-          line-height: 1.5;
-          font-size: 1.5rem;
-        }
-        
-        .grid {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-wrap: wrap;
-
-          max-width: 800px;
-          margin-top: 3rem;
-        }
-
-        .card {
-          margin: 1rem;
-          flex-basis: 45%;
-          padding: 1.5rem;
-          text-align: left;
-          color: inherit;
-          text-decoration: none;
-          border: 1px solid #eaeaea;
-          border-radius: 10px;
-          transition: color 0.15s ease, border-color 0.15s ease;
-        }
-
-        .card:hover,
-        .card:focus,
-        .card:active {
-          color: #0070f3;
-          border-color: #0070f3;
-        }
-
-        .card h3 {
-          margin: 0 0 1rem 0;
-          font-size: 1.5rem;
-        }
-
-        .card p {
-          margin: 0;
-          font-size: 1.25rem;
-          line-height: 1.5;
-        }
-
-        .logo {
-          height: 1em;
-        }
-
-        @media (max-width: 600px) {
-          .grid {
-            width: 100%;
-            flex-direction: column;
-          }
+        .sub {
+          font-size: 12px;
         }
       `}</style>
 
@@ -182,6 +157,6 @@ export default function Home() {
           box-sizing: border-box;
         }
       `}</style>
-    </div>
+    </div >
   )
 }
diff --git a/public/banner.png b/public/banner.png
new file mode 100644
index 00000000..189b36bf
Binary files /dev/null and b/public/banner.png differ
diff --git a/public/co2.png b/public/co2.png
new file mode 100644
index 00000000..d25f03e1
Binary files /dev/null and b/public/co2.png differ
diff --git a/public/core.png b/public/core.png
new file mode 100644
index 00000000..b41a381d
Binary files /dev/null and b/public/core.png differ
diff --git a/public/datahub-cube.svg b/public/datahub-cube.svg
new file mode 100644
index 00000000..7d35408b
--- /dev/null
+++ b/public/datahub-cube.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-32 -19 340 340" style="enable-background:new 0 0 283.5 283.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M-99.8,385.4c0-162.1,0-324.2,0-486.2c161,0,321.9,0,482.9,0c0,162.1,0,324.2,0,486.2
+		C222.2,385.4,61.2,385.4-99.8,385.4z M-30.3-20.2c0,113.1,0,226.2,0,339.2c113.1,0,226.2,0,339.2,0c0-113.1,0-226.1,0-339.2
+		C195.8-20.2,82.8-20.2-30.3-20.2z"/>
+	<path d="M-30.3-20.2c113.1,0,226.1,0,339.2,0c0,113.1,0,226.1,0,339.2c-113,0-226.1,0-339.2,0C-30.3,206-30.3,93-30.3-20.2z
+		 M222.8,211.1c0.2-0.1,0.3-0.2,0.4-0.2c4.1-2.5,6.3-6.2,6.9-10.9c0.8-6.9-1.4-13.1-7.7-16.8c-3.5-2.1-7.4-2.9-11.5-2.9
+		c-7.5,0-15,0-22.4,0c-0.4,0-0.8,0-1.3,0.1c0,22.2,0,44.2,0,66.3c0.4,0,0.7,0.1,1,0.1c8.6,0,17.2,0,25.8,0c1.4,0,2.7-0.1,4.1-0.3
+		c6.1-1,11-4,13.7-9.7c4-8.3,2-18.6-7.3-24.6C223.9,211.8,223.4,211.5,222.8,211.1z M5.2,120.4c6.7,0,13.2,0,19.7,0
+		c2.4,0,4.9-0.1,7.3-0.5c10.5-1.6,17.7-7.2,20.6-17.5c2.9-10.2,2.7-20.5-0.5-30.6C50,64.4,45.3,59,37.9,56.1
+		c-4-1.5-8.3-2.1-12.6-2.2c-6.3,0-12.6,0-19,0C6,54,5.6,54,5.2,54C5.2,76.2,5.2,98.2,5.2,120.4z M95.4,246.6c0-22.2,0-44.2,0-66.3
+		c-2.5,0-4.8,0-7.3,0c0,9.3,0,18.5,0,27.8c-12,0-23.8,0-35.8,0c0-9.3,0-18.5,0-27.8c-2.6,0-5,0-7.4,0c0,22.1,0,44.2,0,66.3
+		c2.5,0,4.9,0,7.5,0c0-10.5,0-20.9,0-31.3c12,0,23.9,0,35.8,0c0,10.5,0,20.9,0,31.4C90.6,246.6,93,246.6,95.4,246.6z M116.3,180.2
+		c0,0.5,0,0.9,0,1.3c0,15-0.1,29.9,0,44.9c0.1,8.9,4.2,15.4,12.1,19.5c6.1,3.2,12.7,3.6,19.4,2.3c12.6-2.4,19.1-12.2,18.9-22.8
+		c-0.2-14.6-0.1-29.2-0.1-43.8c0-0.5,0-0.9,0-1.4c-2.6,0-5,0-7.4,0c0,0.6,0,1.1,0,1.5c0,14.8,0,29.5,0,44.3c0,4.3-1.5,8.1-4.6,11.1
+		c-3.2,3.1-7.1,4.5-11.5,4.8c-9.6,0.8-19.8-5-19.5-17.4c0.4-14.3,0.1-28.6,0.1-42.8c0-0.5,0-1,0-1.6
+		C121.2,180.2,118.8,180.2,116.3,180.2z M130.1,120.4c-0.2-0.6-0.4-1.1-0.6-1.5c-3.7-9.3-7.5-18.7-11.2-28
+		c-4.8-11.9-9.6-23.9-14.3-35.8c-0.3-0.9-0.8-1.2-1.7-1.1c-1.5,0.1-3,0.1-4.4,0c-0.8,0-1.3,0.2-1.6,1C88,76.5,79.5,97.9,71,119.4
+		c-0.1,0.3-0.2,0.6-0.3,1c1.3,0,2.4,0,3.5,0c1.4,0,3.2,0.4,4.2-0.2c1-0.6,1.1-2.4,1.7-3.7c2.2-5.5,4.3-11.1,6.5-16.7
+		c0.5,0,1,0,1.5,0c8.2,0,16.3,0,24.5,0c1.2,0,1.7,0.3,2.1,1.4c2.3,6.1,4.7,12.2,7.2,18.3c0.2,0.4,0.6,0.9,1,0.9
+		C125.2,120.4,127.6,120.4,130.1,120.4z M210.3,120.4c2.2,0,4.3-0.1,6.4,0c1.1,0,1.7-0.3,2.1-1.4c2.3-6.1,4.7-12.2,7.1-18.3
+		c0.3-0.7,0.6-1,1.4-1c8.5,0,17,0,25.4,0c0.7,0,1.2,0.2,1.4,0.9c0.3,1,0.8,1.9,1.1,2.9c2.1,5.3,4.2,10.6,6.3,15.9
+		c0.1,0.4,0.6,0.9,0.9,0.9c2.4,0.1,4.9,0,7.4,0c-0.2-0.5-0.3-0.9-0.5-1.3c-4.9-12.3-9.8-24.6-14.8-36.9c-3.6-9-7.2-18.1-10.8-27.1
+		c-0.3-0.8-0.7-1.1-1.6-1.1c-1.4,0.1-2.9,0.1-4.3,0c-1-0.1-1.5,0.2-1.8,1.2c-8,20.3-16,40.6-24,60.9
+		C211.5,117.5,210.9,118.9,210.3,120.4z M195.6,60.2c0-2.2,0-4.2,0-6.1c-16.9,0-33.7,0-50.5,0c0,2.1,0,4.1,0,6.2
+		c7.2,0,14.4,0,21.6,0c0,20.1,0,40.1,0,60.1c2.5,0,5,0,7.5,0c0-20.1,0-40,0-60.1C181.4,60.2,188.5,60.2,195.6,60.2z"/>
+	<path class="st0" d="M222.8,211.1c0.7,0.4,1.2,0.7,1.7,1c9.3,6,11.3,16.3,7.3,24.6c-2.7,5.7-7.6,8.7-13.7,9.7
+		c-1.3,0.2-2.7,0.3-4.1,0.3c-8.6,0-17.2,0-25.8,0c-0.3,0-0.6,0-1-0.1c0-22.1,0-44.2,0-66.3c0.4,0,0.8-0.1,1.3-0.1c7.5,0,15,0,22.4,0
+		c4.1,0,8,0.8,11.5,2.9c6.3,3.7,8.5,9.9,7.7,16.8c-0.6,4.7-2.8,8.5-6.9,10.9C223.1,210.9,223,210.9,222.8,211.1z M194.6,214.5
+		c0,8.6,0,17.1,0,25.6c0.2,0.1,0.2,0.1,0.3,0.1c3.8,0,7.6,0,11.4,0c3.1,0,6.2,0,9.2-0.3c5.1-0.5,8.7-3.5,9.8-8
+		c2.3-8.6-4.2-17.3-13.1-17.4c-5.6-0.1-11.1-0.1-16.7-0.1C195.3,214.4,195,214.4,194.6,214.5z M194.6,207.6c0.2,0.1,0.2,0.1,0.3,0.1
+		c5.9,0,11.8,0.2,17.7,0c5.6-0.2,9.6-3.7,10.2-8.6c0.7-5.9-2.1-10.3-7.6-11.9c-1.1-0.3-2.2-0.6-3.3-0.6c-5.6-0.1-11.3-0.1-16.9-0.1
+		c-0.1,0-0.2,0.1-0.4,0.1C194.6,193.6,194.6,200.6,194.6,207.6z"/>
+	<path class="st0" d="M5.2,120.4c0-22.2,0-44.2,0-66.4C5.6,54,6,54,6.4,54c6.3,0,12.6,0,19,0c4.3,0,8.5,0.6,12.6,2.2
+		C45.3,59,50,64.4,52.4,71.8c3.2,10.1,3.4,20.4,0.5,30.6c-2.9,10.3-10.1,15.9-20.6,17.5c-2.4,0.4-4.9,0.5-7.3,0.5
+		C18.4,120.5,11.9,120.4,5.2,120.4z M12.8,114c2.3,0,4.5,0.1,6.7,0c3.5-0.1,7.1,0,10.6-0.5c7.4-1.1,12.6-5.3,14.9-12.6
+		c0.9-3,1.5-6.2,1.7-9.4c0.5-5.8,0.1-11.6-1.8-17.2c-2.8-8.6-8.9-13.4-17.8-13.9c-4.6-0.3-9.2-0.1-13.8-0.1c-0.2,0-0.3,0.1-0.5,0.1
+		C12.8,78.2,12.8,96,12.8,114z"/>
+	<path class="st0" d="M95.4,246.6c-2.4,0-4.8,0-7.3,0c0-10.5,0-20.9,0-31.4c-12,0-23.8,0-35.8,0c0,10.4,0,20.9,0,31.3
+		c-2.6,0-5,0-7.5,0c0-22.1,0-44.2,0-66.3c2.5,0,4.9,0,7.4,0c0,9.3,0,18.5,0,27.8c12,0,23.8,0,35.8,0c0-9.3,0-18.5,0-27.8
+		c2.5,0,4.9,0,7.3,0C95.4,202.4,95.4,224.4,95.4,246.6z"/>
+	<path class="st0" d="M116.3,180.2c2.6,0,5,0,7.5,0c0,0.6,0,1.1,0,1.6c0,14.3,0.3,28.6-0.1,42.8c-0.3,12.4,9.9,18.2,19.5,17.4
+		c4.3-0.4,8.3-1.7,11.5-4.8c3.1-3,4.6-6.8,4.6-11.1c0-14.8,0-29.5,0-44.3c0-0.5,0-1,0-1.5c2.5,0,4.9,0,7.4,0c0,0.5,0,0.9,0,1.4
+		c0,14.6-0.2,29.2,0.1,43.8c0.2,10.5-6.3,20.4-18.9,22.8c-6.7,1.3-13.3,0.8-19.4-2.3c-7.9-4.1-12-10.6-12.1-19.5
+		c-0.1-15,0-29.9,0-44.9C116.3,181.1,116.3,180.7,116.3,180.2z"/>
+	<path class="st0" d="M130.1,120.4c-2.6,0-5,0-7.4,0c-0.3,0-0.8-0.5-1-0.9c-2.4-6.1-4.8-12.2-7.2-18.3c-0.4-1.1-1-1.4-2.1-1.4
+		c-8.2,0.1-16.3,0-24.5,0c-0.5,0-1,0-1.5,0c-2.2,5.6-4.3,11.1-6.5,16.7c-0.5,1.3-0.7,3.1-1.7,3.7c-1,0.7-2.8,0.2-4.2,0.2
+		c-1.1,0-2.2,0-3.5,0c0.1-0.4,0.2-0.7,0.3-1C79.5,97.9,88,76.5,96.4,55c0.3-0.8,0.7-1.1,1.6-1c1.5,0.1,3,0.1,4.4,0
+		c0.9,0,1.3,0.2,1.7,1.1c4.7,12,9.5,23.9,14.3,35.8c3.7,9.3,7.5,18.7,11.2,28C129.7,119.3,129.9,119.8,130.1,120.4z M89,93.4
+		c7.6,0,15,0,22.6,0c-3.8-9.6-7.5-19.1-11.3-28.9C96.4,74.3,92.7,83.8,89,93.4z"/>
+	<path class="st0" d="M210.3,120.4c0.6-1.5,1.1-2.9,1.7-4.3c8-20.3,16-40.6,24-60.9c0.4-1,0.9-1.2,1.8-1.2c1.4,0.1,2.9,0.1,4.3,0
+		c0.9,0,1.2,0.3,1.6,1.1c3.6,9.1,7.2,18.1,10.8,27.1c4.9,12.3,9.8,24.6,14.8,36.9c0.2,0.4,0.3,0.8,0.5,1.3c-2.5,0-5,0-7.4,0
+		c-0.3,0-0.7-0.5-0.9-0.9c-2.1-5.3-4.2-10.6-6.3-15.9c-0.4-1-0.8-1.9-1.1-2.9c-0.2-0.8-0.7-0.9-1.4-0.9c-8.5,0-17,0-25.4,0
+		c-0.8,0-1.2,0.3-1.4,1c-2.3,6.1-4.8,12.2-7.1,18.3c-0.4,1.1-0.9,1.4-2.1,1.4C214.6,120.3,212.5,120.4,210.3,120.4z M239.9,64.6
+		c-3.8,9.8-7.5,19.3-11.3,28.8c7.6,0,15,0,22.5,0C247.5,83.8,243.8,74.3,239.9,64.6z"/>
+	<path class="st0" d="M195.6,60.2c-7.1,0-14.2,0-21.4,0c0,20.1,0,40.1,0,60.1c-2.5,0-5,0-7.5,0c0-20,0-39.9,0-60.1
+		c-7.3,0-14.4,0-21.6,0c0-2.1,0-4.1,0-6.2c16.8,0,33.6,0,50.5,0C195.6,56,195.6,58,195.6,60.2z"/>
+	<path d="M194.6,214.5c0.4,0,0.7-0.1,1-0.1c5.6,0,11.1,0,16.7,0.1c8.9,0.2,15.4,8.9,13.1,17.4c-1.2,4.5-4.7,7.5-9.8,8
+		c-3.1,0.3-6.1,0.3-9.2,0.3c-3.8,0-7.6,0-11.4,0c-0.1,0-0.2,0-0.3-0.1C194.6,231.6,194.6,223.1,194.6,214.5z"/>
+	<path d="M194.6,207.6c0-7,0-14,0-21c0.2-0.1,0.3-0.1,0.4-0.1c5.6,0,11.3,0.1,16.9,0.1c1.1,0,2.2,0.3,3.3,0.6
+		c5.5,1.6,8.3,6,7.6,11.9c-0.6,4.8-4.6,8.4-10.2,8.6c-5.9,0.2-11.8,0-17.7,0C194.8,207.7,194.8,207.7,194.6,207.6z"/>
+	<path d="M12.8,114c0-18,0-35.8,0-53.6c0.2,0,0.4-0.1,0.5-0.1c4.6,0,9.2-0.1,13.8,0.1c9,0.5,15,5.3,17.8,13.9
+		c1.8,5.6,2.3,11.4,1.8,17.2c-0.3,3.2-0.8,6.4-1.7,9.4c-2.2,7.3-7.5,11.4-14.9,12.6c-3.5,0.5-7.1,0.4-10.6,0.5
+		C17.3,114,15.1,114,12.8,114z"/>
+	<path d="M89,93.4c3.8-9.6,7.5-19.1,11.3-28.9c3.8,9.8,7.5,19.2,11.3,28.9C104,93.4,96.6,93.4,89,93.4z"/>
+	<path d="M239.9,64.6c3.8,9.8,7.5,19.2,11.3,28.8c-7.5,0-14.9,0-22.5,0C232.4,83.9,236.1,74.4,239.9,64.6z"/>
+</g>
+</svg>
diff --git a/public/earth-globe.png b/public/earth-globe.png
new file mode 100644
index 00000000..dfc2f6a5
Binary files /dev/null and b/public/earth-globe.png differ
diff --git a/public/request.png b/public/request.png
new file mode 100644
index 00000000..4f5b4ecd
Binary files /dev/null and b/public/request.png differ
diff --git a/public/worldwide.png b/public/worldwide.png
new file mode 100644
index 00000000..90758cf7
Binary files /dev/null and b/public/worldwide.png differ