From 8fdb8c4a2fb0750eb54cb971067f51b62c1fc41c Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 21 Mar 2026 18:17:27 +0100
Subject: [PATCH] fix: remove orange glow orb backgrounds from marketing pages

---
 app/about/page.tsx                  | 1 -
 app/features/page.tsx               | 1 -
 app/installation/page.tsx           | 2 --
 app/integrations/nextjs/page.tsx    | 1 -
 app/integrations/page.tsx           | 1 -
 app/integrations/react/page.tsx     | 1 -
 app/integrations/vue/page.tsx       | 1 -
 app/integrations/wordpress/page.tsx | 1 -
 app/not-found.tsx                   | 2 --
 app/page.tsx                        | 4 ----
 components/IntegrationGuide.tsx     | 1 -
 11 files changed, 16 deletions(-)

diff --git a/app/about/page.tsx b/app/about/page.tsx
index f37e4af..4e4c649 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -60,7 +60,6 @@ export default function AboutPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div 
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/features/page.tsx b/app/features/page.tsx
index 8431d58..700ea6d 100644
--- a/app/features/page.tsx
+++ b/app/features/page.tsx
@@ -109,7 +109,6 @@ export default function FeaturesPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/installation/page.tsx b/app/installation/page.tsx
index a4c1d3c..48a3af4 100644
--- a/app/installation/page.tsx
+++ b/app/installation/page.tsx
@@ -8,8 +8,6 @@ export default function InstallationPage() {
       
       {/* * --- 1. ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        {/* * Top-left Orange Glow */}
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         {/* * Bottom-right Neutral Glow */}
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         {/* * Grid Pattern with Radial Mask */}
diff --git a/app/integrations/nextjs/page.tsx b/app/integrations/nextjs/page.tsx
index 2a26425..31f76b6 100644
--- a/app/integrations/nextjs/page.tsx
+++ b/app/integrations/nextjs/page.tsx
@@ -8,7 +8,6 @@ export default function NextJsIntegrationPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div 
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/integrations/page.tsx b/app/integrations/page.tsx
index a1fdb17..10ece2f 100644
--- a/app/integrations/page.tsx
+++ b/app/integrations/page.tsx
@@ -93,7 +93,6 @@ export default function IntegrationsPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/integrations/react/page.tsx b/app/integrations/react/page.tsx
index 9c29053..789a819 100644
--- a/app/integrations/react/page.tsx
+++ b/app/integrations/react/page.tsx
@@ -8,7 +8,6 @@ export default function ReactIntegrationPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div 
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/integrations/vue/page.tsx b/app/integrations/vue/page.tsx
index 81434c5..a33e528 100644
--- a/app/integrations/vue/page.tsx
+++ b/app/integrations/vue/page.tsx
@@ -8,7 +8,6 @@ export default function VueIntegrationPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div 
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/integrations/wordpress/page.tsx b/app/integrations/wordpress/page.tsx
index bd80d9f..d38f11b 100644
--- a/app/integrations/wordpress/page.tsx
+++ b/app/integrations/wordpress/page.tsx
@@ -8,7 +8,6 @@ export default function WordPressIntegrationPage() {
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div 
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/not-found.tsx b/app/not-found.tsx
index dc993ee..25db689 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -6,8 +6,6 @@ export default function NotFound() {
     <div className="relative min-h-[80vh] flex flex-col items-center justify-center overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        {/* * Center Orange Glow */}
-        <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         {/* * Grid Pattern with Radial Mask */}
         <div 
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"
diff --git a/app/page.tsx b/app/page.tsx
index b4ac71d..60e48fb 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -23,8 +23,6 @@ import { formatDate } from '@/lib/utils/formatDate'
 function DashboardPreview() {
   return (
     <div className="relative w-full max-w-7xl mx-auto mt-20 mb-32">
-      <div className="absolute inset-0 bg-brand-orange/20 blur-[100px] -z-10 rounded-full opacity-50" />
-
       <motion.div
         initial={{ opacity: 0, y: 40 }}
         animate={{ opacity: 1, y: 0 }}
@@ -238,8 +236,6 @@ export default function HomePage() {
         
         {/* * --- 1. ATMOSPHERE (Background) --- */}
         <div className="absolute inset-0 -z-10 pointer-events-none">
-          {/* * Top-left Orange Glow */}
-          <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
           {/* * Bottom-right Neutral Glow */}
           <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
           {/* * Grid Pattern with Radial Mask */}
diff --git a/components/IntegrationGuide.tsx b/components/IntegrationGuide.tsx
index fb53861..c309f63 100644
--- a/components/IntegrationGuide.tsx
+++ b/components/IntegrationGuide.tsx
@@ -39,7 +39,6 @@ export function IntegrationGuide({ integration, children }: IntegrationGuideProp
     <div className="relative min-h-screen flex flex-col overflow-hidden">
       {/* * --- ATMOSPHERE (Background) --- */}
       <div className="absolute inset-0 -z-10 pointer-events-none">
-        <div className="absolute top-0 left-1/4 w-[500px] h-[500px] bg-brand-orange/10 rounded-full blur-[128px] opacity-60" />
         <div className="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-neutral-500/10 dark:bg-neutral-400/10 rounded-full blur-[128px] opacity-40" />
         <div
           className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"