🌊 Hinnavaru Blue Initiative — Web Platform

Hinnavaru Blue is a community-led marine conservation platform dedicated to restoring the Hinnavaru lagoon through science-backed coral gardening and digital transparency.

✨ Key Features

• Live Lagoon Map: Real-time status tracking of all nursery frames using Leaflet.js.
• Multimedia Hub: Integrated "Pulse" updates, "Focus" photography, and community bulletins.
• Transparency Hub (Amaanaiy): Public access to impact data, governance documents, and financial audits.
• Historical Narrative: The official "Our Roots" story documenting the Skipjack wrecks and the NGO's founding.
• Mobile First: Fully responsive architecture optimized for all device sizes.

🚀 Quick Start

1. Development: npm run dev
2. Build: npm run build
3. Deploy: npm run deploy (requires GitHub Pages configuration)

📁 Project Structure

• /src/pages: Individual page components (Home, About, LiveLagoon, etc.).
• /src/data/cms.js: Central Source of Truth. Update content, stats, and registry data here.
• /src/index.css: Global "Blue Kit" design system and animations.

🛠️ Tech Stack

• React + Vite (Frontend)
• React Router (Navigation)
• Leaflet.js (Mapping)
• Glassmorphism & Vanilla CSS (Styling)

---

Developed for the people of Hinnavaru by the Hinnavaru Blue Initiative.