diff --git a/website/app/page.tsx b/website/app/page.tsx index 6d7b852..d9299d7 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's open-source, hyper-lightweight multitenancy framework. + Run it all in a single cluster with Kardinal's{" "} + open-source, hyper-lightweight multitenancy framework. } videoStepperHeading={ diff --git a/website/components/Banner.tsx b/website/components/Banner.tsx index 9b351d5..841d01e 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 ( - Kardinal is still in build mode - please{" "} - - join the beta - {" "} - to be alerted when we launch + Disclaimer: The Kardinal project is no longer maintained. The + archived source code is still available on{" "} + + Github + + . - setBannerIsDismissed(true)}> - - ); }; diff --git a/website/components/Nav/index.tsx b/website/components/Nav/index.tsx index 2c04c68..9ee7c89 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 ( +