Mangroove — Animated Nature Footer

Bring a calm, coastal feel to your website with **Mangroove**, a nature-inspired animated footer built around an illustrated mangrove landscape and two flying kingfishers.

This one-shot prompt provides the complete specification and implementation source to recreate the design, including its earthy sand-and-olive palette, custom botanical logo, typography, responsive layouts, and CSS animations.

**What’s included:**

- Full-viewport footer with an inline SVG landscape and animated kingfishers.

- Brand area, contact details, navigation columns, social icons, and legal links.

- Newsletter form with native email validation.

- Staggered entrance animations and subtle hover effects.

- Mobile and tablet layouts that place the artwork below the content.

- Keyboard focus styles and reduced-motion support.

The implementation uses a **single HTML file** with inline CSS and SVG. No JavaScript, frameworks, or build step is required. Google Fonts is the only external dependency.

Paste the prompt into your coding assistant to build the design, then customize the branding, copy, colors, and links for your project.

*Newsletter signup is a presentation form; connect your own email service to collect subscriptions.*