I'll build KindLink for you - a comprehensive social volunteer platform with multiple views. Let me first generate design inspiration to ensure a polished, compassionate design, then I'll build the complete application.

Now I have the design inspiration and understand the codebase structure. Let me update the theme and build the complete KindLink application with all the required views and components.

Now let me update the layout metadata and create the main KindLink application:

I've built the complete KindLink application with all the requested features:

Key Features Implemented:

1. Global Header - Responsive navigation with logo, nav links, and authentication-aware buttons (shows Login/Sign Up when logged out, Ask for Help/My Profile/Log Out when authenticated)
2. Landing Page - Features a compelling hero section with emotional headline, "How It Works" with 3 illustrated steps, community stats, trust-building features section, and a CTA section with footer
3. Auth Modals - Login modal with email/password fields, icons, "Remember me" checkbox, and "Forgot password" link. Registration modal with a custom role selector dropdown featuring 3 clear options (Beneficiary, Volunteer, Donor) with icons and descriptions
4. Dashboard - Search and filter functionality, sortable grid of request cards showing category badges, progress bars, volunteer counts, and dual action buttons (Donate Now / Volunteer)
5. Profile Page - Sidebar layout with user overview, impact stats, settings form for personal info, and tabbed activity section (My Requests, My Donations, My Volunteering)

The design uses an indigo/blue primary color palette with clean whites and soft slate backgrounds, rounded corners (rounded-xl/2xl/3xl), subtle shadows, and Lucide React icons throughout. All state management is handled with React useState for seamless view switching and modal interactions.