Add mobile-friendly hero to replace split sequence

[Copilot]

Landing hero used a split/scrolling image sequence that only worked on desktop, leaving mobile users with broken layout. This adds a dedicated mobile experience while preserving the desktop animation.

• Mobile hero alternative

  • Render a static background, succinct headline, and dual CTAs on viewports <768px, replacing the split/sequence experience.
  • Skip frame preloading/animation on mobile to avoid wasted work and layout issues.

• Desktop experience preserved

  • Scroll-driven canvas animation and text overlays remain unchanged for larger screens.

// Mobile path
if (isMobileView) {
  return <MobileHero />; // static background + CTAs
}

// Desktop path
<canvas ref={canvasRef} className="absolute inset-0 w-full h-full" />

• Screenshot
  • https://github.com/user-attachments/assets/4e447f5c-69bf-4633-9893-1b30caf6720f

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /opt/hostedtoolcache/node/24.13.1/x64/bin/node /opt/hostedtoolcache/node/24.13.1/x64/bin/node /home/REDACTED/work/Aletheia/Aletheia/node_modules/.pnpm/next@16.1.6_@babel+core@7.29.0_@playwright+test@1.58.2_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/server/lib/start-server.js -m owner --uid-owner 0 -j ACCEPT (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
aletheia	Error		Mar 4, 2026 8:15am