escazulion.com · v2 · shipped 2026-08-16

The Lion Hundred

One hundred changes taking escazulion.com from a one-day landing page to a production-grade site — new sections, Veo motion, AI-directed art, SEO, performance, accessibility, a hardened contact API, real ops, and privacy-first analytics. Every item below is live now at escazulion.com; the previous version is preserved at v1.escazulion.com.

100/100 shipped Live site ↗ v1 archive ↗ JS bundle 73.8 KB gz 0 third-party requests

Brand & identity 1–10

A sharper wordmark, a real link-preview card, installable identity.

  1. 1OG link-preview banner (1200×630) composed from the logo
  2. 2Twitter/X large-image card metadata
  3. 3Web app manifest with theme colors
  4. 4Maskable Android icon (safe-zone padded)
  5. 5Apple touch icon + PNG favicon set
  6. 6Sora display typeface — the new, more professional lettering
  7. 7One tagline unified across title, meta, banner, footer
  8. 8Search-snippet-aware title & description rewrite
  9. 9og:site_name, og:locale, og:image:alt
  10. 10Logo hover micro-interaction

Ambient art & motion 11–20

Veo video + Gemini art, directed by three different AIs — always subtle, always skippable.

  1. 11Veo hero background video — 16s seamless loop, 1.2 MB, muted
  2. 12Gemini poster still doubles as the static fallback
  3. 13Video is desktop-only; honors reduced-motion & Save-Data
  4. 14CTA band art: lion on the night ridge (GPT-4o × Gemini)
  5. 15About-section texture field (Grok × Gemini)
  6. 16Scroll-reveal on section content
  7. 17Stat count-up (quantities only — years stay put)
  8. 18Hero sparkline draws itself in
  9. 19Carousel pauses on keyboard focus too
  10. 20Back-to-top button

Content 21–32

Seven new sections that answer what a real prospect actually asks.

  1. 21About: three eras since 2001
  2. 22Principles: contracts, weekly demos, no lock-in
  3. 23Sample engagement walkthrough (labeled illustrative)
  4. 24FAQ — six real first-call questions
  5. 25Industries strip
  6. 26Engagement models: fixed / T&M / retainer
  7. 27Guarantees banner
  8. 28Final CTA band: “Tell the lion.”
  9. 29Footer with Explore / Legal / Site columns
  10. 30Live availability badge in the hero
  11. 31Response-time chip beside the form
  12. 32Outcome-led copy pass

Legal & trust 33–38

Honest pages that match what the code actually does.

  1. 33Privacy policy (claims verified against implementation)
  2. 34Terms of service
  3. 35security.txt (RFC 9116)
  4. 36humans.txt
  5. 37robots.txt + sitemap pointer
  6. 38Branded 404 that returns a real 404

SEO 39–46

Structured data for everything Google can use.

  1. 39sitemap.xml
  2. 40Canonical URLs
  3. 41JSON-LD Organization (foundingDate 2001)
  4. 42JSON-LD WebSite
  5. 43JSON-LD ProfessionalService
  6. 44JSON-LD FAQPage
  7. 45Heading-hierarchy audit
  8. 46Zero third-party requests, verified

Performance 47–56

Fast on paper and on a phone.

  1. 47fetchpriority=high on the logo
  2. 48Right-sized image per slot
  3. 49Dimensions everywhere → zero layout shift
  4. 50content-visibility on below-fold sections
  5. 511-year immutable caching for hashed assets
  6. 527-day media / 5-min HTML caching
  7. 53zstd + gzip at the edge
  8. 54Video never downloads on mobile
  9. 55Self-hosted fonts, per-script subsets
  10. 56Bundle audited: 73.8 KB gzipped JS

Accessibility 57–66

Keyboard, screen reader, and motion-sensitivity coverage.

  1. 57Skip-to-content link
  2. 58Visible focus rings
  3. 59Full reduced-motion pass
  4. 60Landmarks + labeled navs
  5. 61Native details/summary FAQ
  6. 62Errors wired with aria-describedby + role=alert
  7. 63Contrast lift on muted text
  8. 64aria-labels on icon-only controls
  9. 65≥44px tap targets
  10. 66Accessible mobile menu

Contact & API v2 67–78

The form got friendlier; the server got meaner to bots.

  1. 67Live character counter
  2. 68Draft autosave in the browser
  3. 69Inline validation messages
  4. 70Reference ID on success
  5. 71Friendly rate-limit handling
  6. 72Server-side submission IDs
  7. 73Type/budget whitelist
  8. 74Control-character stripping
  9. 75Time-trap bot detection + honeypot
  10. 76Timestamped ops log
  11. 77Optional ntfy push per submission
  12. 78Token-guarded admin endpoints

Infrastructure & ops 79–90

The part visitors never see and always feel.

  1. 79v1 archived at v1.escazulion.com
  2. 80HSTS, nosniff, referrer & permissions policies
  3. 81CSP: everything 'self'
  4. 82Server header removed
  5. 83JSON access logs
  6. 84Real 404s (no SPA masking)
  7. 85One-command deploy script
  8. 8614-check smoke test
  9. 87/version.txt + footer build date
  10. 88One-line rollback, kept warm
  11. 89Nightly encrypted R2 backups
  12. 905-minute uptime probe

Analytics & docs 91–100

Counting visits without watching visitors.

  1. 91Cookieless page-view counter
  2. 92Do-Not-Track fully respected
  3. 93Daily-counts admin endpoint
  4. 94Counter rate-limiting
  5. 95Privacy policy documents it exactly
  6. 96Brand-asset regeneration script
  7. 97SITE.md runbook
  8. 98NEXT-100.md in-repo catalog
  9. 99One canonical host everywhere
  10. 100This page