Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a digital marketer, showcasing Creative SEO, GEO, and AEO-friendly blog content, along with associated SEO tools. The primary goal is to attract visitors and convert them into leads by presenting valuable information and resources in a clean and engaging format.

## CORE FEATURES
1. **Hero Section**: A prominent introduction that captures attention, featuring a bold headline, a brief description of services, and a call-to-action (CTA) button encouraging users to explore further or sign up for a newsletter.
   
2. **SEO Tools Overview**: A section highlighting essential SEO tools, each accompanied by a brief description and icons or images to illustrate functionality. This will showcase tools designed to enhance online visibility and effectiveness.

3. **Blog Section**: A dynamic area that features the latest blog posts, including titles, excerpts, and images. This section will be designed for easy navigation and will promote engagement with rich content related to SEO.

4. **Testimonials**: A section dedicated to user testimonials, showcasing positive feedback from clients or users who benefited from the digital marketing services. This builds trust and credibility.

5. **Contact Form**: A simple contact form allowing visitors to reach out for inquiries or consultations, ensuring easy communication with potential clients.

6. **Footer**: A section that includes links to social media profiles, privacy policy, and other important links, ensuring easy navigation and connection with the audience.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design should prioritize a clean and simple aesthetic, with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds for a fresh and approachable look.
- **Layout**: A single-page layout with clearly defined sections for each feature. The hero section will be at the top, followed by the tools overview, blog section, testimonials, contact form, and footer.
- **Typography**: Use modern sans-serif fonts for headlines (e.g., Montserrat) and a clean serif font for body text (e.g., Lora). Establish a clear hierarchy with larger font sizes for headings and appropriate line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for streamlined and responsive design.
- **UI Components**: Utilize shadcn/ui components for consistent and customizable UI elements.
- **State Management**: Not required for this landing page, but consider using Context API for any dynamic content management if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Develop the main layout structure using React components, ensuring each section is modular for easy updates and maintenance.
3. **Implement Hero Section**: Code the hero section with a headline, description, and CTA button. Style using Tailwind CSS for responsiveness.
4. **Build SEO Tools Overview**: Create a grid layout to present the SEO tools, incorporating icons and short descriptions. Ensure each tool is visually distinct.
5. **Develop Blog Section**: Implement a dynamic blog section that fetches recent posts and displays them with titles, excerpts, and images.
6. **Add Testimonials Section**: Design and code the testimonials section to showcase user feedback effectively, using cards or quotes.
7. **Implement Contact Form**: Develop a simple contact form with fields for name, email, and message. Style with Tailwind CSS.
8. **Finalize Footer**: Code the footer with relevant links and social media icons, ensuring it is visually cohesive with the rest of the page.
9. **Test Responsiveness**: Ensure that the entire landing page is responsive across different devices and screen sizes.

## USER EXPERIENCE
Visitors will be greeted with an engaging hero section that invites them to learn more about SEO services. The page will guide them through essential tools and informative blog content, encouraging exploration. Testimonials will build trust, while the contact form provides an easy way for users to reach out for more information. The minimalist design ensures a smooth and distraction-free experience, allowing users to focus on the content and take desired actions effortlessly.