AderKonstantin/aderktech-chronark.com-
1
0
Fork 0
mirror of https://github.com/AderKonstantin/aderktech-chronark.com-.git synced 2025-06-08 13:48:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: update landing copy

Browse Source
This commit is contained in:
chronark 2023-11-06 09:35:19 +01:00
parent ac2627675b
commit 01b1a69f61
No known key found for this signature in database
2 changed files with 41 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
app/page.tsx
View File

@ -3,60 +3,48 @@ import React from "react";
import Particles from "./components/particles";
const navigation = [
{ name: "Projects", href: "/projects" },
{ name: "Contact", href: "/contact" },
{ 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>
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>
);
<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 ">
I'm building{" "}
<Link
target="_blank"
href="https://unkey.dev"
className="underline duration-500 hover:text-zinc-300"
>
unkey.dev
</Link> to solve API authentication and authorization for developers.
</h2>
</div>
</div>
);
}

2
content/projects/unkey.mdx
View File

@ -8,6 +8,6 @@ repository: chronark/unkey
---
[![](https://unkey.dev/images/landing/app.png)](https://planetfall.io)
[![](https://unkey.dev/images/landing/app.png)](https://unkey.dev)
Unkey is an open source API Key management solution. It allows you to create, manage and validate API Keys for your users. It’s built with security and speed in mind.