Midwave AI

A software studio's own site is the first proof of what it can do. It had to load fast on a mid-range phone while carrying a 3D hero, animated sections, and a light/dark theme, stay fully indexable for every service we offer, and be maintainable enough that rebranding means editing one file rather than hunting hex codes through a component tree.

We built it on Next.js App Router with Server Components by default and client boundaries kept as small as possible. Every colour resolves from a single JSON token file into MUI's CSS-variable colour-scheme system, so light/dark switching is pure CSS with no flash. R3F canvases are lazy-loaded with static fallbacks so they never sit in the critical render path, Framer Motion handles scroll and hover choreography with `prefers-reduced-motion` respected throughout, and the contact form runs server-side only through Resend and Google SMTP.

The site ships a 3D hero and heavy motion while keeping LCP inside budget on mobile, exposes proper metadata, sitemap, and structured data for every service, portfolio, blog, and team page, and grounds its AI assistant in the site's own live service and project data — so the bot cannot invent an offering we do not have.