feat: add new site

src/app/page.tsx

@@ -1,8 +1,58 @@
 'use client';
 
 import './page.css';
-import SealHome from './pages/seal';
+
+const TWITTER_LINK = "https://x.com/neruu444"
+const DISCORD_INFO = "username: neru444 - id: 1104474057916809226"
+const STEAM_LINK = "https://steamcommunity.com/profiles/76561198440714757/"
+
+function Content() {
+	return (
+		<>
+			<div className="main-frame">
+				<header>
+					<h1>neru.rip</h1>
+					<p className="motto">˚₊‧꒰ა 𓂋 ໒꒱ ‧₊˚</p>
+					{/* <div style={{ color: 'var(--accent)' }}>† —————————————— †</div> */}
+				</header>
+
+				<nav className="social-links">
+					<a href={TWITTER_LINK}>twitter</a> •
+					<a onClick={() => alert(DISCORD_INFO)} style={{ cursor: 'pointer' }}>discord</a> •
+					<a href={STEAM_LINK} style={{ cursor: 'pointer' }}>steam</a> •
+					<a href="https://git.neru.rip/neru">projects</a>
+				</nav>
+
+				<section className="content-box">
+					<h2 className="title">✧ luma ✧</h2>
+					<p style={{ fontSize: '0.9rem' }}>a rly barebones TTS bot that sometimes works</p>
+					<a href="https://discord.com/api/oauth2/authorize?client_id=1459513087278186567&scope=applications.commands+bot&permissions=70643692457024" className="invite-btn">
+						[ click to invite ]
+					</a>
+				</section>
+
+				<section className="content-box">
+					<h2 className="title">✧ services ✧</h2>
+					<ul className="directory">
+						<li><a href="https://git.neru.rip">gitea</a></li>
+						<li><a href="https://zl.neru.rip">zipline</a></li>
+						<li><a href="https://files.neru.rip">files</a></li>
+					</ul>
+				</section>
+
+				<footer>
+					<div className="marquee">
+						<span>✧ ꒰ა˵• ﻌ •˵ა꒱ ✧ ฅ^•ﻌ•^ฅ ✧ ᶻ 𝗓 𐰁 /ᐠ. ｡ .ᐟ\ ✧ ฅ/ᐠ. ̫ .ᐟ\ฅ ✧ ꒰ა≽^•⩊•^≼໒꒱ ✧ ₍˄·͈༝·͈˄₎ ✧ /ᐠ. ⩊ .ᐟ\ﾉ ✧ 𓏲ּ ֶָ ࣪ /ᐠ .ᆺ. ᐟ\ﾉ ✧</span>
+					</div>
+					{/* <p style={{ fontSize: '0.65rem', opacity: 0.5 }}>✼　 ҉ 　✼　 ҉ 　✼　 ҉ 　✼</p> */}
+				</footer>
+			</div>
+		</>
+	);
+}
 
 export default function Home() {
-	return <SealHome />;
-}
+	return (
+		<Content />
+	)
+}