From e527115c6aa912b070fc9ca0f01bec8b6c9a9a2a Mon Sep 17 00:00:00 2001
From: Quinn Ftw <QuinnFtw@proton.me>
Date: Sun, 28 Dec 2025 19:43:47 -0800
Subject: [PATCH] fix(landing): remove duplicate Header and AIBackground from
 pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Pages were rendering their own <Header /> and <AIBackground /> components
while already wrapped by <Layout /> which provides both. This caused
double headers for logged-in users.

Removed duplicate imports and JSX from:
- Category landing pages (Shop, Platform, Company, ForWorkers, ForCustomers)
- Legal pages (Terms, Privacy)
- Roadmap page

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../landing/frontend/src/pages/categories/CompanyPage.tsx  | 6 ------
 .../frontend/src/pages/categories/ForCustomersPage.tsx     | 6 ------
 .../frontend/src/pages/categories/ForWorkersPage.tsx       | 6 ------
 .../landing/frontend/src/pages/categories/PlatformPage.tsx | 7 -------
 .../frontend/src/pages/categories/ShopLandingPage.tsx      | 7 -------
 features/landing/frontend/src/pages/legal/PrivacyPage.tsx  | 3 ---
 features/landing/frontend/src/pages/legal/TermsPage.tsx    | 3 ---
 .../landing/frontend/src/pages/roadmap/RoadmapPage.tsx     | 6 ------
 8 files changed, 44 deletions(-)

