2023-12-22 13:59:04 +07:00
|
|
|
import { Inter } from "next/font/google"
|
2023-12-23 13:21:32 +07:00
|
|
|
import About from "~/components/About"
|
|
|
|
|
import Avatar from "~/components/Avatar"
|
|
|
|
|
import Profile from "~/components/Profile"
|
|
|
|
|
import SocialLinks from "~/components/SocialLinks"
|
2023-12-28 01:02:55 +07:00
|
|
|
import Head from 'next/head'
|
2023-12-22 13:59:04 +07:00
|
|
|
|
|
|
|
|
const inter = Inter({ subsets: ["latin"] })
|
|
|
|
|
|
|
|
|
|
export default function Home() {
|
|
|
|
|
return (
|
|
|
|
|
<main
|
2023-12-28 00:33:55 +07:00
|
|
|
className={`flex min-h-screen items-center justify-center ${inter.className}`}
|
|
|
|
|
>
|
2023-12-28 01:00:56 +07:00
|
|
|
<Head>
|
|
|
|
|
<title>About blueskychan_ :3</title>
|
|
|
|
|
<meta property="og:title" content="Hello, World! >3" key="title" />
|
|
|
|
|
<meta property="og:description" content="About some stupid person call blueskychan, aka Fuse/Mind :3" />
|
|
|
|
|
</Head>
|
2023-12-28 00:33:55 +07:00
|
|
|
<div className="backdrop-blur-md bg-gray-700/50 rounded-lg p-2">
|
|
|
|
|
<div className="flex flex-row space-x-3 p-4 items-center ">
|
|
|
|
|
<Avatar />
|
|
|
|
|
<Profile />
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<SocialLinks />
|
|
|
|
|
<About />
|
|
|
|
|
</div>
|
2023-12-22 13:59:04 +07:00
|
|
|
</div>
|
2023-12-28 00:33:55 +07:00
|
|
|
</main>
|
2023-12-22 13:59:04 +07:00
|
|
|
)
|
|
|
|
|
}
|
