diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 92ebefa4..7d4355ab 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -101,6 +101,7 @@ export function Navigation(props: NavigationProps) {
>
+ {/*
handleClick("/discover")}
rel="noreferrer"
@@ -108,6 +109,7 @@ export function Navigation(props: NavigationProps) {
>
+ */}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 79b5f582..eeebb7dc 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -2,6 +2,8 @@ import { useEffect, useState } from "react";
import { Helmet } from "react-helmet-async";
import { useTranslation } from "react-i18next";
+import { Icons } from "@/components/Icon";
+import { IconPill } from "@/components/layout/IconPill";
import { Loading } from "@/components/layout/Loading";
import { WideContainer } from "@/components/layout/WideContainer";
import { useDebounce } from "@/hooks/useDebounce";
@@ -65,6 +67,8 @@ export function HomePage() {
simulateLoading();
}, []);
+ /*
+ // Safari Notice
const [showModal, setShowModal] = useState(() => {
const isSafari =
typeof navigator !== "undefined" &&
@@ -80,9 +84,34 @@ export function HomePage() {
return isSafari && (isMac || isIOS);
});
+ */
+
+ // One time notice
+ const [showModal, setShowModal] = useState(false);
+
+ useEffect(() => {
+ const isDismissed = localStorage.getItem("popupDismissed");
+ if (!isDismissed) {
+ setShowModal(true);
+ }
+ }, []);
+
+ const handleCloseModal = () => {
+ setShowModal(false);
+ localStorage.setItem("popupDismissed", "true");
+ };
return (
+ setShowModal(true)}
+ className="text-l lg:text-lg text-white tabbable rounded-full z-50 fixed top-5 right-[7.5rem]"
+ style={{ animation: "pulse 1s infinite" }}
+ >
+
+ READ
+
+