blob: 1ceba7de66850b9dd8bb6be078879dffa2eabd7c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
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>
</>
);
};
|
