mirror of
https://github.com/AderKonstantin/aderktech-chronark.com-.git
synced 2025-06-08 13:48:42 +03:00
10ece99aac
chore(page.tsx): update link to unkey.dev in ProjectsPage component feat(projects): add unkey.dev project to list of projects feat(projects): update featured project to unkey.dev feat(projects): update top2 project to planetfall feat(projects): update top3 project to highstorm feat(projects): add content for unkey.dev project
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
import Link from "next/link";
|
|
import React from "react";
|
|
import Particles from "./components/particles";
|
|
|
|
const navigation = [
|
|
{ name: "Projects", href: "/projects" },
|
|
{ name: "Contact", href: "/contact" },
|
|
];
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center w-screen h-screen overflow-hidden bg-gradient-to-tl from-black via-zinc-600/20 to-black">
|
|
<nav className="my-16 animate-fade-in">
|
|
<ul className="flex items-center justify-center gap-4">
|
|
{navigation.map((item) => (
|
|
<Link
|
|
key={item.href}
|
|
href={item.href}
|
|
className="text-sm duration-500 text-zinc-500 hover:text-zinc-300"
|
|
>
|
|
{item.name}
|
|
</Link>
|
|
))}
|
|
</ul>
|
|
</nav>
|
|
<div className="hidden w-screen h-px animate-glow md:block animate-fade-left bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0" />
|
|
<Particles
|
|
className="absolute inset-0 -z-10 animate-fade-in"
|
|
quantity={100}
|
|
/>
|
|
<h1 className="z-10 text-4xl text-transparent duration-1000 bg-white cursor-default text-edge-outline animate-title font-display sm:text-6xl md:text-9xl whitespace-nowrap bg-clip-text ">
|
|
chronark
|
|
</h1>
|
|
|
|
<div className="hidden w-screen h-px animate-glow md:block animate-fade-right bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0" />
|
|
<div className="my-16 text-center animate-fade-in">
|
|
<h2 className="text-sm text-zinc-500 ">
|
|
Hi, my name is Andreas, I'm building serverless and open source
|
|
solutions at{" "}
|
|
<Link
|
|
target="_blank"
|
|
href="https://upstash.com"
|
|
className="underline duration-500 hover:text-zinc-300"
|
|
>
|
|
Upstash
|
|
</Link>
|
|
|
|
<br />
|
|
and working on{" "}
|
|
<Link
|
|
target="_blank"
|
|
href="https://unkey.dev"
|
|
className="underline duration-500 hover:text-zinc-300"
|
|
>
|
|
unkey.dev
|
|
</Link>{" "}
|
|
at night.
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|