diff --git a/package-lock.json b/package-lock.json
index 8a1d078..50e6bed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.8.0",
+        "react-router-dom": "^6.10.0",
         "react-scroll-into-view": "^1.12.0",
         "react-spinners": "^0.13.8",
         "react-type-animation": "^3.0.1",
@@ -25,7 +26,7 @@
         "autoprefixer": "^10.4.14",
         "postcss": "^8.4.21",
         "tailwindcss": "^3.2.7",
-        "vite": "^4.2.0"
+        "vite": "^4.3.1"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -833,6 +834,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz",
+      "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -1879,6 +1888,36 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz",
+      "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==",
+      "dependencies": {
+        "@remix-run/router": "1.5.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz",
+      "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==",
+      "dependencies": {
+        "@remix-run/router": "1.5.0",
+        "react-router": "6.10.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/react-scroll-into-view": {
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/react-scroll-into-view/-/react-scroll-into-view-1.12.0.tgz",
@@ -2001,9 +2040,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.20.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.0.tgz",
-      "integrity": "sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==",
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.0.tgz",
+      "integrity": "sha512-ANPhVcyeHvYdQMUyCbczy33nbLzI7RzrBje4uvNiTDJGIMtlKoOStmympwr9OtS1LZxiDmE2wvxHyVhoLtf1KQ==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -2221,15 +2260,14 @@
       "dev": true
     },
     "node_modules/vite": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz",
-      "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz",
+      "integrity": "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.17.5",
         "postcss": "^8.4.21",
-        "resolve": "^1.22.1",
-        "rollup": "^3.18.0"
+        "rollup": "^3.20.2"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -2792,6 +2830,11 @@
         "fastq": "^1.6.0"
       }
     },
+    "@remix-run/router": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz",
+      "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg=="
+    },
     "@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -3484,7 +3527,8 @@
     "react-icons": {
       "version": "4.8.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.8.0.tgz",
-      "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg=="
+      "integrity": "sha512-N6+kOLcihDiAnj5Czu637waJqSnwlMNROzVZMhfX68V/9bu9qHaMIJC4UdozWoOk57gahFCNHwVvWzm0MTzRjg==",
+      "requires": {}
     },
     "react-is": {
       "version": "16.13.1",
@@ -3497,20 +3541,40 @@
       "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
       "dev": true
     },
+    "react-router": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz",
+      "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==",
+      "requires": {
+        "@remix-run/router": "1.5.0"
+      }
+    },
+    "react-router-dom": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz",
+      "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==",
+      "requires": {
+        "@remix-run/router": "1.5.0",
+        "react-router": "6.10.0"
+      }
+    },
     "react-scroll-into-view": {
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/react-scroll-into-view/-/react-scroll-into-view-1.12.0.tgz",
-      "integrity": "sha512-n2yLN1MyiKL65AmFoYLnd/XOKhrFLB3w5m8Q1sHHcJTmXbpxoqEbCm+JooZvrNfGCaWuYVAJmXhN+uxi4jwYVg=="
+      "integrity": "sha512-n2yLN1MyiKL65AmFoYLnd/XOKhrFLB3w5m8Q1sHHcJTmXbpxoqEbCm+JooZvrNfGCaWuYVAJmXhN+uxi4jwYVg==",
+      "requires": {}
     },
     "react-spinners": {
       "version": "0.13.8",
       "resolved": "https://registry.npmjs.org/react-spinners/-/react-spinners-0.13.8.tgz",
-      "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA=="
+      "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA==",
+      "requires": {}
     },
     "react-type-animation": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/react-type-animation/-/react-type-animation-3.0.1.tgz",
