# 04. Replace "ShieldAI" Display Text Across Web UI

meta:
  id: rebrand-to-kordant-04
  feature: rebrand-to-kordant
  priority: P1
  depends_on: [rebrand-to-kordant-03]
  tags: [frontend, ui]

objective:
- Replace all user-visible "ShieldAI" branding text across web UI components with "Kordant".

deliverables:
- Page titles in all route files updated (app.tsx, index.tsx, dashboard, auth, blog, ads, 404)
- Navbar, Sidebar, Footer, AppShell brand text updated
- Landing page (HeroSection, WhyShieldAISection, CTABannerSection) updated
- Auth layout testimonial text and brand references updated
- Ads page copy updated
- Tests updated to reference "Kordant" instead of "ShieldAI"

steps:
1. Update all `<Title>` tags in route files — replace "ShieldAI" with "Kordant" in page title strings
2. Update Navbar.tsx — replace "ShieldAI" brand text
3. Update Sidebar.tsx — replace "ShieldAI" brand text
4. Update Footer.tsx — replace "ShieldAI" and "ShieldAI. All rights reserved."
5. Update AppShell.tsx — replace default title
6. Update HeroSection.tsx — replace "ShieldAI evens"
7. Update WhyShieldAISection — rename component, id, and text references
8. Update CTABannerSection — replace "trust ShieldAI"
9. Update landing index.ts export and imports in routes/index.tsx
10. Update AuthLayout.tsx — replace testimonial/quote brand text
11. Update onboarding.tsx — replace "Your ShieldAI account is ready..."
12. Update ads.tsx — replace all marketing copy
13. Update all test files that assert "ShieldAI" in rendered output

tests:
- Unit: All tests pass after text changes
- Visual: Web app renders "Kordant" in all branded locations

acceptance_criteria:
- No "ShieldAI" text appears in any web UI page title, nav, sidebar, footer, landing, auth, blog, or ads page
- Test assertions updated to expect "Kordant" instead of "ShieldAI"

validation:
- Run `grep -rn "ShieldAI" web/src/components/ web/src/routes/` — check only legitimate remaining references (comments, third-party)
- Run `pnpm --filter web test` — all tests pass