mirror of
https://github.com/AderKonstantin/aderktech-chronark.com-.git
synced 2025-06-08 13:48:42 +03:00
52 lines
2.0 KiB
TypeScript
52 lines
2.0 KiB
TypeScript
import Link from "next/link";
|
||
import React from "react";
|
||
import Particles from "./components/particles";
|
||
|
||
const navigation = [
|
||
{ name: "Проекты", href: "/projects" },
|
||
{ name: "Контакты", 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="py-3.5 px-0.5 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 ">
|
||
aderk.tech
|
||
</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 ">
|
||
Основной мой проект сейчас - {" "}
|
||
<Link
|
||
target="_blank"
|
||
href="https://cloudberrygames.fun"
|
||
className="underline duration-500 hover:text-zinc-300"
|
||
>
|
||
cloudberrygames.fun
|
||
</Link> предназначен для WebGL игр, сейчас в разработке.
|
||
</h2>
|
||
</div>
|
||
</div>
|
||
);
|
||
|
||
}
|