-      "integrity": "sha512-n6erVzng071lN8A0UbNT9Q7m5D6puaa9OE1lakwu5UKxMkEnUbjs2MLT3jN/SUjuxNtKmDP2GqJKb3uQ5wZNkQ=="
+      "integrity": "sha512-n6erVzng071lN8A0UbNT9Q7m5D6puaa9OE1lakwu5UKxMkEnUbjs2MLT3jN/SUjuxNtKmDP2GqJKb3uQ5wZNkQ==",
+      "requires": {}
     },
     "react-typing-effect": {
       "version": "2.0.5",
@@ -3589,9 +3653,9 @@
       "dev": true
     },
     "rollup": {
-      "version": "3.20.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.0.tgz",
-      "integrity": "sha512-YsIfrk80NqUDrxrjWPXUa7PWvAfegZEXHuPsEZg58fGCdjL1I9C1i/NaG+L+27kxxwkrG/QEDEQc8s/ynXWWGQ==",
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.0.tgz",
+      "integrity": "sha512-ANPhVcyeHvYdQMUyCbczy33nbLzI7RzrBje4uvNiTDJGIMtlKoOStmympwr9OtS1LZxiDmE2wvxHyVhoLtf1KQ==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -3730,16 +3794,15 @@
       "dev": true
     },
     "vite": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz",
-      "integrity": "sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==",
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz",
+      "integrity": "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==",
       "dev": true,
       "requires": {
         "esbuild": "^0.17.5",
         "fsevents": "~2.3.2",
         "postcss": "^8.4.21",
-        "resolve": "^1.22.1",
-        "rollup": "^3.18.0"
+        "rollup": "^3.20.2"
       }
     },
     "xtend": {
diff --git a/package.json b/package.json
index 3608e1d..2460a71 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.8.0",
+    "react-router-dom": "^6.10.0",
     "react-scroll-into-view": "^1.12.0",
     "react-spinners": "^0.13.8",
     "react-type-animation": "^3.0.1",
@@ -26,6 +27,6 @@
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.21",
     "tailwindcss": "^3.2.7",
-    "vite": "^4.2.0"
+    "vite": "^4.3.1"
   }
 }
diff --git a/src/App.jsx b/src/App.jsx
index b22208d..0ff4a74 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -2,6 +2,10 @@ import "./App.css";
 import Page from "./";
 import { RiseLoader } from "react-spinners";
 import { useState, useEffect } from "react";
+import { Routes, Route, Navigate } from "react-router-dom";
+import SiteMap from "./sitemap";
+import Header from "./header";
+
 function App() {
   const [loading, setLoading] = useState(false);
   const pageLoader = () => {
@@ -22,7 +26,13 @@ function App() {
           <RiseLoader color="#000000" />{" "}
         </div>
       ) : (
-        <Page />
+        <Routes>
+            <Route path="/*" element={<SiteMap />} />
+          <Route path="/" element={<Header />}>
+            <Route path="/" element={<Page />} />
+            {/* <Route path="/map" element={<SiteMap />} exact /> */}
+          </Route>
+        </Routes>
       )}
     </div>
   );
diff --git a/src/header.jsx b/src/header.jsx
index 7651221..e9f73d5 100644
--- a/src/header.jsx
+++ b/src/header.jsx
@@ -2,13 +2,14 @@ import Logo from "./components/logo";
 import ButtonComponent from "./components/button";
 import { GiCancel } from "react-icons/gi";
 import ScrollIntoView from "react-scroll-into-view";
