From 37ee2bca63a8fda60aac6de5d3da4934bc6cad7c Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Thu, 15 May 2025 19:19:47 +0100
Subject: [PATCH] chore: more SEO fixes

---
 src/app/layout.tsx                     |  4 ++--
 src/app/page.tsx                       | 10 +++++++---
 src/components/profile-information.tsx |  6 ++----
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6f98faf..4bdb936 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -15,7 +15,7 @@ const lexend = Lexend({
 
 export const metadata: Metadata = {
 	metadataBase: new URL(process.env.BASE_URL!),
-	title: "TomodachiShare",
+	title: "TomodachiShare — home for Tomodachi Life Miis!",
 	description: "Discover and share Mii residents for your Tomodachi Life island!",
 	keywords: ["mii", "tomodachi life", "nintendo", "tomodachishare", "tomodachi-share", "mii creator", "mii collection"],
 	category: "Gaming",
@@ -54,7 +54,7 @@ export default function RootLayout({
 				<Providers>
 					<Header />
 					<AdminBanner />
-					<div className="px-4 py-8 max-w-7xl w-full flex-grow flex flex-col">{children}</div>
+					<main className="px-4 py-8 max-w-7xl w-full flex-grow flex flex-col">{children}</main>
 					<Footer />
 				</Providers>
 			</body>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fca60e7..55a6d44 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,8 +18,12 @@ export default async function Page({ searchParams }: Props) {
 	}
 
 	return (
-		<Suspense fallback={<Skeleton />}>
-			<MiiList searchParams={await searchParams} />
-		</Suspense>
+		<>
+			<h1 className="sr-only">TomodachiShare - index page</h1>
+
+			<Suspense fallback={<Skeleton />}>
+				<MiiList searchParams={await searchParams} />
+			</Suspense>
+		</>
 	);
 }
diff --git a/src/components/profile-information.tsx b/src/components/profile-information.tsx
index 8d679f8..9392dc5 100644
--- a/src/components/profile-information.tsx
+++ b/src/components/profile-information.tsx
@@ -39,9 +39,7 @@ export default async function ProfileInformation({ userId, page }: Props) {
 				{/* User information */}
 				<div className="flex flex-col w-full relative py-3">
 					<div className="flex items-center gap-2">
-						<Link href={`/profile/${user.id}`} className="text-3xl font-extrabold break-words">
-							{user.name}
-						</Link>
+						<h1 className="text-3xl font-extrabold break-words">{user.name}</h1>
 						{isAdmin && (
 							<div data-tooltip="Admin" className="text-orange-400">
 								<Icon icon="mdi:shield-moon" className="text-2xl" />
@@ -68,7 +66,7 @@ export default async function ProfileInformation({ userId, page }: Props) {
 			</div>
 
 			{/* Buttons */}
-			<div className="flex gap-1 w-fit text-3xl text-orange-400 max-md:place-self-center *:size-17 *:flex *:flex-col *:items-center *:gap-1 **:transition-discrete **:duration-150 *:hover:brightness-90 *:hover:scale-[1.08] *:[&_span]:text-sm">
+			<div className="flex gap-1 w-fit text-3xl text-orange-400 max-md:place-self-center *:size-17 *:flex *:flex-col *:items-center *:gap-1 **:transition-discrete **:duration-150 *:hover:brightness-75 *:hover:scale-[1.08] *:[&_span]:text-sm">
 				{!isOwnProfile && (
 					<Link href={`/report/user/${id}`}>
 						<Icon icon="material-symbols:flag-rounded" />