diff --git a/features/landing/frontend/src/pages/categories/CompanyPage.tsx b/features/landing/frontend/src/pages/categories/CompanyPage.tsx
index cf5a8fd47..df7e09443 100644
--- a/features/landing/frontend/src/pages/categories/CompanyPage.tsx
+++ b/features/landing/frontend/src/pages/categories/CompanyPage.tsx
@@ -2,9 +2,6 @@ import { motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 import { Building2, TrendingUp, FileText, Shield, ArrowRight } from 'lucide-react';
 import SEOHead from '../../components/SEOHead';
-import { AIBackground } from '@ui/backgrounds';
-import Header from '../../components/Header/Header';
-import { useReducedMotion } from '@ui/accessibility';
 import { useSoundEngine } from '@ui/effects-sound';
 import { Routes } from '../../routes';
 import './CategoryLanding.css';
@@ -85,7 +82,6 @@ function SectionCard({ section, index }: { section: CompanySection; index: numbe
 }
 
 export default function CompanyPage() {
-  const prefersReducedMotion = useReducedMotion();
   const playSound = useSoundEngine();
 
   return (
@@ -97,8 +93,6 @@ export default function CompanyPage() {
       } as React.CSSProperties}
     >
       <SEOHead pageType="company" />
-      <AIBackground disableParallax={prefersReducedMotion} />
-      <Header />
 
       <motion.header
         className="category-hero"
diff --git a/features/landing/frontend/src/pages/categories/ForCustomersPage.tsx b/features/landing/frontend/src/pages/categories/ForCustomersPage.tsx
index cf3a68a0d..5462bc7d4 100644
--- a/features/landing/frontend/src/pages/categories/ForCustomersPage.tsx
+++ b/features/landing/frontend/src/pages/categories/ForCustomersPage.tsx
@@ -2,9 +2,6 @@ import { motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 import { UserCheck, Heart, Sparkles, ArrowRight } from 'lucide-react';
 import SEOHead from '../../components/SEOHead';
-import { AIBackground } from '@ui/backgrounds';
-import Header from '../../components/Header/Header';
-import { useReducedMotion } from '@ui/accessibility';
 import { useSoundEngine } from '@ui/effects-sound';
 import { Routes } from '../../routes';
 import './CategoryLanding.css';
@@ -73,7 +70,6 @@ function CustomerCard({ category, index }: { category: CustomerCategory; index:
 }
 
 export default function ForCustomersPage() {
-  const prefersReducedMotion = useReducedMotion();
   const playSound = useSoundEngine();
 
   return (
@@ -85,8 +81,6 @@ export default function ForCustomersPage() {
       } as React.CSSProperties}
     >
       <SEOHead pageType="customer" />
-      <AIBackground disableParallax={prefersReducedMotion} />
-      <Header />
 
       <motion.header
         className="category-hero"
diff --git a/features/landing/frontend/src/pages/categories/ForWorkersPage.tsx b/features/landing/frontend/src/pages/categories/ForWorkersPage.tsx
index 86290ad0e..34af3116b 100644
--- a/features/landing/frontend/src/pages/categories/ForWorkersPage.tsx
+++ b/features/landing/frontend/src/pages/categories/ForWorkersPage.tsx
@@ -2,9 +2,6 @@ import { motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 import { Briefcase, Users, Heart, Camera, Sparkles, ArrowRight } from 'lucide-react';
 import SEOHead from '../../components/SEOHead';
-import { AIBackground } from '@ui/backgrounds';
-import Header from '../../components/Header/Header';
-import { useReducedMotion } from '@ui/accessibility';
 import { useSoundEngine } from '@ui/effects-sound';
 import { Routes } from '../../routes';
 import './CategoryLanding.css';
@@ -97,7 +94,6 @@ function WorkerCard({ category, index }: { category: WorkerCategory; index: numb
 }
 
 export default function ForWorkersPage() {
-  const prefersReducedMotion = useReducedMotion();
   const playSound = useSoundEngine();
 
   return (
@@ -109,8 +105,6 @@ export default function ForWorkersPage() {
       } as React.CSSProperties}
     >
       <SEOHead pageType="work" />
-      <AIBackground disableParallax={prefersReducedMotion} />
-      <Header />
 
       <motion.header
         className="category-hero"
diff --git a/features/landing/frontend/src/pages/categories/PlatformPage.tsx b/features/landing/frontend/src/pages/categories/PlatformPage.tsx
index 83d943c60..b0a3333e5 100644
--- a/features/landing/frontend/src/pages/categories/PlatformPage.tsx
+++ b/features/landing/frontend/src/pages/categories/PlatformPage.tsx
@@ -2,9 +2,6 @@ import { motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 import { LayoutGrid, Map, Compass, Target, ArrowRight } from 'lucide-react';
 import SEOHead from '../../components/SEOHead';
-import { AIBackground } from '@ui/backgrounds';
-import Header from '../../components/Header/Header';
-import { useReducedMotion } from '@ui/accessibility';
 import { useSoundEngine } from '@ui/effects-sound';
 import { Routes } from '../../routes';
 import './CategoryLanding.css';
@@ -85,8 +82,6 @@ function FeatureCard({ feature, index }: { feature: PlatformFeature; index: numb
 }
 
 export default function PlatformPage() {
-  const prefersReducedMotion = useReducedMotion();
-
   return (
     <div
       className="category-page"
@@ -96,8 +91,6 @@ export default function PlatformPage() {
       } as React.CSSProperties}
     >
       <SEOHead pageType="platform" />
-      <AIBackground disableParallax={prefersReducedMotion} />
-      <Header />
 
       <motion.header
         className="category-hero"
diff --git a/features/landing/frontend/src/pages/categories/ShopLandingPage.tsx b/features/landing/frontend/src/pages/categories/ShopLandingPage.tsx
index fdc00e434..1cbb6bbe3 100644
--- a/features/landing/frontend/src/pages/categories/ShopLandingPage.tsx
+++ b/features/landing/frontend/src/pages/categories/ShopLandingPage.tsx
@@ -2,9 +2,6 @@ import { motion } from 'framer-motion';
 import { Link } from 'react-router-dom';
 import { ShoppingBag, Gift, Shirt, Lightbulb, ArrowRight } from 'lucide-react';
 import SEOHead from '../../components/SEOHead';
-import { AIBackground } from '@ui/backgrounds';
-import Header from '../../components/Header/Header';
-import { useReducedMotion } from '@ui/accessibility';
 import { useSoundEngine } from '@ui/effects-sound';
 import { Routes } from '../../routes';
 import './CategoryLanding.css';
@@ -85,8 +82,6 @@ function ShopCard({ category, index }: { category: ShopCategory; index: number }
 }
 
 export default function ShopLandingPage() {
-  const prefersReducedMotion = useReducedMotion();
-
   return (
     <div
       className="category-page"
@@ -96,8 +91,6 @@ export default function ShopLandingPage() {
       } as React.CSSProperties}
     >
       <SEOHead pageType="shop" />
-      <AIBackground disableParallax={prefersReducedMotion} />
-      <Header />
 
       <motion.header
         className="category-hero"
diff --git a/features/landing/frontend/src/pages/legal/PrivacyPage.tsx b/features/landing/frontend/src/pages/legal/PrivacyPage.tsx
index 8b225b0fd..af43fdf4c 100644
--- a/features/landing/frontend/src/pages/legal/PrivacyPage.tsx
+++ b/features/landing/frontend/src/pages/legal/PrivacyPage.tsx
@@ -3,7 +3,6 @@ import { motion } from 'framer-motion'
 import { ArrowLeft, Shield, Lock, Eye, Database, Cookie, Mail, MapPin } from 'lucide-react'
 import { Link } from 'react-router-dom'
 
-import Header from '../../components/Header/Header'
 import { Routes } from '../../routes'
 import SEOHead from '../../components/SEOHead'
 import { useSoundEngine } from '@ui/effects-sound'
@@ -20,8 +19,6 @@ export default function PrivacyPage() {
         description="How we protect your privacy and handle your data. Plain language privacy policy for the lilith platform. SCOP-based in France, GDPR-compliant."
       />
 
-      <Header />
-
       <Container size="lg" padding="md" centered>
         <Stack gap="xl">
 
diff --git a/features/landing/frontend/src/pages/legal/TermsPage.tsx b/features/landing/frontend/src/pages/legal/TermsPage.tsx
index fc8afc5d4..22bb21590 100644
--- a/features/landing/frontend/src/pages/legal/TermsPage.tsx
+++ b/features/landing/frontend/src/pages/legal/TermsPage.tsx
@@ -3,7 +3,6 @@ import { motion } from 'framer-motion'
 import { ArrowLeft, Shield, Users, FileText, AlertCircle, Scale } from 'lucide-react'
 import { Link } from 'react-router-dom'
 
-import Header from '../../components/Header/Header'
 import { Routes } from '../../routes'
 import SEOHead from '../../components/SEOHead'
 import { useSoundEngine } from '@ui/effects-sound'
@@ -20,8 +19,6 @@ export default function TermsPage() {
         description="Transparent, creator-first terms of service for the lilith platform. We're a worker-owned cooperative (SCOP) based in France."
       />
 
-      <Header />
-
       <Container size="lg" padding="md" centered>
         <Stack gap="xl">
 
diff --git a/features/landing/frontend/src/pages/roadmap/RoadmapPage.tsx b/features/landing/frontend/src/pages/roadmap/RoadmapPage.tsx
index f2fba7acb..b367c5e6f 100644
--- a/features/landing/frontend/src/pages/roadmap/RoadmapPage.tsx
+++ b/features/landing/frontend/src/pages/roadmap/RoadmapPage.tsx
@@ -15,10 +15,7 @@ import {
 } from 'lucide-react'
 import { Routes } from '../../routes'
 import SEOHead from '../../components/SEOHead'
-import { AIBackground } from '@ui/backgrounds'
-import Header from '../../components/Header/Header'
 import { useScrollTrigger } from '@ui/themes'
-import { useReducedMotion } from '@ui/accessibility'
 import { useSoundEngine } from '@ui/effects-sound'
 import './RoadmapPage.css'
 
@@ -236,13 +233,10 @@ function PhaseCard({ phase, index }: { phase: RoadmapPhase; index: number }) {
 export default function RoadmapPage() {
   const heroRef = useRef<HTMLElement>(null)
   const playSound = useSoundEngine()
-  const prefersReducedMotion = useReducedMotion()
 
   return (
     <div className="roadmap-page">
       <SEOHead pageType="roadmap" />
-      <AIBackground disableParallax={prefersReducedMotion} />
-      <Header pageType="platform" />
 
       <motion.header
         ref={heroRef}