Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to make your site fully SEO ready, ensuring that it meets all standards for optimal indexing by Google and other search engines. The focus is on providing essential information to visitors while emphasizing best practices for SEO.

## CORE FEATURES
1. **SEO Optimization Guide**: A section detailing key SEO practices and tips that users can implement on their site.
2. **Content Structure**: An outline of how to structure content effectively for better indexing and user engagement.
3. **Performance Testing**: Tools or links to resources that help users test their site's performance and SEO readiness.
4. **Call to Action (CTA)**: Prominent buttons encouraging users to take specific actions, such as signing up for a newsletter or contacting for SEO services.
5. **Contact Form**: A simple form for visitors to reach out for further assistance or inquiries regarding SEO services.
6. **Testimonials**: Showcase client success stories to build trust and credibility with potential customers.

## 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 featuring a hero section at the top, followed by sections for features, testimonials, and contact, all designed to ensure a smooth scroll experience.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Landing Page Structure**: Set up the main components: Hero, Features, Testimonials, and Contact.
3. **Implement SEO Optimization Guide Section**: Provide content for SEO tips, ensuring clarity and ease of understanding.
4. **Design the Layout**: Apply Tailwind CSS classes to achieve the minimalist design, focusing on white space and typography.
5. **Add Interactive Elements**: Implement buttons and forms using shadcn/ui components, ensuring they follow the border radius specifications.
6. **Test Responsiveness**: Ensure the landing page is fully responsive across devices, adjusting styles as necessary based on screen size.
7. **Optimize for SEO**: Add appropriate meta tags, alt attributes for images, and ensure the content is structured for SEO effectiveness.

## USER EXPERIENCE
Users will arrive at a clean and simple landing page where they can easily navigate through the sections. The hero section will grab their attention, followed by informative content about SEO. Clear CTAs will guide them towards further engagement, whether that be learning more about SEO or contacting for services. The overall experience will be seamless, with a focus on readability and accessibility.