+import {Outlet} from 'react-router-dom'
 
 import { useState } from "react";
 const Header = () => {
   const [open, setOpen] = useState(false);
   return (
     <>
-      <header className="md:flex hidden items-center justify-between">
+      <header className="md:flex hidden items-center justify-between absolute inset-x-0 text-white px-3 md:px-8 top-4 lg:px-24">
         <div className="flex  z-10 items-center p-2 basis-2/5 justify-between ">
           <Logo />
           <ScrollIntoView selector="#home">
@@ -31,7 +32,7 @@ const Header = () => {
           <ButtonComponent title="Get started" mode="light" />
         </a>
       </header>
-      <header className="md:hidden flex  items-center justify-between">
+      <header className="md:hidden flex  items-center justify-between absolute inset-x-0 px-3 md:px-8 lg:px-24 pt-10">
         <Logo />
         <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
           <ButtonComponent title="Get started" mode="light" />
@@ -44,7 +45,7 @@ const Header = () => {
             open ? "mobile-nav__open" : "mobile-nav__close"
           }   z-10  bg-darkest`}
         >
-          <div className="text-xl flex  h-[100vh] leading-loose tracking-widest flex-col items-center justify-center font-black font-rubik">
+          <div className="text-xl flex  h-[100vh] leading-loose tracking-widest flex-col items-center justify-center font-black font-rubik text-white">
             <div onClick={() => setOpen(!open)} className="my-4">
               {" "}
               <ScrollIntoView selector="#home">Home</ScrollIntoView>
@@ -59,6 +60,7 @@ const Header = () => {
           </div>
         </aside>
       </header>
+      <Outlet />
     </>
   );
 };
diff --git a/src/index.jsx b/src/index.jsx
index 6aea823..f83f269 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -1,6 +1,7 @@
 import Logo from "./components/logo";
 import Header from "./header";
 import Footer from "./footer";
+import SiteMap from "./sitemap";
 import herobg from "./assets/hero_image.png";
 import blur_light from "./assets/blur_light.png";
 
@@ -10,7 +11,6 @@ import Projects from "./projects";
 import Testimonial from "./testimonial";
 import Faqs from "./faqs";
 import Contact from "./contact";
-
 import { BsApple } from "react-icons/bs";
 import { IoLogoGooglePlaystore } from "react-icons/io5";
 
@@ -32,8 +32,7 @@ const Page = () => {
         id="home"
         className="bg-darkest md:h-fit lg:h-screen py-4 px-3 md:px-8 lg:px-24 text-white"
       >
-        <Header />
-        <section className=" relative block md:flex py-1 justify-between items-center">
+        <section className=" relative block md:flex pt-20 py-1 justify-between items-center">
           <div className="md:max-w-xl w-full mt-10  ">
             <motion.h1
               // style={{ lineHeight: "4.5rem" }}
@@ -95,7 +94,7 @@ const Page = () => {
                   <p className="text-xs">Available Now</p>
                   <h2 className="text-base font-medium">
                     {" "}
-                    <a href="https://play.google.com/store/apps/details?id=com.africartzstore.com">
+                    <a href="https://play.google.com/store/apps/details?id=com.africartzng.com">
                       Play Store
                     </a>
                   </h2>
@@ -229,6 +228,7 @@ const Page = () => {
           </section>
         </motion.div>
       </section>
+      {/* <SiteMap /> */}
       <Footer />
     </main>
   );
diff --git a/src/main.jsx b/src/main.jsx
index 5cc5991..30c8c6f 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,10 +1,13 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import { BrowserRouter as Router} from 'react-router-dom'; 
 import App from './App'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')).render(
   <React.StrictMode>
-    <App />
+    <Router>
+      <App />
+    </Router>
   </React.StrictMode>,
 )
diff --git a/src/sitemap.jsx b/src/sitemap.jsx
new file mode 100644
index 0000000..c317357
--- /dev/null
+++ b/src/sitemap.jsx
@@ -0,0 +1,18 @@
+const SiteMap = () => {
+    return(
+        <>
+            <urlset
+                xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+                xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+                xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+                        http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+            <url>
+                <loc>https://www.africartz.com/</loc>
+                <lastmod>2023-04-22T15:09:12+00:00</lastmod>
+            </url>
+            </urlset>
+        </>
+    )
+}
+
+export default SiteMap; 
\ No newline at end of file
diff --git a/src/sitemap.xml b/src/sitemap.xml
new file mode 100644
index 0000000..d9ae55e
--- /dev/null
+++ b/src/sitemap.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+
+<url>
+  <loc>https://www.africartz.com/</loc>
+  <lastmod>2023-04-22T15:09:12+00:00</lastmod>
+</url>
+
+
+</urlset>
\ No newline at end of file