Editorial Notary Hero

Create an editorial hero for a premium notary office using ivory, parchment, charcoal and restrained antique-gold accents. The navigation should be light and spacious with a classical column-inspired monogram. Build an asymmetric split layout: the left side contains a slim eyebrow with a gold rule, an oversized three-line serif headline where the final word is gold, a concise paragraph and two understated CTAs. The right side features a large arch-shaped photograph of a brass notary seal, wooden stamp, legal document and black fountain pen with warm, shallow-depth-of-field lighting. Overlay a small ivory assurance card near the lower center of the image, featuring a shield icon, one highlighted phrase and a divider. Add a wide expertise rail at the bottom with five services, circular outline icons and short supporting lines. Reveal the arch using a soft mask animation, move the gold signature line as if drawn, and introduce service items with a restrained stagger. Avoid generic corporate blue and preserve an intimate, confidential atmosphere.

Build this as a complete, production-ready website hero in React and TypeScript using Tailwind CSS and Framer Motion. Reproduce the reference composition faithfully while creating original brand assets and copy. The page must include a semantic header, responsive navigation, strong single H1, supporting paragraph, two purposeful calls to action, proof or feature items, and the main visual composition.

Interaction and quality requirements:
- Animate the entrance as a restrained cinematic sequence: navigation fades down, copy reveals line by line, the main visual scales from 0.97, and supporting cards enter with a short stagger.
- Add subtle pointer parallax only to decorative or photographic layers; never reduce readability or move interactive controls.
- Buttons need polished hover, pressed and keyboard-focus states. Navigation must become an accessible compact menu on mobile.