Move NogglesRails variations card before closing

Author: sktbrd

src/components/nogglesrails/NogglesRailsClosingBox.tsx

@@ -1,6 +1,38 @@
+import Image from "next/image";
+
 export function NogglesRailsClosingBox() {
   return (
-    <section className="border-t py-12">
+    <section className="space-y-8 border-t py-12">
+      <article className="rounded-lg border bg-card p-6 text-card-foreground">
+        <div className="mb-3 text-sm font-medium uppercase tracking-[0.2em] text-muted-foreground">
+          3. Variations & Experiments
+        </div>
+        <div className="mb-6 overflow-hidden rounded-lg border bg-black/20 p-2">
+          <div className="relative aspect-[16/9] w-full">
+            <Image
+              src="https://img.paragraph.com/cdn-cgi/image/format=auto,width=1200,quality=85/https://storage.googleapis.com/papyrus_images/87e8297dbb18991c60288e0d89bd9222395c0c123b3ded7ecd0684f5b9f96df1.png"
+              alt="Noggles variations and experiments"
+              fill
+              className="object-contain"
+              unoptimized
+            />
+          </div>
+        </div>
+        <h2 className="mb-4 text-2xl font-bold tracking-tight">Beyond the first rails</h2>
+        <p className="text-sm leading-7 text-muted-foreground md:text-base">
+          Following the creation of the first Noggles Rails, the expansion of Noggles presence into
+          additional action sports became inevitable, evolving beyond traditional skate handrails
+          into a broader modular obstacle system.
+        </p>
+        <p className="mt-4 text-sm leading-7 text-muted-foreground md:text-base">
+          This led to the development of fully branded Noggles wakeboard ramps, Megaramp and
+          Thrasher Mag, a snowboard grind tube deployed in Japan, the Noggles Delta selected through
+          an onchain Gnars DAO vote among four proposed obstacle models, and other activations that
+          further nounified physical infrastructure, translating decentralized consensus into
+          tangible cultural impact.
+        </p>
+      </article>
+
       <article className="rounded-lg border bg-card p-6 text-card-foreground">
         <div className="mb-3 text-sm font-medium uppercase tracking-[0.2em] text-muted-foreground">
           4. Still Rolling

src/components/nogglesrails/NogglesRailsManifesto.tsx

@@ -1,4 +1,3 @@
-import Image from "next/image";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
 
@@ -61,36 +60,6 @@ export function NogglesRailsManifesto() {
         </article>
       </div>
 
-      <article className="rounded-lg border bg-card p-6 text-card-foreground">
-        <div className="mb-3 text-sm font-medium uppercase tracking-[0.2em] text-muted-foreground">
-          3. Variations & Experiments
-        </div>
-        <div className="mb-6 overflow-hidden rounded-lg border">
-          <div className="relative aspect-[16/7] w-full">
-            <Image
-              src="https://img.paragraph.com/cdn-cgi/image/format=auto,width=1200,quality=85/https://storage.googleapis.com/papyrus_images/87e8297dbb18991c60288e0d89bd9222395c0c123b3ded7ecd0684f5b9f96df1.png"
-              alt="Noggles variations and experiments"
-              fill
-              className="object-cover"
-              unoptimized
-            />
-          </div>
-        </div>
-        <h2 className="mb-4 text-2xl font-bold tracking-tight">Beyond the first rails</h2>
-        <p className="text-sm leading-7 text-muted-foreground md:text-base">
-          Following the creation of the first Noggles Rails, the expansion of Noggles presence into
-          additional action sports became inevitable, evolving beyond traditional skate handrails
-          into a broader modular obstacle system.
-        </p>
-        <p className="mt-4 text-sm leading-7 text-muted-foreground md:text-base">
-          This led to the development of fully branded Noggles wakeboard ramps, Megaramp and
-          Thrasher Mag, a snowboard grind tube deployed in Japan, the Noggles Delta selected through
-          an onchain Gnars DAO vote among four proposed obstacle models, and other activations that
-          further nounified physical infrastructure, translating decentralized consensus into
-          tangible cultural impact.
-        </p>
-      </article>
-
       <div className="border-t pt-8 text-center">
         <p className="mx-auto max-w-lg text-muted-foreground">
           Want to bring a NogglesRail to your city? Submit a proposal and the community will fund it.