diff --git a/404.html b/404.html
new file mode 100644
index 0000000..731aa3c
--- /dev/null
+++ b/404.html
@@ -0,0 +1,10 @@
+---
+layout: default
+title: 404
+permalink: /404.html
+---
+<div class="text-center">
+<h1 class="mt-5"><span class="badge badge-dark font-weight-normal">404</span></h1>
+<h1 class="display-4 mt-4 mb-4"> Oops, Page not found!</h1>
+<!-- <p>Please use the search bar from the bottom left or visit our <a href="{{site.baseurl}}/">homepage</a>!</p> -->
+</div>
diff --git a/_data/navigation.yml b/_data/navigation.yml
index a2e28ed..72101ab 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -6,8 +6,8 @@ main:
     url: /camps/
   - title: "About"
     url: https://codeninjas.com
-  - title: "Gallery"
-    url: /year-archive/
+  - title: "Showcase"
+    url: https://showcase.codeninjaslangley.co.uk
   # - title: "Sample Collections"
   #   url: /collection-archive/
   # - title: "Sitemap"
diff --git a/index.html b/index.html
index ed6fe39..fe5d37f 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,9 @@ w3: true
   </div>
 </header>
 
+
+
+
 <!-- <header class="w3-center">
 <div class="w3-row w3-padding-64" id="about">
     <h1 class="w3-center w3-jumbo w3-bolder w3-text-black" style="font-weight: 1000;font-size: 8vh;">CODE NINJAS<span class="display-4 regicon">®</span></h1>
@@ -36,7 +39,6 @@ w3: true
 
 <div class="w3-content" style="max-width:1100px">
 
-
 <div class="w3-row w3-padding-64" id="about">
     <div class="w3-col m3 w3-padding-large">
      <img src="/assets/img/create-program.png" class="w3-round w3-image" width="300" height="300">
@@ -101,4 +103,21 @@ w3: true
           <h3>Roblox Development</h3>
         </div>
       </div>
+    
+      <div class="w3-row w3-margin-top">
+        <div class="w3-padding w3-black  w3-round">
+          <div class="w3-row">
+            <div class="w3-col m9 w3-padding">
+              <p>Looking for the Ninja's Creator Hub?</p>
+              <h1  style="font-weight: 1000;font-size: 6vh;">Showcase</h1>
+              <h3>A Place to Showcase works of art that are made by our talented & creative ninjas.</h3>
+              <a href="https://showcase.codeninjaslangley.co.uk" class="btn btn-success w3-small" target="_blank">View Showcase</a>
+            </div>
+            <div class="w3-col m3">
+              <img class="w3-margin" src="https://showcase.codeninjaslangley.co.uk/assets/images/through-the-window.svg" style="width: 400px;" alt="">
+            </div>
+          </div>
+        </div>
+      </div>
+
 </div>
diff --git a/pages/about.html b/pages/about.html
new file mode 100644
index 0000000..aefa00a
--- /dev/null
+++ b/pages/about.html
@@ -0,0 +1,24 @@
+---
+title: About Us
+permalink: /about/
+---
+
+<header class="w3-">
+    <div class="w3-row" style="background:#0763ad; color:white" id="about">
+      <div class="w3-col m9 w3-padding-large w3-flex-parent">
+        <div class="w3-flex-child">
+          <h1 class="w3- w3-bolder" style="font-weight: 1000;font-size: 6vh;">CODE NINJAS<span class="display-4 regicon">®</span></h1>
+          <h3 class="w3- w3-bolder">Langley Berkshire</h3>
+          <h3 class="w3-bolder" style="font-weight: 1000;">SUMMER CAMPS OPEN!</h3>
+          <a href="/camps/" class="btn btn-success w3-small">Learn More</a>
+        </div>
+      </div>
+      <div class="w3-col m3 w3-right">
+       <img src="https://www.codeninjas.co.uk/assets/img/brands/codeNinjas/mission-statement-reflection-cropped.png" class="w3-round w3-image" width="600" height="750">
+      </div>
+    </div>
+    <div class="w3-row">
+      <p class=" w3-center" style="font-weight: 1000;font-size: 3vh;">WE MAKE CODING FUN.&reg;</p>
+    </div>
+</header>
+  
\ No newline at end of file