I have great design inspiration! Let me read the existing layout and globals.css, then build a beautiful website for your Ghana water charity.
Now let me install the lucide-react icons package and then build the complete website with all the components:
Now let me update the globals.css with a beautiful water-inspired color theme, update the layout, and create all the components:
Now let me create all the components for the website:
Now let me create the main page that brings all the components together:
Your Living Waters Ghana nonprofit website is now complete! 🌊
Here's what I built for you:
- Header - Fixed navigation with mobile-responsive menu, logo, and donation CTA buttons
- Hero Section - Impactful headline with animated water ripples, key stats (247 wells, 52K+ people served, 38 communities), and call-to-action buttons
- About Section - Your mission story with 4 feature cards (Clean Water Access, Health & Wellness, Community Training, Local Partnerships)
- Impact Section - Animated counters showing your achievements with a dark background for contrast, plus regional breakdown of wells built
- Projects Section - Cards showcasing current and completed well projects across Ghana with location, date, and people served
- Stories Section - Testimonials from community members whose lives have been transformed by clean water
- Donate Section - Three donation tiers ($25, $100, $500) with custom amount option
- Contact Section - Contact form and information with email, phone, and address in Accra
- Footer - Links, social media icons, and copyright
The design uses a calming blue color palette representing water, with warm golden accents for hope and optimism. It's fully mobile-responsive with proper touch targets and optimized for iOS Safari.