Files
Kordant/tasks/rebrand-to-kordant/04-update-web-ui-brand-text.md
2026-05-25 21:53:01 -04:00

2.0 KiB

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