ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

fix: remove orange glow orb backgrounds from marketing pages

Browse Source
This commit is contained in:
Usman Baig
2026-03-21 18:17:27 +01:00
parent 4b46bba883
commit 8fdb8c4a2f
11 changed files with 0 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/about/page.tsx
View File

@@ -60,7 +60,6 @@ export default function AboutPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

1
app/features/page.tsx
View File

@@ -109,7 +109,6 @@ export default function FeaturesPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

2
app/installation/page.tsx
View File

@@ -8,8 +8,6 @@ export default function InstallationPage() {
{/* * --- 1. ATMOSPHERE (Background) --- */} {/* * --- 1. ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 */} {/* * 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" /> <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 */} {/* * Grid Pattern with Radial Mask */}

1
app/integrations/nextjs/page.tsx
View File

@@ -8,7 +8,6 @@ export default function NextJsIntegrationPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

1
app/integrations/page.tsx
View File

@@ -93,7 +93,6 @@ export default function IntegrationsPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

1
app/integrations/react/page.tsx
View File

@@ -8,7 +8,6 @@ export default function ReactIntegrationPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

1
app/integrations/vue/page.tsx
View File

@@ -8,7 +8,6 @@ export default function VueIntegrationPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

1
app/integrations/wordpress/page.tsx
View File

@@ -8,7 +8,6 @@ export default function WordPressIntegrationPage() {
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

2
app/not-found.tsx
View File

@@ -6,8 +6,6 @@ export default function NotFound() {
<div className="relative min-h-[80vh] flex flex-col items-center justify-center overflow-hidden"> <div className="relative min-h-[80vh] flex flex-col items-center justify-center overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 */} {/* * Grid Pattern with Radial Mask */}
<div <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"

4
app/page.tsx
View File

@@ -23,8 +23,6 @@ import { formatDate } from '@/lib/utils/formatDate'
function DashboardPreview() { function DashboardPreview() {
return ( return (
<div className="relative w-full max-w-7xl mx-auto mt-20 mb-32"> <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 <motion.div
initial={{ opacity: 0, y: 40 }} initial={{ opacity: 0, y: 40 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
@@ -238,8 +236,6 @@ export default function HomePage() {
{/* * --- 1. ATMOSPHERE (Background) --- */} {/* * --- 1. ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 */} {/* * 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" /> <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 */} {/* * Grid Pattern with Radial Mask */}

1
components/IntegrationGuide.tsx
View File

@@ -39,7 +39,6 @@ export function IntegrationGuide({ integration, children }: IntegrationGuideProp
<div className="relative min-h-screen flex flex-col overflow-hidden"> <div className="relative min-h-screen flex flex-col overflow-hidden">
{/* * --- ATMOSPHERE (Background) --- */} {/* * --- ATMOSPHERE (Background) --- */}
<div className="absolute inset-0 -z-10 pointer-events-none"> <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 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 <div
className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]" className="absolute inset-0 bg-grid-pattern opacity-[0.02] dark:opacity-[0.05]"