diff --git a/src/components/FemtoHeader.svelte b/src/components/FemtoHeader.svelte
index 94d2dc3..42669b2 100644
--- a/src/components/FemtoHeader.svelte
+++ b/src/components/FemtoHeader.svelte
@@ -1,20 +1,9 @@
+<script>
+  import FemtoStarLogo from "./FemtoStarLogo.svelte";
+</script>
+
 <div class="femtoHeader">
-  <svg
-    width="128"
-    height="100"
-    viewBox="0 0 32 25"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M0 0H14.6453V4.5H5.05011V10.0714H14.2846V14.3571H5.05011V25H0V0Z"
-      fill="#FFFFFF"
-    />
-    <path
-      d="M20.7094 15.6786L17.2104 13.1786L21.3587 8.75L15.4068 7.5L16.7054 3.5L22.2605 6.03572L21.5751 0H25.8317L25.1463 6.03572L30.7014 3.5L32 7.5L26.0481 8.75L30.1964 13.1786L26.6974 15.6786L23.7034 10.4286L20.7094 15.6786Z"
-      fill="#FFFFFF"
-    />
-  </svg>
+  <FemtoStarLogo />
   <h2>Satellite communications, done differently.</h2>
 
   <div class="introText">
diff --git a/src/components/FemtoStarLogo.svelte b/src/components/FemtoStarLogo.svelte
new file mode 100644
index 0000000..79a4b0e
--- /dev/null
+++ b/src/components/FemtoStarLogo.svelte
@@ -0,0 +1,22 @@
+<script>
+  export let width = 128;
+  export let height = 100;
+  export let color = "#FFFFFF";
+</script>
+
+<svg
+  {width}
+  {height}
+  viewBox="0 0 32 25"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M0 0H14.6453V4.5H5.05011V10.0714H14.2846V14.3571H5.05011V25H0V0Z"
+    fill={color}
+  />
+  <path
+    d="M20.7094 15.6786L17.2104 13.1786L21.3587 8.75L15.4068 7.5L16.7054 3.5L22.2605 6.03572L21.5751 0H25.8317L25.1463 6.03572L30.7014 3.5L32 7.5L26.0481 8.75L30.1964 13.1786L26.6974 15.6786L23.7034 10.4286L20.7094 15.6786Z"
+    fill={color}
+  />
+</svg>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
new file mode 100644
index 0000000..c42b4c5
--- /dev/null
+++ b/src/components/Footer.svelte
@@ -0,0 +1,20 @@
+<script>
+  import FemtoStarLogo from "./FemtoStarLogo.svelte";
+</script>
+
+<div>
+  <FemtoStarLogo height={42} width={33} color="#FFFFFF75" />
+</div>
+
+<style>
+  div {
+    font-weight: 300;
+    background-color: #00111d;
+    color: white;
+    width: 100%;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+</style>
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 3cd41fb..8c442cb 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -1,4 +1,5 @@
 <script>
+  import Footer from "../components/Footer.svelte";
   import Nav from "../components/Nav.svelte";
 
   export let segment;
@@ -8,6 +9,8 @@
 
 <slot />
 
+<Footer />
+
 <style>
   :global(body) {
     background-color: #00111d;