Lovable Prompt Creator - AI Prompt Generator

```markdown
# APPLICATION TYPE & PURPOSE
Create a **landing page** for "Capital One", which serves as a marketing site to showcase the services, benefits, and unique offerings of Capital One. The page should focus on converting visitors into customers through clear calls to action and engaging content.

# CORE FEATURES & FUNCTIONALITY
- **Hero Section**: A prominent introductory section with a catchy headline, subheadline, and a call-to-action button leading to account creation or service details.
- **Features Section**: Highlight key features such as credit cards, banking services, and investment options with concise descriptions and icons.
- **Testimonials**: Showcase customer testimonials to build trust and credibility.
- **Call to Action (CTA)**: Multiple CTAs throughout the page encouraging users to sign up or learn more about services.
- **Contact Information**: A section with easy access to customer support or inquiries.
- **Responsive Design**: Ensure the page is fully responsive for both desktop and mobile views.

# TECHNICAL REQUIREMENTS
- **Framework**: Use React for building the landing page.
- **CSS Framework**: Utilize Tailwind CSS for styling to maintain the minimalist design approach.
- **Hosting**: Deploy the landing page on Vercel for optimal performance and scalability.

# DESIGN & UX 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 and User Experience**: 
  - Utilize a grid layout for the features section to ensure clarity and organization.
  - Ensure sufficient white space between sections to enhance readability.
  - Maintain a consistent alignment and spacing throughout the page for a professional appearance.

# IMPLEMENTATION APPROACH
1. **Set up React Project**: Initialize a new React project using Create React App and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, features, testimonials, and CTAs.
3. **Style Components**: Apply Tailwind CSS classes for styling each component, adhering to the design specifications.
4. **Integrate Fonts**: Import Inter from Google Fonts and apply it to the headings and body text.
5. **Test Responsiveness**: Ensure the layout is responsive and looks good on various screen sizes.
6. **Deploy**: Deploy the completed landing page to Vercel.

# ERROR HANDLING & PERFORMANCE
- **Edge Cases**: Handle scenarios where content may not load properly (e.g., fallback text or images).
- **Input Validation**: Ensure that any forms (e.g., contact forms) have basic validation for user input.
- **Performance Optimization**: Optimize images and assets for faster loading times, and implement lazy loading where applicable.

# ORGANIZATION & STRUCTURE
- **Sections of the Page**: Clearly defined sections for the hero, features, testimonials, CTA, and contact information.
- **Navigation**: Implement smooth scrolling for internal navigation links.
- **Accessibility**: Ensure all elements are accessible, including ARIA labels for screen readers.
```