Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a blog CMS site designed as a simple, minimalist landing page. The main purpose is to allow users to easily subscribe to a mailing list by entering their name and email address. The site will focus on clean design and user-friendly interactions to encourage sign-ups.

## CORE FEATURES
1. **Hero Section**: A welcoming introduction to the blog with a compelling headline and a brief description of the content offered.
2. **Email Subscription Form**: A straightforward form for users to enter their name and email address to join the mailing list, complete with a clear call-to-action button.
3. **Blog Overview**: A section that highlights recent blog posts or categories, providing quick access to content.
4. **Testimonials (Optional)**: User testimonials to build credibility and encourage new visitors to subscribe.
5. **Contact Information**: A simple area with contact details or a link to a contact page for further inquiries.

## 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 hero section at the top, followed by the subscription form, blog overview, testimonials, and contact information, arranged vertically for easy scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this simple application, but can be implemented if needed for form state.

## IMPLEMENTATION STEPS
1. **Setup your React project**: Initialize a new React application using Create React App with TypeScript.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to add it to your project.
3. **Add Google Fonts**: Link the Inter font in the `index.html` file or use a CSS import in your main stylesheet.
4. **Create Components**: 
   - Build a `Hero` component for the hero section.
   - Create a `SubscriptionForm` component that handles user input for name and email.
   - Develop a `BlogOverview` component to display recent posts or categories.
   - Optionally, create a `Testimonials` component and a `Contact` component.
5. **Implement Routing (if needed)**: Use React Router for any additional pages if you expand beyond the landing page.
6. **Style Components**: Use Tailwind CSS classes to apply the minimalist design, ensuring consistency with the specified design specifications.
7. **Testing**: Test the subscription form functionality, ensuring that form submissions are captured correctly.
8. **Deployment**: Deploy the application using a platform like Vercel or Netlify for live access.

## USER EXPERIENCE
Users will land on the page and be greeted by a visually appealing hero section that captures their attention. They can scroll down to find the email subscription form prominently displayed, allowing them to easily input their information. The clear call-to-action button will guide them to submit their details. The blog overview section will entice users with content highlights, while testimonials will establish trust. Finally, contact information will be easily accessible for users who wish to reach out for more information. The overall experience will be seamless, responsive, and focused on encouraging user engagement and sign-ups.