Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Soldier Academy website will serve as a marketing landing page for a sports academy, providing essential information about the academy's programs, features, and contact details. The focus will be on a clean, minimalist design that invites prospective students and parents to learn more about the offerings and encourage sign-ups.

## CORE FEATURES
1. **Hero Section**: A visually impactful hero section that includes the academy's name, a tagline, and a prominent call-to-action (CTA) button encouraging visitors to enroll or learn more.
2. **Programs Overview**: A section that highlights the various sports programs offered by the academy, including brief descriptions and images.
3. **Testimonials**: A dedicated area for testimonials from students and parents, showcasing success stories and the positive impact of the academy.
4. **About Us**: An informative section detailing the academy's mission, values, and coaching staff, helping to build trust and credibility.
5. **Contact Information**: A simple contact form that allows visitors to reach out for more information, alongside social media links and location details.

## 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 distinct sections for the hero, programs, testimonials, about us, and contact, ensuring smooth scrolling and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but consider React Context API if needed for global state management later.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, programs overview, testimonials, about us, and contact form.
4. **Implement Routing**: Use React Router if needed for potential future navigation, even if it's a single-page layout now.
5. **Style Components**: Apply Tailwind CSS classes to ensure a consistent minimalist design, utilizing the specified primary color and typography.
6. **Test Responsiveness**: Ensure all sections display correctly on various screen sizes, optimizing for mobile devices.
7. **Deploy**: Choose a hosting platform (like Vercel or Netlify) to deploy the landing page and make it accessible online.

## USER EXPERIENCE
The user experience will focus on simplicity and clarity. Visitors will easily scroll through the sections to learn about the academy, with prominent CTAs guiding them towards enrollment. The clean layout will ensure that information is digestible, while the minimalist design will keep distractions to a minimum, allowing users to focus on the academy's offerings.