feat: originoid promo (cheeky x)

src/app/layout.tsx

@@ -9,6 +9,7 @@ import { AxiomWebVitals } from "next-axiom";
 import Script from "next/script";
 import { MobileBottomNav } from "~/components/nav/mobile-bottom-nav";
 import { ReduxProvider } from "~/redux/redux-provider-csr";
+import { OriginoidPromoDialog } from "~/components/ui/originoid-promo-dialog";
 
 const font = Plus_Jakarta_Sans({
     style: "normal",
@@ -44,6 +45,7 @@ export default function RootLayout({
                     <AxiomWebVitals />
                     <ScrollToTop />
                     <NavBar />
+                    <OriginoidPromoDialog />
                     {children}
                     <SiteFooter />
                     <Toaster />

src/components/ui/originoid-promo-dialog.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import * as React from "react";
+import { Button } from "./button";
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogHeader,
+    DialogTitle,
+} from "./dialog";
+import { useEffect, useState } from "react";
+
+export function OriginoidPromoDialog() {
+    const [isOpen, setIsOpen] = useState(false);
+
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setIsOpen(true);
+        }, 200);
+
+        return () => clearTimeout(timer);
+    }, []);
+
+    return (
+        <Dialog open={isOpen} onOpenChange={setIsOpen}>
+            <DialogContent className="sm:max-w-[425px]">
+                <DialogHeader>
+                    <DialogTitle className="text-2xl font-bold">
+                        OC Creator or Artist?
+                    </DialogTitle>
+                    <DialogDescription className="pt-4 space-y-4">
+                        <p>
+                            Pre-register for <strong>originoid.co</strong> - a
+                            free platform designed exclusively for creators to
+                            share original characters, artwork, edits, and more,
+                            with cutting-edge copy protection, customization &
+                            linking features.
+                        </p>
+                        <p>
+                            We're offering{" "}
+                            <span className="text-foreground font-semibold">
+                                50% off on all yearly plans
+                            </span>{" "}
+                            before our official release. This one-time
+                            opportunity directly supports continued development
+                            & asset updates for wanderer.moe.
+                        </p>
+                        <div className="flex justify-center pt-2">
+                            <Button
+                                onClick={() => {
+                                    window.open(
+                                        "https://originoid.co",
+                                        "_blank",
+                                    );
+                                    setIsOpen(false);
+                                }}
+                                className="w-full sm:w-auto"
+                            >
+                                Pre-register Now
+                            </Button>
+                        </div>
+                    </DialogDescription>
+                </DialogHeader>
+            </DialogContent>
+        </Dialog>
+    );
+}