import { Header } from './components/Header';
import { Hero } from './components/Hero';
import { WhoWeAre } from './components/WhoWeAre';
import { WhatWeDo } from './components/WhatWeDo';
import { FeaturedStory } from './components/FeaturedStory';
import { LatestReports } from './components/LatestReports';
import { Donors } from './components/Donors';
import { GetInvolved } from './components/GetInvolved';
import { Footer } from './components/Footer';

/**
 * Main Landing Page
 * A professional, accessible nonprofit website with yellow (#FBCD08) and gray (#E0E0E0) brand colors
 * Features:
 * - Large hero image with compelling text
 * - Beautiful navigation with active states
 * - Who We Are section
 * - What We Do (dynamic, links to individual pages)
 * - Varied background colors for visual appeal
 * - Impact stories and statistics
 * - Responsive design
 * - Accessibility features
 */
export default function Home() {
  return (
    <main className="min-h-screen">
      <Header />
      <Hero />
      <WhoWeAre />
      <WhatWeDo />
      <FeaturedStory />
      <LatestReports />
      <GetInvolved />
      <Donors />
      <Footer />
    </main>
  );
}