From be68ff45db52545bf194190498527b5f15440e45 Mon Sep 17 00:00:00 2001
From: "crawlproof[bot]" <286981042+crawlproof[bot]@users.noreply.github.com>
Date: Tue, 7 Jul 2026 08:59:45 +0000
Subject: [PATCH 1/2] Add CrawlProof ad unit

---
 sites/sh1pt.com/app/layout.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/sites/sh1pt.com/app/layout.tsx b/sites/sh1pt.com/app/layout.tsx
index 6ab77eaf..15802856 100644
--- a/sites/sh1pt.com/app/layout.tsx
+++ b/sites/sh1pt.com/app/layout.tsx
@@ -5,6 +5,7 @@ import NavLink from './components/NavLink';
 import RobautoPixel from './components/RobautoPixel';
 import CrawlproofStats from './components/CrawlproofStats';
 import { getSupabaseServerClient } from '@/lib/supabase/server';
+import Script from "next/script";
 
 export const metadata = {
   title: 'sh1pt — Build. Promote. Scale. Iterate…',
@@ -85,7 +86,9 @@ export default async function RootLayout({ children }: { children: ReactNode })
           </div>
         </footer>
         <CrawlproofStats />
-      <script async src="https://feedback.profullstack.com/embed/profullstack-feedback.js" data-property="sh1pt.com"></script></body>
+      <script async src="https://feedback.profullstack.com/embed/profullstack-feedback.js" data-property="sh1pt.com"></script>        <div data-cp-ad="" data-slot="6faee067-68a2-40ef-aa20-2065bb306f4c" data-format="banner_300x250" />
+      <Script src="https://crawlproof.com/ad.js" strategy="afterInteractive" />
+      </body>
     </html>
   );
 }

From 55a16fdedc54b341b7ab904263d521c58f1de93f Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@profullstack.com>
Date: Wed, 8 Jul 2026 00:27:23 +0000
Subject: [PATCH 2/2] Move CrawlProof ad out of layout body into page content

The installer injected a bare <div data-cp-ad> at the tail of <body>
in sites/sh1pt.com/app/layout.tsx, so the 300x250 ad rendered below
the footer on every page.

Replace it with an <AdUnit /> component placed inside real page
content on the home and blog index/post views. The ad.js loader
stays global in the layout.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 sites/sh1pt.com/app/blog/[slug]/page.tsx  |  2 ++
 sites/sh1pt.com/app/blog/page.tsx         |  2 ++
 sites/sh1pt.com/app/components/AdUnit.tsx | 32 +++++++++++++++++++++++
 sites/sh1pt.com/app/layout.tsx            |  2 +-
 sites/sh1pt.com/app/page.tsx              |  7 +++++
 5 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 sites/sh1pt.com/app/components/AdUnit.tsx

diff --git a/sites/sh1pt.com/app/blog/[slug]/page.tsx b/sites/sh1pt.com/app/blog/[slug]/page.tsx
index 817576d2..35e55d9b 100644
--- a/sites/sh1pt.com/app/blog/[slug]/page.tsx
+++ b/sites/sh1pt.com/app/blog/[slug]/page.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 import { getPostBySlug, formatDate, SITE_URL } from '@/lib/blog';
+import AdUnit from '../../components/AdUnit';
 
 export const dynamic = 'force-dynamic';
 
@@ -79,6 +80,7 @@ export default async function BlogPostPage({
           {post.content_markdown ?? ''}
         </pre>
       )}
+      <AdUnit />
     </main>
   );
 }
diff --git a/sites/sh1pt.com/app/blog/page.tsx b/sites/sh1pt.com/app/blog/page.tsx
index 5ab645fe..6804fc5a 100644
--- a/sites/sh1pt.com/app/blog/page.tsx
+++ b/sites/sh1pt.com/app/blog/page.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import { listPosts, formatDate, SITE_URL } from '@/lib/blog';
+import AdUnit from '../components/AdUnit';
 
 export const metadata: Metadata = {
   title: 'Blog — sh1pt',
@@ -85,6 +86,7 @@ export default async function BlogIndexPage() {
           ))}
         </ul>
       )}
+      <AdUnit />
     </main>
   );
 }
diff --git a/sites/sh1pt.com/app/components/AdUnit.tsx b/sites/sh1pt.com/app/components/AdUnit.tsx
new file mode 100644
index 00000000..d37b7d22
--- /dev/null
+++ b/sites/sh1pt.com/app/components/AdUnit.tsx
@@ -0,0 +1,32 @@
+/**
+ * CrawlProof ad slot, rendered inside page content (never at the tail of
+ * <body>, which puts it below the footer). The global ad.js loader in the
+ * root layout fills every [data-cp-ad] slot in place with a 300x250 iframe.
+ */
+const CP_AD_SLOT = '6faee067-68a2-40ef-aa20-2065bb306f4c';
+
+export default function AdUnit() {
+  return (
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        margin: '2.5rem 0',
+      }}
+    >
+      <span
+        className="muted"
+        style={{
+          fontSize: '0.65rem',
+          textTransform: 'uppercase',
+          letterSpacing: '0.05em',
+          marginBottom: '0.35rem',
+        }}
+      >
+        Advertisement
+      </span>
+      <div data-cp-ad="" data-slot={CP_AD_SLOT} data-format="banner_300x250" />
+    </div>
+  );
+}
diff --git a/sites/sh1pt.com/app/layout.tsx b/sites/sh1pt.com/app/layout.tsx
index 15802856..3247bb73 100644
--- a/sites/sh1pt.com/app/layout.tsx
+++ b/sites/sh1pt.com/app/layout.tsx
@@ -86,7 +86,7 @@ export default async function RootLayout({ children }: { children: ReactNode })
           </div>
         </footer>
         <CrawlproofStats />
-      <script async src="https://feedback.profullstack.com/embed/profullstack-feedback.js" data-property="sh1pt.com"></script>        <div data-cp-ad="" data-slot="6faee067-68a2-40ef-aa20-2065bb306f4c" data-format="banner_300x250" />
+      <script async src="https://feedback.profullstack.com/embed/profullstack-feedback.js" data-property="sh1pt.com"></script>
       <Script src="https://crawlproof.com/ad.js" strategy="afterInteractive" />
       </body>
     </html>
diff --git a/sites/sh1pt.com/app/page.tsx b/sites/sh1pt.com/app/page.tsx
index 8b6fd689..dd70601f 100644
--- a/sites/sh1pt.com/app/page.tsx
+++ b/sites/sh1pt.com/app/page.tsx
@@ -1,4 +1,5 @@
 import CopyableCommand from './components/CopyableCommand';
+import AdUnit from './components/AdUnit';
 
 export default function Home() {
   return (
@@ -169,6 +170,12 @@ sh1pt iterate     # observe metrics → agent proposes fixes → ship, on loop`}
           </p>
         </div>
       </section>
+
+      <section>
+        <div className="container">
+          <AdUnit />
+        </div>
+      </section>
     </main>
   );
 }
