diff --git a/apps/homepage-legacy/public/bicycle.svg b/apps/homepage-legacy/public/bicycle.svg
new file mode 100644
index 0000000..f37c17d
--- /dev/null
+++ b/apps/homepage-legacy/public/bicycle.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg fill="#000000" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28.90625 8.96875C28.863281 8.976563 28.820313 8.988281 28.78125 9C28.40625 9.066406 28.105469 9.339844 28 9.703125C27.894531 10.070313 28.003906 10.460938 28.28125 10.71875C28.78125 11.21875 29.417969 11.71875 30.34375 11.875C31.097656 12 32.453125 11.96875 34.125 11.96875C34.164063 12.226563 34.1875 12.472656 34.25 12.84375C34.382813 13.632813 34.585938 14.75 34.84375 16L17.625 16L16.125 13C16.183594 12.996094 16.253906 13 16.3125 13C18.914063 13 20 12.292969 20 11.59375C20 10.992188 19.488281 10.992188 18.6875 11.09375L12.3125 11.09375C11.210938 11.09375 11 11.601563 11 12.5C11 14.800781 12.367188 14.039063 14.125 13.4375L15.875 17L13.53125 21.65625C12.429688 21.234375 11.246094 21 10 21C4.488281 21 0 25.488281 0 31C0 36.511719 4.488281 41 10 41C15.175781 41 19.4375 37.046875 19.9375 32L24 32C24.203125 31.996094 24.398438 31.929688 24.5625 31.8125C24.582031 31.804688 24.605469 31.792969 24.625 31.78125C24.636719 31.769531 24.644531 31.761719 24.65625 31.75C24.675781 31.742188 24.699219 31.730469 24.71875 31.71875C24.71875 31.707031 24.71875 31.699219 24.71875 31.6875C24.730469 31.675781 24.738281 31.667969 24.75 31.65625C24.785156 31.617188 24.816406 31.574219 24.84375 31.53125L35.53125 19.0625C35.730469 19.90625 35.972656 20.804688 36.21875 21.75C32.582031 23.25 30 26.832031 30 31C30 36.511719 34.488281 41 40 41C45.511719 41 50 36.511719 50 31C50 25.488281 45.511719 21 40 21C39.355469 21 38.734375 21.070313 38.125 21.1875C37.710938 19.566406 37.34375 18.046875 37.0625 16.75C36.679688 14.976563 36.386719 13.539063 36.21875 12.53125C36.132813 12.027344 36.101563 11.617188 36.0625 11.34375C36.042969 11.207031 36.007813 11.101563 36 11.03125C35.992188 10.960938 36 10.851563 36 11C36 10.449219 35.550781 10 35 10C32.5 10 31.230469 9.96875 30.65625 9.875C30.082031 9.78125 30.21875 9.78125 29.71875 9.28125C29.511719 9.058594 29.210938 8.945313 28.90625 8.96875 Z M 18.625 18L33.84375 18L24.21875 29.1875 Z M 17 19.25L22.375 30L19.9375 30C19.628906 26.867188 17.875 24.171875 15.34375 22.5625 Z M 10 23C10.933594 23 11.824219 23.144531 12.65625 23.4375L9.09375 30.5625C8.941406 30.875 8.960938 31.242188 9.148438 31.535156C9.332031 31.824219 9.652344 32.003906 10 32L17.9375 32C17.445313 35.953125 14.089844 39 10 39C5.570313 39 2 35.429688 2 31C2 26.570313 5.570313 23 10 23 Z M 40 23C44.429688 23 48 26.570313 48 31C48 35.429688 44.429688 39 40 39C35.570313 39 32 35.429688 32 31C32 27.742188 33.9375 24.96875 36.71875 23.71875C37.363281 26.050781 38.132813 28.597656 39.0625 31.3125C39.128906 31.703125 39.417969 32.015625 39.796875 32.113281C40.179688 32.210938 40.582031 32.078125 40.828125 31.769531C41.074219 31.460938 41.117188 31.039063 40.9375 30.6875C40.015625 27.992188 39.253906 25.441406 38.625 23.125C39.070313 23.046875 39.53125 23 40 23 Z M 14.4375 24.375C16.316406 25.632813 17.644531 27.644531 17.9375 30L11.625 30Z"/></svg>
diff --git a/apps/homepage-legacy/public/detour-arrow.svg b/apps/homepage-legacy/public/detour-arrow.svg
new file mode 100644
index 0000000..17fd65a
--- /dev/null
+++ b/apps/homepage-legacy/public/detour-arrow.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6L8 2L10 2L16 8L10 14L8 14L8 10L-1.74845e-07 10L-3.01991e-07 6L8 6Z" fill="#000000"/>
+</svg>
diff --git a/apps/homepage-legacy/public/walk.svg b/apps/homepage-legacy/public/walk.svg
new file mode 100644
index 0000000..d077fee
--- /dev/null
+++ b/apps/homepage-legacy/public/walk.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 512 512"  xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#000000;}
+</style>
+<g>
+	<path class="st0" d="M278.796,94.952c26.218,0,47.472-21.254,47.472-47.481C326.268,21.254,305.014,0,278.796,0
+		c-26.227,0-47.481,21.254-47.481,47.472C231.315,73.698,252.569,94.952,278.796,94.952z"/>
+	<path class="st0" d="M407.86,236.772l-54.377-28.589l-22.92-47.087c-11.556-23.754-33.698-40.612-59.679-45.439l-23.58-4.386
+		c-11.859-2.197-24.111-0.614-35.027,4.542l-68.67,32.426c-7.628,3.599-13.654,9.863-16.969,17.601l-30.539,71.308
+		c-1.941,4.533-1.978,9.652-0.11,14.202c1.868,4.561,5.494,8.187,10.046,10.055l0.686,0.275c9.102,3.726,19.532-0.384,23.654-9.314
+		l28.03-60.704l44.368-14.34l-43.964,195.39l-42.82,106.765c-2.372,5.916-2.106,12.555,0.715,18.26
+		c2.82,5.714,7.938,9.954,14.074,11.667l1.85,0.512c9.844,2.747,20.293-1.511,25.42-10.357l50.751-87.663l30.237-59.998
+		l55.182,60.896l40.76,86.354c4.596,9.734,15.466,14.834,25.887,12.133l0.458-0.128c6.053-1.566,11.163-5.586,14.13-11.09
+		c2.94-5.504,3.47-11.996,1.438-17.903l-29.99-86.93c-4.212-12.225-10.457-23.644-18.47-33.79l-48.699-64.394l17.866-92.92
+		l23.058,29.294c2.848,3.626,6.538,6.52,10.741,8.426l60.658,27.388c4.387,1.979,9.387,2.098,13.864,0.33
+		c4.479-1.768,8.05-5.274,9.9-9.716l0.192-0.467C419.562,250.874,416.019,241.067,407.86,236.772z"/>
+</g>
+</svg>
diff --git a/apps/homepage-legacy/src/components/App.tsx b/apps/homepage-legacy/src/components/App.tsx
index 901dfc5..61bf571 100644
--- a/apps/homepage-legacy/src/components/App.tsx
+++ b/apps/homepage-legacy/src/components/App.tsx
@@ -1,6 +1,7 @@
 import { simplePie, simpleDoughnut } from "simple-pie";
 import { SimplePie, SimpleDoughnut } from "react-simple-pie";
 import { NetworkUseCase } from "./NetworkUseCase.tsx";
