fix(landing): remove duplicate Header and AIBackground from pages
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>
This commit is contained in:
Quinn Ftw
parent
8328679aa0
commit
e527115c6a
8 changed files with 0 additions and 44 deletions
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue