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"; import Particles from "./components/particles";
const navigation = [ const navigation = [
{ name: "Projects", href: "/projects" }, { name: "Projects", href: "/projects" },
{ name: "Contact", href: "/contact" }, { name: "Contact", href: "/contact" },
]; ];
export default function Home() { export default function Home() {
return ( 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"> <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"> <nav className="my-16 animate-fade-in">
<ul className="flex items-center justify-center gap-4"> <ul className="flex items-center justify-center gap-4">
{navigation.map((item) => ( {navigation.map((item) => (
<Link <Link
key={item.href} key={item.href}
href={item.href} href={item.href}
className="text-sm duration-500 text-zinc-500 hover:text-zinc-300" className="text-sm duration-500 text-zinc-500 hover:text-zinc-300"
> >
{item.name} {item.name}
</Link> </Link>
))} ))}
</ul> </ul>
</nav> </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" /> <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 <Particles
className="absolute inset-0 -z-10 animate-fade-in" className="absolute inset-0 -z-10 animate-fade-in"
quantity={100} 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 "> <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 chronark
</h1> </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="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"> <div className="my-16 text-center animate-fade-in">
<h2 className="text-sm text-zinc-500 "> <h2 className="text-sm text-zinc-500 ">
Hi, my name is Andreas, I'm building serverless and open source I'm building{" "}
solutions at{" "} <Link
<Link target="_blank"
target="_blank" href="https://unkey.dev"
href="https://upstash.com" className="underline duration-500 hover:text-zinc-300"
className="underline duration-500 hover:text-zinc-300" >
> unkey.dev
Upstash </Link> to solve API authentication and authorization for developers.
</Link> </h2>
</div>
<br /> </div>
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>
);
} }

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. 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.