+import { DeprecationBanner } from "./DeprecationBanner.tsx";
 import "./App.css";
 
 function getRandomPieDataUri() {
@@ -19,6 +20,7 @@ function getRandomPieDataUri() {
 export function App(): JSX.Element {
   return (
     <main className="app">
+      <DeprecationBanner />
       <article>
         <h2 className="title">
           Network Graph Demo
diff --git a/apps/homepage-legacy/src/components/DeprecationBanner.module.css b/apps/homepage-legacy/src/components/DeprecationBanner.module.css
new file mode 100644
index 0000000..e502c10
--- /dev/null
+++ b/apps/homepage-legacy/src/components/DeprecationBanner.module.css
@@ -0,0 +1,41 @@
+.banner__wrapper {
+  display: flex;
+  justify-content: center;
+}
+
+.banner {
+  background-color: #E36F2C;
+  border-radius: 28px;
+  font-size: 28px;
+  padding: 8px;
+  position: relative;
+  margin-bottom: 20px;
+}
+
+.banner h3 {
+  margin: 0;
+}
+
+.banner a {
+  white-space: nowrap;
+}
+
+.banner a:after {
+  position: absolute;
+  content: '';
+  inset: 0;
+}
+
+.banner__inner {
+  border-radius: 24px;
+  border: 8px solid black;
+  padding: 8px 16px 16px;
+  text-align: center;
+}
+
+.icon_container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 20px;
+}
diff --git a/apps/homepage-legacy/src/components/DeprecationBanner.tsx b/apps/homepage-legacy/src/components/DeprecationBanner.tsx
new file mode 100644
index 0000000..605a285
--- /dev/null
+++ b/apps/homepage-legacy/src/components/DeprecationBanner.tsx
@@ -0,0 +1,36 @@
+import style from "./DeprecationBanner.module.css";
+
+export function DeprecationBanner() {
+  return (
+    <div className={style.banner__wrapper}>
+      <section className={style.banner}>
+        <div className={style.banner__inner}>
+          <div className={style.icon_container}>
+            <img alt="bicycle" src="/bicycle.svg" height="80px" width="80px" />
+            <img
+              alt="walking person"
+              src="/walk.svg"
+              height="60px"
+              width="60px"
+            />
+          </div>
+          <h3>DETOUR</h3>
+          <div>
+            <img
+              alt="detour-arrow"
+              src="/detour-arrow.svg"
+              height="40px"
+              width="40px"
+            />
+          </div>
+          The site is deprecated. Please visit our new site at
+          <div>
+            <a href="https://simple-pie.netlify.app">
+              https://simple-pie.netlify.app
+            </a>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}