From b416f3e2485219838cf749b3e285dae7387a5aa1 Mon Sep 17 00:00:00 2001
From: Skylar Brown <skylar.brown@kurtosistech.com>
Date: Wed, 23 Oct 2024 09:42:27 -0700
Subject: [PATCH] archive website banner

---
 website/app/page.tsx             |  3 ++-
 website/components/Banner.tsx    | 33 +++++++++-----------------------
 website/components/Nav/index.tsx |  2 ++
 3 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/website/app/page.tsx b/website/app/page.tsx
index 6d7b8525..d9299d7a 100644
--- a/website/app/page.tsx
+++ b/website/app/page.tsx
@@ -28,7 +28,8 @@ const Page = () => {
       }
       trafficFlowContent={
         <>
-        Run it all in a single cluster with Kardinal&apos;s <em>open-source</em>, hyper-lightweight multitenancy framework.
+          Run it all in a single cluster with Kardinal&apos;s{" "}
+          <em>open-source</em>, hyper-lightweight multitenancy framework.
         </>
       }
       videoStepperHeading={
diff --git a/website/components/Banner.tsx b/website/components/Banner.tsx
index 9b351d5d..841d01ee 100644
--- a/website/components/Banner.tsx
+++ b/website/components/Banner.tsx
@@ -1,40 +1,25 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import { BiX } from "react-icons/bi";
 import styled from "styled-components";
 
 import Button from "@/components/Button";
 import Text from "@/components/Text";
 import { mobile } from "@/constants/breakpoints";
-import { useModal } from "@/context/ModalContext";
 
 const Banner = () => {
-  const { toggleModal } = useModal();
-  const [bannerIsDismissed, setBannerIsDismissed] = useState(
-    typeof window !== "undefined" // client-side only
-      ? localStorage.getItem("bannerIsDismissed") === "true"
-      : false,
-  );
-  useEffect(() => {
-    if (bannerIsDismissed) {
-      localStorage.setItem("bannerIsDismissed", "true");
-    }
-  }, [bannerIsDismissed]);
-
-  if (bannerIsDismissed) return null;
   return (
     <S.Banner>
       <S.BannerText>
-        Kardinal is still in build mode - please{" "}
-        <S.CTAButton onClick={toggleModal} analyticsId="banner_join_waitlist">
-          join the beta
-        </S.CTAButton>{" "}
-        to be alerted when we launch
+        <b>Disclaimer:</b> The Kardinal project is no longer maintained. The
+        archived source code is still available on{" "}
+        <a
+          style={{ textDecoration: "underline" }}
+          href="https://github.com/kurtosis-tech/kardinak"
+        >
+          Github
+        </a>
+        .
       </S.BannerText>
-      <S.CloseButton onClick={() => setBannerIsDismissed(true)}>
-        <BiX size={24} />
-      </S.CloseButton>
     </S.Banner>
   );
 };
diff --git a/website/components/Nav/index.tsx b/website/components/Nav/index.tsx
index 2c04c688..9ee7c896 100644
--- a/website/components/Nav/index.tsx
+++ b/website/components/Nav/index.tsx
@@ -4,6 +4,7 @@ import Link from "next/link";
 import { BiMenu, BiX } from "react-icons/bi";
 import styled from "styled-components";
 
+import Banner from "@/components/Banner";
 import { ButtonTertiary } from "@/components/Button";
 import Sparkles from "@/components/icons/Sparkles";
 import ResponsiveNav from "@/components/ResponsiveNav";
@@ -67,6 +68,7 @@ const Nav = () => {
   const { toggleNav, isNavOpen } = useModal();
   return (
     <S.Nav>
+      <Banner />
       <S.Container>
         <S.Wordmark href={"/"}>
           <S.LogoImage