From 12736b16e19cfab9fdc8624d9958f91298ac4f55 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 18 May 2026 20:32:06 +0000
Subject: [PATCH] Remove hiring CTA from blog posts and add padding to
 announcement banner

- Drop the 'We're hiring / Like what you see? Join us' card from the
  bottom of every blog post. The blog list page hero already has a
  'We're hiring!' button, so this avoids duplicating the link in a
  noisy footer card on every post.
- Move announcement bar padding onto the inner content div and bump it
  to 14px vertical / 48px horizontal (12/20 on mobile) so the May
  Town Hall banner no longer sits flush against the viewport edges.

Co-authored-by: Mateo Wang <mateo-berri@users.noreply.github.com>
---
 src/css/custom.css                       | 10 +++-
 src/theme/BlogPostPage/index.js          | 23 --------
 src/theme/BlogPostPage/styles.module.css | 68 ------------------------
 3 files changed, 9 insertions(+), 92 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 764ef2f13..69a022548 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -965,17 +965,25 @@ video {
 div[class*='announcementBar'] {
   background: #0078d4 !important;
   border-bottom: none !important;
-  padding: 10px 0 !important;
+  height: auto !important;
+  min-height: 0 !important;
   font-family: var(--ifm-font-family-base);
   font-size: 14px !important;
   letter-spacing: 0.01em;
 }
 
 div[class*='announcementBar'] div[class*='content'] {
+  padding: 14px 48px !important;
   font-weight: 400 !important;
   line-height: 1.5;
 }
 
+@media (max-width: 768px) {
+  div[class*='announcementBar'] div[class*='content'] {
+    padding: 12px 20px !important;
+  }
+}
+
 div[class*='announcementBar'] a {
   color: #ffffff !important;
   text-decoration: underline !important;
diff --git a/src/theme/BlogPostPage/index.js b/src/theme/BlogPostPage/index.js
index 05f34db24..e1c30434b 100644
--- a/src/theme/BlogPostPage/index.js
+++ b/src/theme/BlogPostPage/index.js
@@ -15,28 +15,6 @@ function BackLink() {
   );
 }
 
-function HiringCTA() {
-  return (
-    <div className={styles.ctaOuter}>
-      <div className={styles.cta}>
-        <p className={styles.ctaEyebrow}>We're hiring</p>
-        <a
-          href="https://jobs.ashbyhq.com/litellm"
-          target="_blank"
-          rel="noopener noreferrer"
-          className={styles.ctaLink}
-        >
-          Like what you see? Join us
-          <svg className={styles.ctaArrow} fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
-          </svg>
-        </a>
-        <p className={styles.ctaSub}>Come build the future of AI infrastructure.</p>
-      </div>
-    </div>
-  );
-}
-
 export default function BlogPostPage(props) {
   // Add body class so CSS can hide the sidebar
   useEffect(() => {
@@ -48,7 +26,6 @@ export default function BlogPostPage(props) {
     <>
       <BackLink />
       <OriginalBlogPostPage {...props} />
-      <HiringCTA />
     </>
   );
 }
diff --git a/src/theme/BlogPostPage/styles.module.css b/src/theme/BlogPostPage/styles.module.css
index 966603780..239dd9d43 100644
--- a/src/theme/BlogPostPage/styles.module.css
+++ b/src/theme/BlogPostPage/styles.module.css
@@ -39,71 +39,3 @@
   color: #f9fafb;
 }
 
-.ctaOuter {
-  max-width: 820px;
-  margin: 0 auto;
-  padding: 0 2rem 4rem;
-}
-
-.cta {
-  border-radius: 16px;
-  background: #f9fafb;
-  border: 1px solid #e5e7eb;
-  padding: 2.5rem 2rem;
-  text-align: center;
-}
-
-.ctaEyebrow {
-  font-size: 0.68rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.12em;
-  color: #9ca3af;
-  margin: 0 0 0.75rem;
-}
-
-.ctaLink {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-size: 1.5rem;
-  font-weight: 600;
-  letter-spacing: -0.01em;
-  color: #111827;
-  text-decoration: none !important;
-  transition: color 0.15s;
-}
-
-.ctaLink:hover {
-  color: #0ea5e9;
-}
-
-.ctaArrow {
-  width: 1.25rem;
-  height: 1.25rem;
-  transition: transform 0.15s;
-  flex-shrink: 0;
-}
-
-.ctaLink:hover .ctaArrow {
-  transform: translateX(3px);
-}
-
-.ctaSub {
-  margin: 0.75rem 0 0;
-  font-size: 0.875rem;
-  color: #6b7280;
-}
-
-[data-theme='dark'] .cta {
-  background: #1f2937;
-  border-color: #374151;
-}
-
-[data-theme='dark'] .ctaLink {
-  color: #f9fafb;
-}
-
-[data-theme='dark'] .ctaSub {
-  color: #9ca3af;
-}