feat(i18n): Simplified Chinese across the site

app/package.json

@@ -1,3 +1,3 @@
 {
   "name": "openlaunch",
   "version": "0.1.0",
@@ -30,6 +30,7 @@
     "server-only": "^0.0.1",
     "sharp": "^0.35.5",
     "tailwind-merge": "^3.6.0",
+    "use-intl": "4.14.9",
     "viem": "^2.47.6",
     "wagmi": "^3.5.0"
   },

app/src/app/(home)/loading.tsx

@@ -4,6 +4,7 @@ import hero from "@/components/launchpad/LaunchHero.module.css";
 import machine from "@/components/launchpad/LaunchMachine.module.css";
 import totals from "@/components/launchpad/LaunchMechanism.module.css";
 import trend from "@/components/launchpad/TrendingStrip.module.css";
+import { getTranslations } from "@/i18n/server";
 
 /**
  * Home skeleton, in the page's own order: hero (text, the locker in its stage and the totals, in the real grid), the live
@@ -22,9 +23,10 @@ function SkBoardCard() {
   );
 }
 
-export default function Loading() {
+export default async function Loading() {
+  const t = await getTranslations("info");
   return (
-    <main className="bb-mid bb-page relative space-y-6 pb-16 sm:space-y-8" aria-busy="true" aria-label="loading">
+    <main className="bb-mid bb-page relative space-y-6 pb-16 sm:space-y-8" aria-busy="true" aria-label={t("loading.home")}>
       <section className={`${HERO.section} ${hero.hero}`}>
         <div className={hero.layout}>
           <div className={hero.copyArea}>

app/src/app/(home)/page.tsx

@@ -19,6 +19,7 @@ import LaunchPill from "@/components/launchpad/LaunchPill";
 import WhyFree from "@/components/launchpad/WhyFree";
 import { MagicCard } from "@/components/vendor/magic-card";
 import { LAYOUT_COOKIE, parseLayout } from "@/lib/launchpad/list-layout";
+import { getTranslations } from "@/i18n/server";
 
 export const dynamic = "force-dynamic";
 // Title and description come from the root layout; ?sort= / ?chain= / ?window= / ?view= are all this one page.
@@ -45,6 +46,7 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ s
   ]);
   const trending = await withBoardTape(fetchedTrending ?? trendingFrom(page.items)); // the default view's first page doubles as the strip's candidates; the tapes are the cards' recent trades
   const now = nowMs();
+  const t = await getTranslations("hero");
 
   return (
     <>
@@ -55,7 +57,7 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ s
         <LiveRiver initial={feed.filter((item) => inRiverWindow(item, now))} recent={feed} serverNow={now} coveredSince={riverCoverage(feed, RIVER_SEED, now)} lastActivityAt={feed[0] ? new Date(feed[0].at).getTime() : 0} />
         <div className="grid items-start gap-x-8 gap-y-6 xl:grid-cols-[minmax(0,1fr)_19rem]">
           <MagicCard className="min-w-0 rounded-2xl"><LaunchList frame="rounded-[inherit]" initial={page.items} initialHasMore={page.hasMore} initialSort={sort} initialWindow={window} initialChain={chain} initialFilter={filter} initialView={sp.view === "watchlist" ? "watchlist" : "market"} initialLayout={layout} hasDb={dbConfigured()} serverNow={now} /></MagicCard>
-          <aside aria-label="New launches and community" className="grid min-w-0 gap-4 md:grid-cols-2 xl:sticky xl:top-24 xl:grid-cols-1">
+          <aside aria-label={t("home.aside")} className="grid min-w-0 gap-4 md:grid-cols-2 xl:sticky xl:top-24 xl:grid-cols-1">
             <JustLaunched initial={fresh.items} serverNow={now} />
             <div className="min-w-0 space-y-4">
               <PostsFeed initial={posts} compact />