website/app/components/Footer.tsx

37 lines
1.1 KiB
TypeScript
Executable File
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use client"
import Link from "next/link"
import React, {useState} from "react"
const Footer = () => {
const links = [
{
id: 1,
text: "GitHub",
link: "https://github.com/WinsDominoes"
},
{
id: 2,
text: "Mastodon",
link: "https://social.winscloud.net/WinsDominoes"
},
{
id: 3,
text: "Matrix",
link: ""
}
];
return (
<div className="flex flex-col gap-2 place-items-center mt-8 border-t w-full border-gray-700">
<div className="mt-4">
<p className="text-xl px-4 cursor-pointer capitalize font-medium text-black dark:text-gray-300">Win Pattanaphol</p>
</div>
<div>
<p className="text-sm px-4 cursor-pointer font-medium text-black dark:text-gray-300">Made with , <Link href="https://github.com/WinsDominoes/website" className="font-bold">open-source</Link> and self-hosted by me!</p>
</div>
</div>
);
}
export default Footer;