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 02:51:09 +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 (
|
2023-12-29 22:09:07 +07:00
|
|
|
<>
|
2023-12-28 02:51:09 +07:00
|
|
|
<Head>
|
2023-12-28 01:00:56 +07:00
|
|
|
<title>About blueskychan_ :3</title>
|
|
|
|
|
<meta property="og:title" content="Hello, World! >3" key="title" />
|
2023-12-28 02:51:09 +07:00
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="About some stupid person call blueskychan, aka Fuse/Mind :3"
|
|
|
|
|
/>
|
2023-12-28 01:00:56 +07:00
|
|
|
</Head>
|
2023-12-29 22:09:07 +07:00
|
|
|
|
|
|
|
|
<main
|
|
|
|
|
className={`flex min-h-screen items-center justify-center ${inter.className}`}
|
|
|
|
|
>
|
|
|
|
|
<div className="backdrop-blur-md bg-gray-700/50 rounded-lg p-3 max-w-md md:max-w-lg overflow-hidden overflow-ellipsis">
|
|
|
|
|
<div className="flex flex-row space-x-3 items-center p-3">
|
|
|
|
|
<Avatar />
|
|
|
|
|
<Profile />
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<SocialLinks />
|
|
|
|
|
<About />
|
|
|
|
|
</div>
|
2023-12-28 00:33:55 +07:00
|
|
|
</div>
|
2023-12-29 22:09:07 +07:00
|
|
|
</main>
|
|
|
|
|
</>
|
2023-12-22 13:59:04 +07:00
|
|
|
)
|
|
|
|
|
}
|
