blueskychan.dev/src/pages/index.jsx
2023-12-29 22:09:07 +07:00

38 lines
1.1 KiB
JavaScript

import { Inter } from "next/font/google"
import About from "~/components/About"
import Avatar from "~/components/Avatar"
import Profile from "~/components/Profile"
import SocialLinks from "~/components/SocialLinks"
import Head from "next/head"
const inter = Inter({ subsets: ["latin"] })
export default function Home() {
return (
<>
<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>
<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>
</div>
</main>
</>
)
}