what-will.ai: 100/100 SEO Score on Day One
Designed and built what-will.ai from scratch: Next.js 16, React 19, Tailwind v4, custom parallax hero. Perfect SEO score, indexed within a week.
- SEO Score
- 100/100
- Desktop & Mobile
- Mobile Performance
- 95/100
- Lighthouse
- Accessibility
- 96/100
- Desktop & Mobile
- CLS
- 0
- Zero layout shift
Audited live at https://what-will.ai on 23 April 2026 via Lighthouse. Desktop: 81 performance, 1.0s FCP, 3.0s LCP, 10ms TBT. Mobile: 95 performance, 0.9s FCP, 3.0s LCP, 20ms TBT. SEO 100, Accessibility 96 on both.
The Challenge
WhatWill AI needed a marketing site that could compete on search from day one: no existing domain authority, no backlinks, no history. The design also had to reflect the brand: sharp, technical, and premium without looking like every other AI consultancy site.
What We Did
- Built on Next.js 16 App Router with React Server Components by default: fast initial load, minimal client-side JS
- Isolated all interactive elements (parallax hero, card tilts, scroll reveals) as Client Components to protect server render performance
- Implemented full technical SEO on launch: canonical tags, Open Graph, JSON-LD schema, sitemap, and robots.txt
- Custom interactive depth hero: mouse-tracking parallax on layered geometric elements via Framer Motion, zero impact on LCP
- Tailwind CSS v4 for styling: near-zero unused CSS in production
- MDX pipeline for blog and glossary content, statically generated at build time for instant page loads
- Deployed on Vercel with automatic preview deployments and edge CDN
Get Growing with Buttercup.
To maintain service quality and deliver exceptional results, we limit new client onboarding to 4 businesses per quarter. We currently have 3 spots available for Q1 FY26/27.
Get in touch