diff options
| author | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2025-10-30 23:40:37 +0000 |
|---|---|---|
| committer | Alex Pooley (@zuedev) <zuedev@gmail.com> | 2025-10-30 23:40:37 +0000 |
| commit | 2131d5fec97f6163678fdec40dd2d6e9f7a5e58c (patch) | |
| tree | 4e914c764809acdaa869598f10fd5016e386ac53 /projects/96/src/app | |
| parent | e9b62b2bc620bae72daa32d6b96bd5e59b2a293f (diff) | |
| download | zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.gz zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.bz2 zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.tar.xz zue.dev-2131d5fec97f6163678fdec40dd2d6e9f7a5e58c.zip | |
restructure repo into a monorepo
Diffstat (limited to 'projects/96/src/app')
| -rw-r--r-- | projects/96/src/app/globals.css | 5 | ||||
| -rw-r--r-- | projects/96/src/app/layout.js | 30 | ||||
| -rw-r--r-- | projects/96/src/app/not-found.js | 31 | ||||
| -rw-r--r-- | projects/96/src/app/opengraph-image.png | bin | 0 -> 146823 bytes | |||
| -rw-r--r-- | projects/96/src/app/page.js | 59 | ||||
| -rw-r--r-- | projects/96/src/app/twitter-image.png | bin | 0 -> 146823 bytes |
6 files changed, 125 insertions, 0 deletions
diff --git a/projects/96/src/app/globals.css b/projects/96/src/app/globals.css new file mode 100644 index 0000000..dad740a --- /dev/null +++ b/projects/96/src/app/globals.css @@ -0,0 +1,5 @@ +@import "tailwindcss"; + +p { + text-align: justify; +} diff --git a/projects/96/src/app/layout.js b/projects/96/src/app/layout.js new file mode 100644 index 0000000..7d7f919 --- /dev/null +++ b/projects/96/src/app/layout.js @@ -0,0 +1,30 @@ +import "./globals.css"; +import { Space_Mono } from "next/font/google"; + +const mainFont = Space_Mono({ + weight: ["400", "700"], + style: ["normal", "italic"], + subsets: ["latin-ext"], + display: "swap", +}); + +export const metadata = { + metadataBase: new URL("https://96.zue.dev"), + title: "96: Where creatives thrive.", + description: + "Experience a fresh, open-source revolution in digital empowerment. We fuse influencer marketing with post-modern innovation into a full-service online talent management platform—designed so you can shine while we handle every digital detail.", + icons: { + icon: "/96_logo.png", + }, +}; + +export default ({ children }) => { + return ( + <html + lang="en" + className={`${mainFont.className} bg-linear-to-br from-green-500 to-emerald-500 text-black min-h-screen`} + > + <body>{children}</body> + </html> + ); +}; diff --git a/projects/96/src/app/not-found.js b/projects/96/src/app/not-found.js new file mode 100644 index 0000000..7298535 --- /dev/null +++ b/projects/96/src/app/not-found.js @@ -0,0 +1,31 @@ +"use client"; + +import { useEffect, useState } from "react"; +import { useRouter } from "next/navigation"; + +export default () => { + const router = useRouter(); + + const [seconds, setSeconds] = useState(5); + + useEffect(() => { + const interval = setInterval(() => { + setSeconds((prev) => prev - 1); + }, 1000); + + if (seconds === 0) { + router.push("/"); + } + + return () => clearInterval(interval); + }, [seconds]); + + return ( + <div className="min-h-screen flex flex-col justify-center items-center space-y-4"> + <h2 className="text-3xl font-bold">404 - Page Not Found</h2> + <p> + Redirecting to <a href="/">Home</a> in {seconds} seconds... + </p> + </div> + ); +}; diff --git a/projects/96/src/app/opengraph-image.png b/projects/96/src/app/opengraph-image.png Binary files differnew file mode 100644 index 0000000..5a71def --- /dev/null +++ b/projects/96/src/app/opengraph-image.png diff --git a/projects/96/src/app/page.js b/projects/96/src/app/page.js new file mode 100644 index 0000000..1ceba7d --- /dev/null +++ b/projects/96/src/app/page.js @@ -0,0 +1,59 @@ +import Link from "next/link"; +import { metadata } from "./layout"; +import FadeIn from "@/components/animations/FadeIn"; +import talent from "@/data/talent"; + +export default () => { + return ( + <> + <div className="flex flex-col justify-center max-w-2xl mx-auto p-8 space-y-4 min-h-screen"> + <FadeIn props={{ delay: 0.25 }}> + <h1 className="text-4xl font-bold">{metadata.title}</h1> + </FadeIn> + + <FadeIn props={{ delay: 0.5 }}> + <p className="text-lg">{metadata.description}</p> + </FadeIn> + + <FadeIn props={{ delay: 0.75 }}> + <div className="flex justify-between items-center gap-4"> + <div className="flex flex-row gap-4"> + {[ + { + href: "https://x.com/area96digital", + icon: "https://cdn.simpleicons.org/x/black", + title: "X/Twitter", + }, + { + href: "https://bsky.app/profile/96.zue.dev", + icon: "https://cdn.simpleicons.org/bluesky/black", + title: "Bluesky", + }, + ].map((social) => ( + <Link + href={social.href} + key={social.title} + className="transform hover:scale-110 transition-transform" + > + <img + src={social.icon} + className="h-[2rem] w-[2rem] object-contain" + alt={social.title} + title={social.title} + /> + </Link> + ))} + </div> + + <span className="text-xs opacity-50 text-right p-1"> + "96" is made with ❤️ by{" "} + <a href="https://zue.dev" target="_blank"> + zue.dev + </a> + </span> + </div> + </FadeIn> + </div> + </> + ); +}; diff --git a/projects/96/src/app/twitter-image.png b/projects/96/src/app/twitter-image.png Binary files differnew file mode 100644 index 0000000..5a71def --- /dev/null +++ b/projects/96/src/app/twitter-image.png |
