Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a venture capital finance website that leverages AI to publish premium content. The site will focus on engaging visuals and animations, presenting articles and insights in a minimalist format. The goal is to attract visitors and convert them into subscribers for the newsletter published on Substack.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a striking headline, subheadline, and a call-to-action (CTA) button that encourages users to subscribe to the newsletter.
2. **Featured Articles**: A section displaying the latest or most popular articles with engaging visuals, brief excerpts, and links to full content.
3. **About Us**: A concise overview of the creators, Ishaan and Sathiuan, including their mission and vision in the VC finance space.
4. **Newsletter Signup**: A dedicated area for users to easily subscribe to the newsletter, enhancing user engagement and conversion.
5. **Contact Information**: A simple contact form for inquiries, allowing users to connect with the creators directly.

## 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 vertical flow, featuring sections for the hero, featured articles, about us, newsletter signup, and contact.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but consider using local state management with React hooks.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout**: Develop the main layout structure using flexbox or grid to ensure responsiveness.
4. **Develop Sections**: Implement each section (Hero, Featured Articles, About Us, Newsletter Signup, Contact) as separate React components.
5. **Style Components**: Use Tailwind CSS classes to apply the minimalist design and ensure consistent use of the primary color and typography.
6. **Implement Animations**: Integrate subtle animations for transitions and hover effects using CSS or JavaScript libraries.
7. **Test Responsiveness**: Ensure the layout works across different devices and screen sizes.
8. **Deploy**: Use a service like Vercel or Netlify for hosting the landing page.

## USER EXPERIENCE
The user experience focuses on a seamless interaction, where visitors can easily navigate through the landing page. The hero section will draw attention with a clear CTA, guiding users to explore featured articles or sign up for the newsletter. The minimalist design ensures that users are not overwhelmed, allowing for a smooth scrolling experience through engaging visuals and concise information. The contact form will provide a straightforward way for users to reach out, fostering a community feel.