diff --git a/content/contact.md b/content/contact.md
index 0f91414..1b81023 100644
--- a/content/contact.md
+++ b/content/contact.md
@@ -53,4 +53,4 @@ template = "page.html"
 [extra]
 +++
 
-Get in touch by emailing hello [at] (n0.computer)
+Get in touch by emailing hello [at] (n0.computer) or by [booking a meeting](https://cal.com/team/number-0/n0-protocol-services)
diff --git a/content/n0ps.md b/content/n0ps.md
index d345a7c..c5210e5 100644
--- a/content/n0ps.md
+++ b/content/n0ps.md
@@ -1,5 +1,5 @@
 +++
-title = "number 0 protocol services"
+title = "number 0 services"
 description = "Build on the edge with the team that lives there"
 template="n0ps.html"
 +++
diff --git a/content/roles/_index.md b/content/people/_index.md
similarity index 76%
rename from content/roles/_index.md
rename to content/people/_index.md
index b980366..8ae1c48 100644
--- a/content/roles/_index.md
+++ b/content/people/_index.md
@@ -1,16 +1,16 @@
 +++
-title = "Work with number 0"
-description = "Open positions"
+title = "People"
+description = "One of the very few teams with a proven track record of shipping direct connection topologies in production apps"
 
 # Template to use to render this section page.
-template = "roles/index.html"
+template = "people/index.html"
 
 # The given template is applied to ALL pages below the section, recursively.
 # If you have several nested sections, each with a page_template set, the page
 # will always use the closest to itself.
 # However, a page's own `template` variable will always have priority.
 # Not set by default.
-page_template = "roles/page.html"
+# page_template = 
 
 # The date of the post.
 # Two formats are allowed: YYYY-MM-DD (2012-10-02) and RFC3339 (2002-10-02T15:00:00Z).
@@ -52,12 +52,3 @@ aliases = []
 in_search_index = true
 
 +++
-
-## Open Roles at number 0
-
-### We have no open roles at this time.
-
-Rather than leave "ghost roles" open that we don't intend to fill, we're opting to keep this page empty. If you're a truly standout human & think you'd be an incredible fit for out team, please reach out via email to "hello" at this website, or thorugh the iroh discord. Nearly all of our team has come to us thorugh "the passion door", instead of having an explicit role they applied for.
-
-Thanks,
-The number 0 team
diff --git a/content/people/asmir-avdicevic.md b/content/people/asmir-avdicevic.md
new file mode 100644
index 0000000..28d1fd5
--- /dev/null
+++ b/content/people/asmir-avdicevic.md
@@ -0,0 +1,6 @@
++++
+title = "Asmir Avdicevic"
+description = "arqu" 
++++
+
+Asmir enjoys geeking around with software and hardware. Putting together things from the home work bench and home lab up all the way into the cloud. At n0 you will usually find him on the metrics and ops side of things but also likes to take a stroll through the odd corners and problems.
diff --git a/content/people/brendan-obrien.md b/content/people/brendan-obrien.md
new file mode 100644
index 0000000..4571a71
--- /dev/null
+++ b/content/people/brendan-obrien.md
@@ -0,0 +1,6 @@
++++
+title = "Brendan O'Brian"
+description = "b5"
++++
+
+Brendan is passionate about distributed systems, improving the internet, and making technical concepts accessible through storytelling. His main job at number 0 is copy-pasting links to documents.
diff --git a/content/people/diva-martinez.md b/content/people/diva-martinez.md
new file mode 100644
index 0000000..7ab1dd2
--- /dev/null
+++ b/content/people/diva-martinez.md
@@ -0,0 +1,6 @@
++++
+title = "Diva Martínez"
+description = "divagant-martian" 
++++
+
+Diva loves to work close to computers. She's been doing protocol work the last years and it's her main role at n0.
\ No newline at end of file
diff --git a/content/people/floris-bruynooghe.md b/content/people/floris-bruynooghe.md
new file mode 100644
index 0000000..e142cbc
--- /dev/null
+++ b/content/people/floris-bruynooghe.md
@@ -0,0 +1,6 @@
++++
+title = "Floris Bruynooghe"
+description = "flub"
++++
+
+Floris enjoys working on the least user-visible engineering problems. At n0 he obsesses over exactly how to shuffle bytes over the many wires of the internet. He hopes you never noticed.
diff --git a/content/people/franz-heinzmann.md b/content/people/franz-heinzmann.md
new file mode 100644
index 0000000..41043c5
--- /dev/null
+++ b/content/people/franz-heinzmann.md
@@ -0,0 +1,6 @@
++++
+title = "Franz Heinzmann"
+description = "Frando"
++++
+
+Franz came to n0 from ever-unfinished efforts to make peer-to-peer tools work for grassroots media. He’s relieved to finally build solid foundations for real this time. When not busy with iroh core development, he’s probably creating a demo or protocol prototype to bring iroh into new areas.
diff --git a/content/people/friedel-ziegelmayer.md b/content/people/friedel-ziegelmayer.md
new file mode 100644
index 0000000..c1d577b
--- /dev/null
+++ b/content/people/friedel-ziegelmayer.md
@@ -0,0 +1,6 @@
++++
+title = "Friedel Ziegelmayer"
+description = "dignifiedquire"
++++
+
+Dig is in a deep love and hate relationship with computers for over 20 years, and continues to engage with them for reasons unknown to him. At n0 he tries to make sure that not the computers but the good humans come out on top at the end, because he still believes that computers are meant to make our lifes better.
diff --git a/content/people/kasey-huizinga.md b/content/people/kasey-huizinga.md
new file mode 100644
index 0000000..2360117
--- /dev/null
+++ b/content/people/kasey-huizinga.md
@@ -0,0 +1,6 @@
++++
+title = "Kasey Huizinga"
+description = "ramfox"
++++
+
+Kasey enjoys working with smart folks on difficult engineering problems that solve real issues. Her primary responsibilities at n0 are wrangling releases and people.
diff --git a/content/people/philipp-kruger.md b/content/people/philipp-kruger.md
new file mode 100644
index 0000000..99fa481
--- /dev/null
+++ b/content/people/philipp-kruger.md
@@ -0,0 +1,6 @@
++++
+title = "Philipp Krüger"
+description = "matheus23"
++++
+
+Philipp took a long walk through many programming-related interests from game development to frontend to functional programming to cryptography, but nowadays writes networking software. When he joined, he helped make iroh run in browsers and now is the person everyone else trusts too much to touch the cryptographic bits. Occasionally he might disappear into the nearest forest for a trail run.
diff --git a/content/people/rae-mckelvey.md b/content/people/rae-mckelvey.md
new file mode 100644
index 0000000..b18f938
--- /dev/null
+++ b/content/people/rae-mckelvey.md
@@ -0,0 +1,6 @@
++++
+title = "Rae McKelvey"
+description = "okdistrubte"
++++
+
+Rae is passionate about helping people build great technology that works anytime, anywhere — even with disrupted service, dead zones, or hostile infrastructure. At n0, Rae focuses on growth and adoption.
diff --git a/content/people/rudiger-klaehn.md b/content/people/rudiger-klaehn.md
new file mode 100644
index 0000000..12c931b
--- /dev/null
+++ b/content/people/rudiger-klaehn.md
@@ -0,0 +1,6 @@
++++
+title = "Rüdiger Klaehn"
+description = "rklaehn"
++++
+
+Rüdiger likes simple things that work. He is so stubborn that he continues to work on a problem until he considers it solved. At n0 he has the opportunity to do just that for content-addressed storage and peer to peer networking. He did space stuff in the past and still likes to watch rocket launches with his 4 kids.
diff --git a/js/site.js b/js/site.js
new file mode 100644
index 0000000..ec014ae
--- /dev/null
+++ b/js/site.js
@@ -0,0 +1,106 @@
+document.addEventListener("DOMContentLoaded", function() {
+  // ---------------- Selected Navbar Link -------------------------
+  let navbar_links = document.querySelectorAll('.nav-links a');
+  let trim_last_slash = window.location.href.replace(/\/$/, '');
+  let selected_navbar_link = [...navbar_links].filter((item) => {
+    return ((item.href === trim_last_slash) || (item.href === window.location.href))
+  })
+  if (selected_navbar_link.length !== 0) {
+    for (let element of selected_navbar_link) {
+      element.className = "bg-gray-900 text-white px-3 py-2 rounded-md text-sm font-medium"
+    }
+  }
+
+  document.getElementById('toggle-sidebar')?.addEventListener('click', toggleSidebar);
+
+
+  document.getElementById('toggle-mobile-menu')?.addEventListener('click', toggleMobileMenu);
+
+  // Products dropdown (desktop)
+  const prodToggle = document.getElementById('toggle-products-dropdown');
+  const prodMenu = document.getElementById('products-dropdown');
+  if (prodToggle && prodMenu) {
+    console.debug('Products dropdown initialized', {prodToggle, prodMenu});
+    prodToggle.addEventListener('click', function(e) {
+      console.debug('Products toggle clicked');
+      e.stopPropagation();
+      const isOpen = prodMenu.classList.contains('hidden') === false;
+      if (isOpen) {
+        prodMenu.classList.add('hidden');
+        prodMenu.setAttribute('aria-hidden', 'true');
+        prodToggle.setAttribute('aria-expanded', 'false');
+      } else {
+        prodMenu.classList.remove('hidden');
+        prodMenu.setAttribute('aria-hidden', 'false');
+        prodToggle.setAttribute('aria-expanded', 'true');
+      }
+    });
+
+    // Close when clicking outside
+    document.addEventListener('click', function(e) {
+      if (!prodMenu.classList.contains('hidden')) {
+        if (!prodMenu.contains(e.target) && !prodToggle.contains(e.target)) {
+          prodMenu.classList.add('hidden');
+          prodMenu.setAttribute('aria-hidden', 'true');
+          prodToggle.setAttribute('aria-expanded', 'false');
+        }
+      }
+    });
+
+    // Close on escape
+    document.addEventListener('keydown', function(e) {
+      if (e.key === 'Escape') {
+        if (!prodMenu.classList.contains('hidden')) {
+          prodMenu.classList.add('hidden');
+          prodMenu.setAttribute('aria-hidden', 'true');
+          prodToggle.setAttribute('aria-expanded', 'false');
+        }
+      }
+    });
+  }
+});
+
+function switchTheme() {
+  let current_theme = ([...document.documentElement.classList].includes('dark')) ? 'dark' : 'light';
+  if (current_theme === 'dark') {
+    localStorage.theme = 'light';
+    document.documentElement.classList.remove('dark');
+    document.getElementById('light').classList.add('hidden');
+    document.getElementById('dark').classList.remove('hidden');
+    document.getElementById("syntax_highlight").href = "/syntax-light.css";
+  } else {
+    localStorage.theme = 'dark';
+    document.documentElement.classList.add('dark');
+    document.getElementById('dark').classList.add('hidden');
+    document.getElementById('light').classList.remove('hidden');
+    document.getElementById("syntax_highlight").href = "/syntax-dark.css";
+  }
+}
+
+function toggleSidebar() {
+  let sidebar = document.getElementById('sidebar');
+  if ([...sidebar.classList].includes('translate-x-0')) {
+    document.body.style.removeProperty("overflow")
+    sidebar.classList.remove('translate-x-0')
+    sidebar.classList.add('-translate-x-full')
+  } else {
+    document.body.style.setProperty("overflow", "hidden")
+    sidebar.classList.remove('-translate-x-full')
+    sidebar.classList.add('translate-x-0')
+  }
+}
+
+function toggleMobileMenu() {
+  let menu = document.querySelector('#mobile-menu div.nav-links');
+  if ([...menu.classList].includes('h-screen')) {
+    document.body.classList.remove("overflow-hidden", "relative")
+    document.documentElement.classList.remove("overscroll-none",)
+    menu.classList.remove('h-screen')
+    menu.classList.add('h-0')
+  } else {
+    document.body.classList.add("overflow-hidden", "relative")
+    document.documentElement.classList.add("overscroll-none",)
+    menu.classList.remove('h-0')
+    menu.classList.add('h-screen')
+  }
+}
diff --git a/src/js/site.js b/src/js/site.js
index f065af7..d2acaa6 100644
--- a/src/js/site.js
+++ b/src/js/site.js
@@ -15,6 +15,49 @@ document.addEventListener("DOMContentLoaded", function() {
 
 
   document.getElementById('toggle-mobile-menu')?.addEventListener('click', toggleMobileMenu);
+
+  // Products dropdown (desktop)
+  const prodToggle = document.getElementById('toggle-products-dropdown');
+  const prodMenu = document.getElementById('products-dropdown');
+  if (prodToggle && prodMenu) {
+    console.debug('Products dropdown initialized', {prodToggle, prodMenu});
+    prodToggle.addEventListener('click', function(e) {
+      console.debug('Products toggle clicked');
+      e.stopPropagation();
+      const isOpen = prodMenu.classList.contains('hidden') === false;
+      if (isOpen) {
+        prodMenu.classList.add('hidden');
+        prodMenu.setAttribute('aria-hidden', 'true');
+        prodToggle.setAttribute('aria-expanded', 'false');
+      } else {
+        prodMenu.classList.remove('hidden');
+        prodMenu.setAttribute('aria-hidden', 'false');
+        prodToggle.setAttribute('aria-expanded', 'true');
+      }
+    });
+
+    // Close when clicking outside
+    document.addEventListener('click', function(e) {
+      if (!prodMenu.classList.contains('hidden')) {
+        if (!prodMenu.contains(e.target) && !prodToggle.contains(e.target)) {
+          prodMenu.classList.add('hidden');
+          prodMenu.setAttribute('aria-hidden', 'true');
+          prodToggle.setAttribute('aria-expanded', 'false');
+        }
+      }
+    });
+
+    // Close on escape
+    document.addEventListener('keydown', function(e) {
+      if (e.key === 'Escape') {
+        if (!prodMenu.classList.contains('hidden')) {
+          prodMenu.classList.add('hidden');
+          prodMenu.setAttribute('aria-hidden', 'true');
+          prodToggle.setAttribute('aria-expanded', 'false');
+        }
+      }
+    });
+  }
 });
 
 function switchTheme() {
diff --git a/static/img/Github_logo_svg.webp b/static/img/Github_logo_svg.webp
new file mode 100644
index 0000000..3708f88
Binary files /dev/null and b/static/img/Github_logo_svg.webp differ
diff --git a/static/styles/style.css b/static/styles/style.css
index 99e94cb..9bfb2b7 100644
--- a/static/styles/style.css
+++ b/static/styles/style.css
@@ -254,6 +254,10 @@ img, video {
   right: 0;
 }
 
+.z-20 {
+  z-index: 20;
+}
+
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -269,11 +273,6 @@ img, video {
   margin-bottom: 1.25rem;
 }
 
-.mx-4 {
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-
 .my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -295,30 +294,38 @@ img, video {
   margin-top: 2.5rem;
 }
 
-.mb-4 {
-  margin-bottom: 1rem;
+.mt-5 {
+  margin-top: 1.25rem;
 }
 
 .mr-auto {
   margin-right: auto;
 }
 
-.mb-auto {
-  margin-bottom: auto;
+.ml-2 {
+  margin-left: .5rem;
 }
 
-.mt-5 {
-  margin-top: 1.25rem;
+.mt-2 {
+  margin-top: .5rem;
 }
 
-.ml-16 {
-  margin-left: 4rem;
+.mb-auto {
+  margin-bottom: auto;
+}
+
+.mr-4 {
+  margin-right: 1rem;
 }
 
 .mb-1 {
   margin-bottom: .25rem;
 }
 
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
 .mb-2 {
   margin-bottom: .5rem;
 }
@@ -327,10 +334,6 @@ img, video {
   margin-right: 2.5rem;
 }
 
-.mt-2 {
-  margin-top: .5rem;
-}
-
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -339,18 +342,10 @@ img, video {
   margin-left: .25rem;
 }
 
-.mr-4 {
-  margin-right: 1rem;
-}
-
 .mb-8 {
   margin-bottom: 2rem;
 }
 
-.mt-1 {
-  margin-top: .25rem;
-}
-
 .block {
   display: block;
 }
@@ -359,6 +354,10 @@ img, video {
   display: inline-block;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }
@@ -387,8 +386,12 @@ img, video {
   height: 2rem;
 }
 
-.min-h-\[70vh\] {
-  min-height: 70vh;
+.h-4 {
+  height: 1rem;
+}
+
+.min-h-\[40vh\] {
+  min-height: 40vh;
 }
 
 .min-h-screen {
@@ -411,12 +414,20 @@ img, video {
   width: 7rem;
 }
 
+.w-5 {
+  width: 1.25rem;
+}
+
 .w-6 {
   width: 1.5rem;
 }
 
-.w-1\/2 {
-  width: 50%;
+.w-4 {
+  width: 1rem;
+}
+
+.w-48 {
+  width: 12rem;
 }
 
 .max-w-6xl {
@@ -431,10 +442,6 @@ img, video {
   max-width: 56rem;
 }
 
-.max-w-2xl {
-  max-width: 42rem;
-}
-
 .flex-1 {
   flex: 1;
 }
@@ -447,6 +454,10 @@ img, video {
   cursor: pointer;
 }
 
+.list-none {
+  list-style-type: none;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -491,18 +502,14 @@ img, video {
   border-top-width: 1px;
 }
 
-.border-dotted {
-  border-style: dotted;
-}
-
 .border-gray-700 {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
 
-.border-gray-400 {
-  --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+.bg-n0gray-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
 }
 
 .bg-white {
@@ -515,9 +522,9 @@ img, video {
   background-color: rgb(124 124 255 / var(--tw-bg-opacity));
 }
 
-.bg-n0gray-600 {
+.bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgb(82 82 91 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
 .bg-n0pink-600 {
@@ -530,14 +537,14 @@ img, video {
   background-color: rgb(24 24 27 / var(--tw-bg-opacity));
 }
 
-.bg-n0gray-1000 {
+.bg-n0gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(14 14 15 / var(--tw-bg-opacity));
+  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
 }
 
-.bg-n0gray-800 {
+.bg-n0gray-1000 {
   --tw-bg-opacity: 1;
-  background-color: rgb(39 39 42 / var(--tw-bg-opacity));
+  background-color: rgb(14 14 15 / var(--tw-bg-opacity));
 }
 
 .bg-gray-900 {
@@ -561,10 +568,6 @@ img, video {
   padding: .5rem;
 }
 
-.p-6 {
-  padding: 1.5rem;
-}
-
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -600,6 +603,11 @@ img, video {
   padding-bottom: .5rem;
 }
 
+.py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
 .px-2 {
   padding-left: .5rem;
   padding-right: .5rem;
@@ -614,10 +622,6 @@ img, video {
   padding-top: 10rem;
 }
 
-.pt-5 {
-  padding-top: 1.25rem;
-}
-
 .pt-2 {
   padding-top: .5rem;
 }
@@ -626,6 +630,10 @@ img, video {
   padding-bottom: .75rem;
 }
 
+.pl-4 {
+  padding-left: 1rem;
+}
+
 .pt-20 {
   padding-top: 5rem;
 }
@@ -654,10 +662,6 @@ img, video {
   padding-bottom: 8rem;
 }
 
-.text-right {
-  text-align: right;
-}
-
 .font-space-mono {
   font-family: Space Mono, sans-serif;
 }
@@ -753,6 +757,11 @@ img, video {
   color: rgb(161 161 170 / var(--tw-text-opacity));
 }
 
+.text-n0pink-500 {
+  --tw-text-opacity: 1;
+  color: rgb(255 172 156 / var(--tw-text-opacity));
+}
+
 .text-n0gray-900 {
   --tw-text-opacity: 1;
   color: rgb(24 24 27 / var(--tw-text-opacity));
@@ -778,11 +787,6 @@ img, video {
   color: rgb(113 113 122 / var(--tw-text-opacity));
 }
 
-.text-n0pink-500 {
-  --tw-text-opacity: 1;
-  color: rgb(255 172 156 / var(--tw-text-opacity));
-}
-
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -803,11 +807,6 @@ img, video {
   color: rgb(243 244 246 / var(--tw-text-opacity));
 }
 
-.text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-
 .underline {
   text-decoration-line: underline;
 }
@@ -822,6 +821,27 @@ img, video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-black {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
+}
+
+.ring-opacity-5 {
+  --tw-ring-opacity: .05;
+}
+
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -990,18 +1010,14 @@ img, video {
     width: 16.6667%;
   }
 
-  .sm\:w-10\/12 {
-    width: 83.3333%;
+  .sm\:w-4\/12 {
+    width: 33.3333%;
   }
 
   .sm\:w-9\/12 {
     width: 75%;
   }
 
-  .sm\:w-4\/12 {
-    width: 33.3333%;
-  }
-
   .sm\:scroll-px-6 {
     scroll-padding-left: 1.5rem;
     scroll-padding-right: 1.5rem;
@@ -1041,11 +1057,6 @@ img, video {
     text-align: right;
   }
 
-  .sm\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
   .sm\:text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem;
diff --git a/templates/index.html b/templates/index.html
index 113834d..dc04890 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,12 +3,20 @@
 {% block content %}
 <section style="background-image:url('/img/wavvy_4.jpg')" class="min-h-1/3 lg:min-h-1/3 pt-40 bg-cover">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-10 lg:mt-100">
-    <div class="mt-6 min-h-[70vh] sm:w-2/3 lg:w-6/12">
+    <div class="mt-6 min-h-[40vh] sm:w-2/3 lg:w-6/12">
       <h4 class="font-space-mono text-md text-n0pink-300 mb-5">00</h4>
       <h1 class="text-5xl font-space-mono leading-tight">
         Less net work for networks
       </h1>
       <h3 class="text-lg font-space-mono mt-6 text-n0gray-400 leading-normal">We are an open R&amp;D organization focused on efficient distributed systems</h3>
+
+                <div class="mt-10">
+                    <a
+                        class="text-lg text-n0pink-500 cursor-pointer underline decoration-dotted"
+                        href="https://cal.com/team/number-0/n0-protocol-services"
+                        >Let&apos;s chat</a
+                    >
+                </div>
     </div>
   </div>
 </section>
@@ -17,9 +25,41 @@ <h3 class="text-lg font-space-mono mt-6 text-n0gray-400 leading-normal">We are a
     <h4 class="font-space-mono text-lg text-n0pink-300">01</h4>
   </div>
   <div class="w-auto sm:w-7/12 text-lg leading-normal">
-    <h4 class="mb-5">Rather than optimize for performance or decentralization, we're building networks that use fewer resources to perform the same task.</h4>
-    <h4 class="mb-5">With five plus years of experience building open distributed systems <i class="italic">each</i>, our founding team understands the importance of collaboration and accessibility when it comes to developing innovative software and conducting research.</h4>
-    <h4 class="mb-5">We measure everything. We think technology is best when it&apos;s a bit creative. We build things that just work. If that sounds cool to you, let&apos;s <a class="text-n0pink-300" href="https://twitter.com/n0computer">connect.</a></h4>
+    <h1 class="text-2xl">What We Do</h1>
+    <h4 class="mt-5">We build software that uses fewer resources. We believe that apps should be able to sync and send data reliably anytime, anywhere. We specialize in creating fast, cheap, and direct networking connections between devices even with unstable connectivity.</h4>
+    <h4 class="mt-5">We measure everything. We think technology is best when it&apos;s a bit creative. We build things that just work. </h4>
+      <div class="mt-10">
+                    <a
+                        class="text-lg text-n0pink-500 cursor-pointer underline decoration-dotted"
+                        href="/n0ps"
+                        >Services</a
+                    >
+                </div>
+                    <div class="mt-10">
+                    <a
+                        class="text-lg text-n0pink-500 cursor-pointer underline decoration-dotted"
+                        href="/products"
+                        >iroh</a
+                    >
+                </div>
+      
+  </div>
+</section>
+<section class="bg-n0gray-600 max-w-6xl mx-auto px-4 sm:px-6 lg:px-10 py-40 flex flex-col sm:flex-row">
+  <div class="w-auto sm:w-3/12 mb-5">
+    <h4 class="font-space-mono text-lg text-n0pink-300">02</h4>
+  </div>
+  <div class="w-auto sm:w-7/12 text-lg leading-normal">
+    <h1 class="text-2xl">Who we Are</h1>
+    <h4 class="mt-5">With combined 70+ years of experience building networked, edge, and cloud distributed systems, our team understands the importance of collaboration when it comes to developing innovative software and conducting research.</h4>
+       <div class="mt-10">
+                    <a
+                        class="text-lg text-n0pink-500 cursor-pointer underline decoration-dotted"
+                        href="/people"
+                        >Meet The Team</a
+                    >
+                </div>
+    </div> 
   </div>
 </section>
 <section style="background-image:url('/img/iroh_1.png')" class="w-full text-n0gray-900 py-40 sm:py-80 px-10 bg-white bg-cover bg-center shadow-inner flex flex-col sm:flex-row">
@@ -30,50 +70,30 @@ <h4 class="mb-5">We measure everything. We think technology is best when it&apos
       <div class="w-28">
       </div>
       <p class="mt-10 text-lg">A toolkit for building distributed applications.</p>
-      <a href="https://github.com/n0-computer/iroh" class="inline-block my-10 py-3 px-5 bg-irohPurple-500 text-white">
-        FOLLOW DEV ON GITHUB
+      <a href="https://iroh.computer" class="inline-block my-10 py-3 px-5 bg-irohPurple-500 text-white">
+        Get started with iroh
+      </a>
+      <a href="https://github.com/n0-computer/iroh" class="inline-block my-10 py-3 bg-black text-white px-5">
+    <img src="/img/Github_logo_svg.webp" class="w-5 inline-block" />     Follow Development on GitHub 
       </a>
     </div>
   </div>
 </section>
-<!-- <section class="bg-n0gray-600 w-full py-40 px-10 flex flex-col">
-  <div class="w-full max-w-6xl mx-auto">
-    <div class="w-full flex flex-col sm:flex-row">
-      <div class="sm:w-2/12 mb-5">
-        <h4 class="font-space-mono text-lg text-n0pink-300">03</h4>
-      </div>
-      <div class="sm:w-10/12">
-        <h2 class="text-2xl sm:text-3xl mb-4">Community</h2>
-        <p>We think about our work with others along five planes:</p>
-      </div>
-    </div>
-    <div class="w-full flex pt-5">
-      <div class="sm:w-2/12"></div>
-      <div class="w-full sm:w-9/12">
-        <img class="hidden md:block w-auto" src="img/community-diagram.svg" alt="n0 community">
-        <img class="block md:hidden w-auto" src="img/community-diagram-mobile.svg" alt="n0 community">
-      </div>
-    </div>
-  </div>
-</section> -->
 <section class="w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-10 py-40 flex flex-col sm:flex-row">
   <div class="w-auto sm:w-2/12">
     <h4 class="font-space-mono text-lg text-n0pink-300">04</h4>
   </div>
   <div class="w-auto sm:w-4/12 sm:mr-10">
-    <h2 class="text-2xl">Hi Fren</h2>
-    <p>Follow us on social internet things</p>
+    <h2 class="text-2xl">Hi Friends</h2>
+    <p>Let's chat</p>
   </div>
   <ul class="w-auto sm:w-4/12 mt-10 sm:mt-0">
-    <li><a href="https://twitter.com/n0computer" class="block w-full mb-5 py-3 px-5 bg-n0pink-600 text-n0gray-900 transition-colors hover:bg-n0pink-500">
-      follow n0 on twitter
-    </a></li>
     <li><a href="https://github.com/n0-computer" class="block w-full my-5 py-3 px-5 bg-n0pink-600 text-n0gray-900 transition-colors hover:bg-n0pink-500">
       follow on github
     </a></li>
-    <!-- <li><a href="#" class="block w-full my-5 py-3 px-5 bg-n0pink-600 text-n0gray-900 transition-colors hover:bg-n0pink-500">
-      careers
-    </a></li> -->
+    <li><a href="https://cal.com/team/number-0/n0-protocol-service" class="block w-full my-5 py-3 px-5 bg-n0pink-600 text-n0gray-900 transition-colors hover:bg-n0pink-500">
+      book a meeting
+    </a></li>
   </div>
 </section>
 {% endblock content %}
diff --git a/templates/layout.html b/templates/layout.html
index 733d3ec..1985b4e 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -73,11 +73,27 @@
           <div class="hidden inset-y-0 sm:block sm:pr-0 sm:inset-auto">
             <div class="flex space-x-5">
               <!-- Current: "bg-n0gray-900 text-white", Default: "text-n0gray-400 hover:bg-n0gray-700 hover:text-white" -->
-              <a href="/n0ps" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">protocol services</a>
-              <a href="/roles" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">roles</a>
-              <a href="https://github.com/n0-computer" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">github</a>
-              <a href="https://www.youtube.com/channel/UCdWMU1dBMmB4SrMokGI4jvA" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">youtube</a>
-              <a href="https://twitter.com/n0computer" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">twitter</a>
+              <a href="/" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">about</a>
+              <!-- Products dropdown -->
+              <div class="relative group inline-block">
+                <button id="toggle-products-dropdown" type="button" onclick="(function(e){e.stopPropagation();var m=document.getElementById('products-dropdown'); if(m){m.classList.toggle('hidden'); console.debug('inline products toggle');}})(event)" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white inline-flex items-center" aria-expanded="false" aria-haspopup="true" aria-controls="products-dropdown">
+                  products
+                  <svg class="ml-2 h-4 w-4 text-n0gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                  </svg>
+                </button>
+                <div id="products-dropdown" class="hidden absolute z-20 mt-2 w-48 bg-n0gray-800 rounded-md shadow-lg ring-1 ring-black ring-opacity-5" role="menu" aria-hidden="true">
+                  <div class="py-1">
+                    <a href="https://iroh.computer" target="_blank" class="block px-4 py-2 text-sm text-n0gray-200 hover:bg-n0gray-700">iroh</a>
+                    <!--<a href="https://n0des.iroh.computer" target="_blank" class="block px-4 py-2 text-sm text-n0gray-200 hover:bg-n0gray-700">n0des</a>-->
+                    <a href="https://iroh.computer/sendme" target="_blank" class="block px-4 py-2 text-sm text-n0gray-200 hover:bg-n0gray-700">sendme</a>
+                    <a href="https://dumbpipe.dev" target="_blank" class="block px-4 py-2 text-sm text-n0gray-200 hover:bg-n0gray-700">dumbpipe</a>
+                </div>
+              </div>
+              <a href="/n0ps" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">services</a>
+              <a href="/people" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">team</a>
+              <a href="https://github.com/n0-computer" target="_blank" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">github</a>
+              <a href="https://www.youtube.com/channel/UCdWMU1dBMmB4SrMokGI4jvA" target="_blank" class="text-n0gray-400 px-3 py-2 rounded-md text-sm font-medium transition ease-in-out delay-50 transition-colors hover:text-white">youtube</a>
             </div>
           </div>
         </div>
@@ -86,11 +102,19 @@
 
     <!-- Mobile menu, show/hide based on menu state. -->
     <div id="mobile-menu" class="hidden bg-n0gray-900 sm:hidden transition-colors ease-in duration-1000" aria-hidden="true" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
-      <div class="px-2 pt-2 pb-3 space-y-1">
-        <a href="/n0ps" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">protocol services</a>
-        <a href="/roles" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">roles</a>
+        <div class="px-2 pt-2 pb-3 space-y-1">
+        <a href="/" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">about</a>
+        <details class="group">
+          <summary class="text-n0gray-400 px-3 py-2 rounded-md text-base font-medium list-none">products</summary>
+          <div class="pl-4">
+            <a href="https://iroh.computer" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">iroh</a>
+            <a href="https://iroh.computer/sendme" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">sendme</a>
+            <a href="https://dumbpipe.dev" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">dumbpipe</a>
+          </div>
+        </details>
+        <a href="/n0ps" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">services</a>
+        <a href="/people" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">team</a>
         <a href="https://github.com/n0-computer" class="hover:text-white block px-3 py-2 rounded-md text-base font-medium">github</a>
-        <a href="https://twitter.com/n0computer" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">twitter</a>
         <a href="https://www.youtube.com/channel/UCdWMU1dBMmB4SrMokGI4jvA" class="text-n0gray-400 hover:bg-n0gray-700 hover:text-white block px-3 py-2 rounded-md text-base font-medium">youtube</a>
       </div>
     </div>
@@ -118,6 +142,8 @@
         <a href="https://iroh.computer" target="blank" class="mr-4">iroh</a>
         <a href="https://iroh.computer/sendme" target="blank" class="mr-4">sendme</a>
         <a href="https://dumbpipe.dev" target="blank" class="mr-4">dumbpipe</a>
+        <a href="https://github.com/n0-computer" target="blank" class="mr-4">github</a>
+        <a href="https://www.youtube.com/channel/UCdWMU1dBMmB4SrMokGI4jvA" target="blank" class="mr-4">youtube</a>
         <a href="/contact" target="blank" class="mr-4">contact</a>
         <a href="/legal" target="blank" class="mr-4">legal</a>
       </div>
@@ -125,6 +151,7 @@
     <div class="w-full mt-5 py-6 px-4 sm:scroll-px-6 md:px-10">
         <p class="text-xs text-n0gray-700">Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License.<br />For details, see our Site Policies.</p>
     </div>
+    
   </footer>
   {% endblock footer %}
 
diff --git a/templates/n0ps.html b/templates/n0ps.html
index f9fa81f..2406311 100644
--- a/templates/n0ps.html
+++ b/templates/n0ps.html
@@ -3,7 +3,7 @@
     <div class="w-full max-w-3xl mr-auto px-4 sm:px-6 lg:px-10">
         <div class="border-t border-gray-700 py-6">
             <h1 class="text-lg text-bold leading-relaxed text-n0gray-500 mb-1">
-                number 0 protocol services
+                number 0 services
             </h1>
             <h1 class="text-4xl leading-normal font-bold mx-auto">
                 Shipping quality software is hard.
@@ -21,7 +21,7 @@ <h1 class="text-4xl leading-normal font-bold mx-auto">
                 </p>
 
                 <p class="mb-4">
-                    “doesn’t work on hotel wifi”, “laggy connections at work”,
+                    “doesn’t work on hotel wifi”, “laggy”,
                     “my phone is hot”. Users say kind things in interviews, but
                     things are <i class="italic">not</i> clicking. Your
                     networking engineer is now a networking team, the project is
@@ -32,9 +32,8 @@ <h1 class="text-4xl leading-normal font-bold mx-auto">
 
                 <p class="">
                     It doesn’t have to be this way. The number 0 team can get
-                    you out of the food, water, &amp; shelter phase of direct
-                    connections. We can get you up & running in weeks, with
-                    software that just works, so you can focus on delivering
+                    you out of the food, water, &amp; shelter phase. We can get
+                    you up & running in weeks, with the tools to scale, so you can focus on delivering
                     meaningful software.
                 </p>
                 <div class="mt-10">
@@ -84,7 +83,7 @@ <h3 class="text-xl font-bold leading-8 mb-2">
                 </div>
                 <div>
                     <p class="text-md leading-7">
-                        We’ll keep iroh up to date for you, bringing the full
+                        We’ll keep your integration up to date for you, bringing the full
                         value of a thriving open source project into your
                         codebase on a regular cadence.
                     </p>
diff --git a/templates/people/index.html b/templates/people/index.html
new file mode 100644
index 0000000..77784c0
--- /dev/null
+++ b/templates/people/index.html
@@ -0,0 +1,51 @@
+{% extends "layout.html" %} {% block content %}
+<div class="py-40 w-full">
+    <div class="w-full max-w-3xl mr-auto px-4 sm:px-6 lg:px-10">
+        <div class="border-t border-gray-700 py-6">
+            <h1 class="text-lg text-bold leading-relaxed text-n0gray-500 mb-1">
+              team
+            </h1>
+            <h1 class="text-4xl leading-normal font-bold mx-auto">
+                One of the very few teams with a proven track record of shipping direct connection topologies in production 
+            </h1>
+
+            <div class="py-6 text-lg leading-8">
+                <p class="mb-4">
+   With a combined 70+ years of experience building networked, edge, and cloud distributed systems, our team understands the importance of collaboration when it comes to developing innovative software and conducting research.
+                </p>
+                <p class="">
+                     The number 0 team can get
+                    you out of the food, water, &amp; shelter phase of direct
+                    connections. We can get you up & running in weeks, so you can focus on delivering
+                    meaningful software.
+                </p>
+                <div class="mt-10">
+                    <a
+                        class="text-lg text-n0pink-500 cursor-pointer underline decoration-dotted"
+                        href="https://cal.com/team/number-0/n0-protocol-services"
+                        >Let&apos;s chat</a
+                    >
+                </div>
+            </div>
+        </div>
+        <div class="py-6">
+        
+
+  {% for page in section.pages %}
+    
+<div class="border-t border-gray-700 py-6 sm:grid sm:grid-cols-2 gap-5">
+    <div class="mr-10">
+        
+        <h3 class="text-xl font-bold leading-8 mb-2">{{ page.title }}</h3>
+        <a href="https://github.com/{{ page.description }}" target="_blank"><img src="/img/Github_logo_svg.webp" class="w-5 inline-block" /></a>
+    </div>
+    <div>
+        <p class="text-md leading-7">{{ page.content | safe }}</p>
+    </div>
+</div>
+
+  {% endfor %}
+{% endblock %} {% block pagination %} {% if page.earlier or page.later or
+page.lighter or page.heavier %}
+<!--TODO-->
+{% endif %} {% endblock %}
diff --git a/templates/roles/layout.html b/templates/people/layout.html
similarity index 97%
rename from templates/roles/layout.html
rename to templates/people/layout.html
index 52fb6ed..97f0914 100644
--- a/templates/roles/layout.html
+++ b/templates/people/layout.html
@@ -58,7 +58,7 @@
           <img class="block md:hidden h-8 w-auto" src="/img/logos/wordmark-small-salmon.svg" alt="Number Zero">
           <img class="hidden md:block h-8 w-auto" src="/img/logos/wordmark-full-salmon.svg" alt="Number Zero">
         </a>
-        <a href="/roles" class="text-2xl text-gray-500 leading-normal cursor-pointer">roles</a>
+        <a href="/people" class="text-2xl text-gray-500 leading-normal cursor-pointer">team</a>
       </div>
     </div>
   </div>
diff --git a/templates/roles/index.html b/templates/roles/index.html
deleted file mode 100644
index 10eba30..0000000
--- a/templates/roles/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-{% extends "roles/layout.html" %}
-
-{% block content %}
-<div class="content flex pt-12 md:w-3/4 lg:w-6/12 max-w-1/4 flex-col">
-  <div class="w-full max-w-2xl mx-auto px-3 sm:px-6 lg:px-20">
-    {% for page in section.pages %}
-      <article class="post border-b-1 border-gray-400 border-dotted">
-        <a href="{{ page.permalink }}" class="text-2xl text-n0pink-500 cursor-pointer">{{ page.title }}</a>
-        <p class="text-md text-gray-400">open role at number 0</p>
-        <p class="mt-6 text-gray-300">
-          {{ page.description | safe }}
-        </p>
-      </article>
-    {% endfor %}
-  </div>
-</div>
-{% endblock %}
\ No newline at end of file
diff --git a/templates/roles/page.html b/templates/roles/page.html
deleted file mode 100644
index 4f93fe1..0000000
--- a/templates/roles/page.html
+++ /dev/null
@@ -1,26 +0,0 @@
-{% extends "roles/layout.html" %}
-
-{% block content %}
-<!-- <div class="content flex md:w-3/4 lg:w-1/2 flex-col">
-  <div class="text-sm w-full max-w-6xl mx-auto px-3 sm:px-6 lg:px-10">
-    <a class="cursor-pointer color text-gray-500" href="/blog">&laquo; index</a>
-  </div>
-</div> -->
-<div class="content flex pt-12 md:w-3/4 lg:w-7/12 2xl:w-5/12 max-w-1/2 flex-col">
-  <div class="w-full max-w-6xl mx-auto px-3 sm:px-6 lg:px-20">
-    <h1 class="text-4xl text-bold mb-2 mx-auto">
-        {{ page.title }}
-    </h1>
-    <p class="text-sm text-gray-500">open role at number 0</p>
-    <p class="text-sm text-gray-500">location: <span>{{ page.extra.location }}</span></p>
-    <p class="text-sm text-gray-500 mb-4">contract term: <span>{{ page.extra.contract_term }}</span></p>
-    <h2 class="text-xl sm:text-xl mx-auto text-gray-100 leading-relaxed mb-8">
-      {{ page.description }}
-    </h2>
-    <!-- Content -->
-    <div id="page-content" class="text-bold mt-2">
-      {{ page.content | safe }}
-    </div>
-  </div>
-</div>
-{% endblock %}
\ No newline at end of file