From 70eac59eb83a6b07c666ab19c752a13422c0727b Mon Sep 17 00:00:00 2001
From: emil <emil28092005@gmail.com>
Date: Sat, 9 May 2026 15:04:44 +0300
Subject: [PATCH] fix: move SEO text blocks below ad banner on generator pages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/generators/cards.astro    | 8 ++++----
 src/pages/generators/coin.astro     | 8 ++++----
 src/pages/generators/colors.astro   | 8 ++++----
 src/pages/generators/dice.astro     | 8 ++++----
 src/pages/generators/list.astro     | 8 ++++----
 src/pages/generators/lottery.astro  | 8 ++++----
 src/pages/generators/numbers.astro  | 8 ++++----
 src/pages/generators/password.astro | 8 ++++----
 src/pages/generators/uuid.astro     | 8 ++++----
 9 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/pages/generators/cards.astro b/src/pages/generators/cards.astro
index da4fef4..f7c7470 100644
--- a/src/pages/generators/cards.astro
+++ b/src/pages/generators/cards.astro
@@ -55,6 +55,10 @@ const generator = generators.find((g) => g.slug === 'cards')!;
       <CardGenerator />
     </main>
 
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Set how many cards to draw (1–52).',
@@ -69,9 +73,5 @@ const generator = generators.find((g) => g.slug === 'cards')!;
         'Running fair draws without a physical deck.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/coin.astro b/src/pages/generators/coin.astro
index d2bc588..ffa7b9d 100644
--- a/src/pages/generators/coin.astro
+++ b/src/pages/generators/coin.astro
@@ -34,6 +34,10 @@ const generator = generators.find((g) => g.slug === 'coin')!;
       <p class="mt-2 text-base text-zinc-400">{generator.description}</p>
     </header>
     <main><CoinGenerator /></main>
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Drag the slider to choose how many coins to flip (1–20).',
@@ -48,9 +52,5 @@ const generator = generators.find((g) => g.slug === 'coin')!;
         'Settling a fair 50/50 choice between two options.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/colors.astro b/src/pages/generators/colors.astro
index dc361c1..3941e2c 100644
--- a/src/pages/generators/colors.astro
+++ b/src/pages/generators/colors.astro
@@ -55,6 +55,10 @@ const generator = generators.find((g) => g.slug === 'colors')!;
       <ColorGenerator />
     </main>
 
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Click Generate to produce a random color.',
@@ -68,9 +72,5 @@ const generator = generators.find((g) => g.slug === 'colors')!;
         'Teaching or exploring color theory and formats.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/dice.astro b/src/pages/generators/dice.astro
index e95ab86..b62d27b 100644
--- a/src/pages/generators/dice.astro
+++ b/src/pages/generators/dice.astro
@@ -55,6 +55,10 @@ const generator = generators.find((g) => g.slug === 'dice')!;
       <DiceGenerator />
     </main>
 
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Select the die type: d4, d6, d8, d10, d12, d20, or d100.',
@@ -69,9 +73,5 @@ const generator = generators.find((g) => g.slug === 'dice')!;
         'Settling disputes with a fair digital dice roll.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/list.astro b/src/pages/generators/list.astro
index eb27484..85ba1d4 100644
--- a/src/pages/generators/list.astro
+++ b/src/pages/generators/list.astro
@@ -34,6 +34,10 @@ const generator = generators.find((g) => g.slug === 'list')!;
       <p class="mt-2 text-base text-zinc-400">{generator.description}</p>
     </header>
     <main><ListGenerator /></main>
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Type or paste your items into the text area — one item per line.',
@@ -48,9 +52,5 @@ const generator = generators.find((g) => g.slug === 'list')!;
         'Selecting a random movie, restaurant, or activity from a list.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/lottery.astro b/src/pages/generators/lottery.astro
index d00bffe..8933ffc 100644
--- a/src/pages/generators/lottery.astro
+++ b/src/pages/generators/lottery.astro
@@ -55,6 +55,10 @@ const generator = generators.find((g) => g.slug === 'lottery')!;
       <LotteryGenerator />
     </main>
 
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Set the From and To fields to define your number range (e.g. 1 to 49).',
@@ -69,9 +73,5 @@ const generator = generators.find((g) => g.slug === 'lottery')!;
         'Choosing lottery numbers for Powerball, EuroMillions, or local draws.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/numbers.astro b/src/pages/generators/numbers.astro
index 04deb31..35deaea 100644
--- a/src/pages/generators/numbers.astro
+++ b/src/pages/generators/numbers.astro
@@ -55,6 +55,10 @@ const generator = generators.find((g) => g.slug === 'numbers')!;
       <NumberGenerator />
     </main>
 
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Enter the minimum value in the From field.',
@@ -69,9 +73,5 @@ const generator = generators.find((g) => g.slug === 'numbers')!;
         'Generating test data with values in a specific range.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/password.astro b/src/pages/generators/password.astro
index 8c83bbb..a1b1e6f 100644
--- a/src/pages/generators/password.astro
+++ b/src/pages/generators/password.astro
@@ -55,6 +55,10 @@ const generator = generators.find((g) => g.slug === 'password')!;
       <PasswordGenerator />
     </main>
 
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Drag the length slider to set how many characters you need (4–64).',
@@ -69,9 +73,5 @@ const generator = generators.find((g) => g.slug === 'password')!;
         'Replacing a weak or reused password.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>
diff --git a/src/pages/generators/uuid.astro b/src/pages/generators/uuid.astro
index 9aa09ae..57f0240 100644
--- a/src/pages/generators/uuid.astro
+++ b/src/pages/generators/uuid.astro
@@ -34,6 +34,10 @@ const generator = generators.find((g) => g.slug === 'uuid')!;
       <p class="mt-2 text-base text-zinc-400">{generator.description}</p>
     </header>
     <main><UuidGenerator /></main>
+    <div class="mt-12 flex justify-center">
+      <AdBanner size="tile" />
+    </div>
+
     <SeoBlock
       howTo={[
         'Choose a token type: UUID v4, Hex, or Base64.',
@@ -48,9 +52,5 @@ const generator = generators.find((g) => g.slug === 'uuid')!;
         'Generating a one-time secret for environment variables or config files.',
       ]}
     />
-
-    <div class="mt-12 flex justify-center">
-      <AdBanner size="tile" />
-    </div>
   </div>
 </BaseLayout>