Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a modernistic and sleek landing page for the existing website "Escape Goat." The goal is to maintain the current content and images while enhancing the design to reflect a professional and minimalist aesthetic. The landing page will focus on showcasing the brand effectively while providing an intuitive user experience.

## CORE FEATURES
1. **Hero Section**: A prominent hero area featuring a striking image, a concise tagline, and a clear call-to-action button to engage users immediately.
2. **About Section**: A brief overview of the brand, its mission, and services offered, presented in a clean and engaging format.
3. **Services/Features Section**: Detailed descriptions of the key services provided, utilizing icons and imagery to enhance visual appeal and clarity.
4. **Testimonials Section**: User testimonials to build trust and credibility, displayed in a visually appealing format.
5. **Contact Section**: A simple contact form allowing users to get in touch easily, along with essential contact information.
6. **Footer**: A clean footer with social media links, copyright information, and quick links to other important pages.

## 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 be a single-page scrolling design with distinct sections for the hero, about, services, testimonials, contact, and footer, ensuring seamless navigation.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Use Create React App with TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui using npm or yarn.
3. **Create the main layout structure**: Set up components for the hero, about, services, testimonials, contact, and footer sections.
4. **Implement styling**: Use Tailwind CSS classes according to the design specifications, ensuring a minimalist aesthetic.
5. **Incorporate content**: Add the existing text and images from the website while ensuring they fit within the new layout.
6. **Add interactivity**: Implement the contact form functionality, ensuring it captures user information effectively.
7. **Test responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
8. **Deploy the application**: Use platforms like Vercel or Netlify for easy deployment.

## USER EXPERIENCE
Users will interact with a straightforward and intuitive interface, starting from the hero section that draws them in with a clear message. As they scroll down, they will encounter organized sections that provide essential information about the brand and its services. The testimonials will instill confidence, while the contact form will allow users to reach out effortlessly. The overall experience will be seamless, ensuring that users can navigate easily and find the information they need without distractions.