Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a professional landing page designed to sell cybersecurity tools. It will feature a clean and minimalist aesthetic, emphasizing clarity and ease of use to effectively showcase products and drive conversions.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section featuring a strong headline, subheadline, and a call-to-action (CTA) button to drive user engagement.
2. **Product Showcase**: A visually appealing section to highlight the key cybersecurity tools with brief descriptions and images.
3. **Features Overview**: A section that outlines the benefits and unique selling points of the tools offered, enhancing user understanding of their value.
4. **Testimonials**: A dedicated area for customer reviews and testimonials to build trust and credibility with potential buyers.
5. **Contact Form**: A simple form allowing users to inquire about products or request more information, facilitating direct communication.
6. **Footer**: Includes links to social media, privacy policy, and terms of service, reinforcing brand presence and compliance.

## 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**: The layout will follow a single-column structure for a straightforward user experience, with sections stacked vertically for easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop the necessary components including Hero, Product Showcase, Features, Testimonials, Contact Form, and Footer.
4. **Design Layout**: Use Tailwind CSS to implement the minimalist design, ensuring proper spacing, typography, and color usage.
5. **Implement CTA Buttons**: Design buttons using the primary color #1978E5 with the specified border radius of 8px.
6. **Connect Contact Form**: Set up a basic form handler to manage user inquiries and integrate with an email service if needed.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity. Visitors will easily navigate through sections, with a clear flow from introduction to product details and contact options. The design will be responsive, ensuring accessibility on both desktop and mobile devices, enhancing user engagement and satisfaction.