Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves designing a warm, bold, and user-friendly landing page for an animal welfare platform that promotes free castration/sterilization services while encouraging community engagement. The landing page aims to create an emotional connection with visitors, highlighting the urgency of animal rescue and inviting them to volunteer or donate.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction with a compelling headline, supporting image, and a clear call-to-action (CTA) button inviting visitors to get involved.
2. **Impact Statistics**: A section showcasing key statistics on the impact of castration/sterilization on adoption rates and shelter kill reductions to evoke empathy and urgency.
3. **Volunteer Opportunities**: A clear outline of ways visitors can volunteer, including a sign-up form for interested individuals.
4. **Donation Prompt**: A dedicated section encouraging donations with options to give one-time or recurring contributions, featuring a simple donation form.
5. **Community Stories**: Testimonials or stories from individuals who have benefited from the services, illustrating the positive impact on the community and animals.
6. **Contact Information**: A footer with contact details and links to social media for further engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a vertical flow starting from the hero section, followed by impact statistics, volunteer opportunities, donation prompts, community stories, and ending with contact information in the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, can use React's built-in state management for simplicity.

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop components for each section (Hero, Impact Statistics, Volunteer Opportunities, Donation Prompt, Community Stories, Contact).
3. **Styling**: Use Tailwind CSS classes to apply the minimalist design specifications, ensuring responsiveness.
4. **Typography**: Integrate Google Fonts to use Inter for all text elements.
5. **Implement Navigation**: Ensure intuitive navigation throughout the page, utilizing smooth scroll for CTAs.
6. **Testing**: Conduct usability testing to ensure the page is user-friendly and engaging across different devices.

## USER EXPERIENCE
Key user interactions will include:
- Visitors landing on the page and immediately being drawn to the hero section with a strong message and CTA.
- Users scrolling through impactful statistics that emotionally resonate, prompting them to consider volunteering or donating.
- Simple forms for volunteering and donations that are easy to complete, reducing barriers to engagement.
- Encouraging visitors to share their experiences or stories on social media, enhancing community involvement.

This comprehensive prompt provides a clear roadmap for creating a unique and compelling landing page that meets the user's vision for an animal welfare platform.