Apply review fixes

Author: minimalsm

app/[locale]/10years/_components/data.tsx

@@ -41,23 +41,21 @@ const adoptionCards = [
   },
   {
     image: Adoption3Image,
-    title: "$122.6 billion in stablecoin market cap",
+    title: "$123 billion in stablecoin market cap",
     description: (
       <p className="mb-8">
-        In Q2 2025, the Ethereum ecosystem moved over $122.6 billion in
-        stablecoins,{" "}
+        As of Q2 2025, Ethereum L1 secures $122.6 billion in stablecoins,{" "}
         <Link href="https://defillama.com/stablecoins/chains">
-          comprising ~49.85% of the stablecoin market share
+          capturing over 50% of the global stablecoin market.
         </Link>
-        .
       </p>
     ),
     href: "/stablecoins",
     linkText: "More on stablecoins",
   },
   {
     image: Adoption4Image,
-    title: "~75 billion secured on Ethereum",
+    title: "$75 billion secured in Ethereum DeFi",
     description: (
       <p className="mb-8">
         As of Q2 2025,{" "}
@@ -102,10 +100,14 @@ const adoptionCards = [
   },
 ]
 
+// duplicate 1 2 3, 1 2 3 to fix mobile slider bug where styles are not applied
 const adoptionStyles = [
   "bg-background bg-gradient-to-t from-20% to-60% from-accent-c/10 to-accent-c/5 dark:from-accent-c/20 dark:to-accent-c/10 border-accent-c/10",
   "bg-background bg-gradient-to-b from-20% to-60% from-accent-b/10 to-accent-b/5 dark:from-accent-b/20 dark:to-accent-b/10 border-accent-b/10",
   "bg-background bg-gradient-to-r from-20% to-60% from-accent-a/10 to-accent-a/5 dark:from-accent-a/20 dark:to-accent-a/10 border-accent-a/10",
+  "bg-background bg-gradient-to-t from-20% to-60% from-accent-c/10 to-accent-c/5 dark:from-accent-c/20 dark:to-accent-c/10 border-accent-c/10",
+  "bg-background bg-gradient-to-b from-20% to-60% from-accent-b/10 to-accent-b/5 dark:from-accent-b/20 dark:to-accent-b/10 border-accent-b/10",
+  "bg-background bg-gradient-to-r from-20% to-60% from-accent-a/10 to-accent-a/5 dark:from-accent-a/20 dark:to-accent-a/10 border-accent-a/10",
 ]
 
 const innovationCards = [

app/[locale]/10years/page.tsx

@@ -64,10 +64,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
       <MainArticle className="mx-auto flex w-full flex-col items-center">
         <TenYearHero />
 
-        <div className="mt-16 flex w-full flex-col gap-16 px-8 py-8 md:flex-row">
+        <div className="mt-16 flex w-full flex-col gap-16 px-8 py-4 md:flex-row md:py-8">
           <div className="flex flex-1 flex-col gap-5">
             <div>
-              <h1 className="text-4xl font-bold">
+              <h1 className="text-2xl font-bold">
                 A decade of transforming the world one block at a time
               </h1>
             </div>
@@ -122,7 +122,8 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
                     value={key}
                     className="whitespace-nowrap border-0 text-primary"
                   >
-                    {data.label}{" "}
+                    {data.label}
+                    {"\u00A0"}
                     <span className="text-sm">({data.events.length})</span>
                   </TabsTrigger>
                 ))}
@@ -202,7 +203,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
           </div>
         </div>
         <div className="flex w-full flex-col-reverse gap-8 px-8 py-8 md:flex-row">
-          <div className="flex flex-1 flex-col gap-4 md:gap-8">
+          <div className="flex flex-1 flex-col gap-4 md:gap-8 md:pt-8">
             <p>
               Join people around the world for talks, networking, and
               celebrations as we mark Ethereum&apos;s tenth birthday.
@@ -214,7 +215,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
             </p>
           </div>
           <div className="flex flex-1 flex-col items-center gap-4 rounded-2xl bg-gradient-step-1 p-8">
-            <h2 className="text-2xl font-bold">Host event</h2>
+            <h2 className="text-2xl font-bold">Host an event</h2>
             <p className="text-md">
               Want to host an event? Limited-time grants are available to help
               fund your event.
@@ -255,7 +256,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
         <div className="flex w-full flex-col gap-8 px-8 py-8 pt-32 lg:flex-row">
           <div className="relative flex max-w-[350px] flex-1 flex-col gap-6">
             <div className="flex flex-col gap-6 lg:sticky lg:top-64 lg:mb-24">
-              <h2 className="text-5xl font-black md:text-7xl">Adoption</h2>
+              <h2 className="flex flex-col gap-2 font-black">
+                <span className="text-4xl text-accent-a">10 years of</span>
+                <span className="text-5xl text-body md:text-7xl">Adoption</span>
+              </h2>
               <p className="text-xl font-bold">
                 From a whitepaper to 24M+ daily transactions within the Ethereum
                 ecosystem
@@ -298,7 +302,10 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
         <div className="flex w-full flex-col gap-8 px-8 py-8 pt-32 lg:flex-row">
           <div className="flex max-w-[350px] flex-1 flex-col gap-6">
             <div className="flex flex-col gap-6 lg:sticky lg:top-64 lg:mb-24">
-              <h2 className="text-5xl font-black md:text-7xl">Stories</h2>
+              <h2 className="flex flex-col gap-2 font-black">
+                <span className="text-4xl text-accent-a">10 years of</span>
+                <span className="text-5xl text-body md:text-7xl">Stories</span>
+              </h2>
               <p className="text-xl font-bold">
                 An overview of how Ethereum is used in daily life
               </p>
@@ -320,7 +327,7 @@ const Page = async ({ params }: { params: Promise<{ locale: Lang }> }) => {
             <Image
               src={TenYearLogo}
               alt="10 year anniversary logo"
-              className="-mb-4 max-h-80 object-contain sm:-mb-16"
+              className="-mb-4 max-h-80 object-contain"
             />
             <h3>Have an idea for how the community can celebrate?</h3>
             <p>