59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
import { Separator } from "@/components/ui/separator";
|
|
import { Footer } from "@/components/utils/Footer";
|
|
import { ContentContainer, Page } from "@/components/utils/Layout";
|
|
import { NavBar } from "@/components/utils/NavBar";
|
|
import { SEO } from "@/components/utils/SEO";
|
|
import { Config } from "@/data/config";
|
|
import { FriendsList } from "@/data/friends";
|
|
import { nanoid } from "nanoid";
|
|
import Link from "next/link";
|
|
|
|
export default function FriendsPage() {
|
|
return (
|
|
<Page>
|
|
<SEO
|
|
description={"My Friend Links"}
|
|
title={`${Config.SiteTitle} - Friends`}
|
|
/>
|
|
<NavBar />
|
|
<ContentContainer>
|
|
<h2
|
|
className={"caption-font my-5 flex justify-center font-bold text-2xl"}
|
|
>
|
|
{"FRIENDS"}
|
|
</h2>
|
|
<Separator />
|
|
<div
|
|
className={"my-5 flex flex-wrap justify-center text-2xl content-font"}
|
|
>
|
|
{FriendsList.map((item) => (
|
|
<Link
|
|
className="mx-2 p-2 underline underline-offset-4"
|
|
href={item.url}
|
|
key={nanoid()}
|
|
target="_blank"
|
|
>
|
|
{item.title}
|
|
</Link>
|
|
))}
|
|
</div>
|
|
<Separator />
|
|
<div className="my-2 flex flex-col justify-start text-base">
|
|
<div className="mx-auto">
|
|
{
|
|
"Welcome to exchange our friend links and every high-quality blog websites are welcomed. "
|
|
}
|
|
<Link
|
|
className="underline"
|
|
href={`mailto:${Config.SocialLinks.email}`}
|
|
>
|
|
{"Email me please"}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</ContentContainer>
|
|
<Footer />
|
|
</Page>
|
|
);
|
|
}
|