Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to inspire and encourage children to serve the Lord and understand the positive effects this service can have on their futures. The page will focus on presenting a clear message, engaging features, and a strong call to action, all while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: An engaging introduction that captures the essence of serving the Lord, featuring a captivating headline and a brief description to draw visitors in.
2. **Impact Stories**: A section dedicated to testimonials or anecdotes illustrating how serving the Lord has positively influenced the lives of children, creating an emotional connection.
3. **Benefits of Service**: Highlight key benefits of serving the Lord, presented in a visually appealing manner with icons or illustrations to enhance comprehension.
4. **Call to Action (CTA)**: A prominent button encouraging visitors to take the next step, whether it’s signing up for a newsletter, joining a community, or attending an event.
5. **Contact Information**: A simple contact form allowing visitors to reach out for more information or support, emphasizing accessibility and community engagement.
6. **Footer with Resources**: Links to additional resources or related topics for further exploration, reinforcing the mission and community aspect.

## 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**: A single-page layout with a fixed header, smooth scrolling between sections, and a footer that anchors the bottom of the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not needed for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main layout**: Set up a single-page layout that includes a header, hero section, features section, testimonials, CTA, and footer.
3. **Implement the Hero Section**: Design a visually appealing hero section with a strong headline and a brief message using Inter font.
4. **Design Impact Stories**: Create a card layout to showcase testimonials or stories with rounded corners (8px border radius).
5. **Develop Benefits of Service Section**: Utilize icons to represent key benefits, ensuring they align with the minimalist aesthetic.
6. **Add Call to Action**: Design a prominent button using the primary color #1978E5 that leads to a sign-up form or additional resources.
7. **Create Contact Form**: Implement a simple contact form that captures user queries, ensuring it is accessible and user-friendly.
8. **Finalize Footer**: Include links to resources and social media, maintaining a clean and organized structure.

## USER EXPERIENCE
Visitors will experience a seamless journey through the landing page, starting with an inviting hero section that encourages them to learn more. The impact stories will resonate emotionally, fostering a connection with the message. The benefits will be clearly outlined, and the CTA will guide them towards actionable next steps. The contact form will offer support and facilitate engagement, while the footer will provide additional resources, creating a comprehensive and satisfying user experience.