From 62ee9b922736b80892ab2f8b2ae0e965509c8bd9 Mon Sep 17 00:00:00 2001
From: Marty Bostick <marty@amplifyaiworkshop.com>
Date: Wed, 29 Jul 2026 19:51:08 +0000
Subject: [PATCH] =?UTF-8?q?Add=20CBP=20logo=20bar=20at=20top=20of=20hero?=
 =?UTF-8?q?=20=E2=80=94=20cyan/purple=20ClickBaitPays=20brand=20badge=20wi?=
 =?UTF-8?q?th=20'Team=20Project'=20label,=20above=20CTBN=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 61 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)

diff --git a/index.html b/index.html
index eb96c6e..ee5aa93 100644
--- a/index.html
+++ b/index.html
@@ -130,6 +130,52 @@
     font-weight: 600;
   }
 
+  /* CBP logo bar at top of hero */
+  .cbp-logo-bar {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    background: rgba(0,229,255,0.06);
+    border: 1px solid rgba(0,229,255,0.2);
+    border-radius: 100px;
+    padding: 6px 18px 6px 10px;
+    margin-bottom: 14px;
+    backdrop-filter: blur(4px);
+  }
+  .cbp-logo-icon {
+    display: flex;
+    align-items: center;
+  }
+  .cbp-logo-text {
+    font-family: 'Orbitron', sans-serif;
+    font-size: 1.05rem;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+  }
+  .cbp-logo-click {
+    background: linear-gradient(135deg, #00e5ff, #06b6d4);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .cbp-logo-pays {
+    background: linear-gradient(135deg, #a855f7, #d946ef);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .cbp-logo-badge {
+    font-size: 0.65rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    color: var(--text-dim);
+    background: rgba(255,255,255,0.06);
+    padding: 2px 10px;
+    border-radius: 100px;
+    margin-left: 4px;
+  }
+
   /* CTA buttons */
   .hero-ctas {
     display: flex;
@@ -1161,6 +1207,21 @@
 <section class="hero" id="heroSection">
   <div class="hero-content">
 
+    <!-- CBP Logo / Brand bar -->
+    <div class="cbp-logo-bar">
+      <div class="cbp-logo-icon">
+        <svg viewBox="0 0 32 32" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect x="2" y="2" width="28" height="28" rx="6" stroke="url(#cbpGrad)" stroke-width="2.5" fill="rgba(0,229,255,0.08)"/>
+          <path d="M10 16h4l3-7 3 14 3-7h4" stroke="url(#cbpGrad)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+          <defs><linearGradient id="cbpGrad" x1="0" y1="0" x2="32" y2="32"><stop stop-color="#00e5ff"/><stop offset="1" stop-color="#a855f7"/></linearGradient></defs>
+        </svg>
+      </div>
+      <div class="cbp-logo-text">
+        <span class="cbp-logo-click">ClickBait</span><span class="cbp-logo-pays">Pays</span>
+      </div>
+      <span class="cbp-logo-badge">Team Project</span>
+    </div>
+
     <!-- Team badge -->
     <div class="team-badge">
       <span class="dot"></span>