Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a comprehensive multi-page website for a cybersecurity company, CISA.one. The website aims to effectively present the company's services—Offensive Cybersecurity, Defensive Cybersecurity, Compliance, and Development—while ensuring a modern and professional aesthetic that emphasizes trust and expertise in the cybersecurity field.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section with a compelling headline, subheadline, and a clear call-to-action (CTA) button that directs users to learn more about services.
2. **Service Pages**: Individual pages for each service offered—Offensive Cybersecurity, Defensive Cybersecurity, Compliance, and Development—featuring detailed descriptions, benefits, and relevant case studies or testimonials.
3. **About Us Section**: Information about the company, its mission, and team members to build trust and credibility.
4. **Contact Form**: A user-friendly contact form allowing potential clients to reach out for inquiries or consultations.
5. **Testimonials Section**: Showcase client testimonials and success stories to highlight the effectiveness and reliability of services.
6. **Blog Section**: A dedicated area for articles and insights on cybersecurity trends, tips, and best practices to establish thought leadership.

## 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 structured layout with a top navigation menu, sectioned content areas for each service, and a footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but consider using React Context or Redux if needed for complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar boilerplate.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create Layout**: Develop the main layout structure including header, footer, and navigation components.
4. **Develop Hero Section**: Create a captivating hero section with relevant content and CTA.
5. **Build Service Pages**: For each of the four services, create individual components and routes.
6. **Implement About Us and Testimonials Sections**: Design and code the About Us and Testimonials components.
7. **Create Contact Form**: Develop a contact form with validation and submission handling.
8. **Add Blog Section**: If included, create a simple blog layout for articles.
9. **Responsive Design**: Ensure that all components are responsive and function well on various screen sizes.
10. **Testing**: Conduct thorough testing to ensure all links, forms, and components work as intended.

## USER EXPERIENCE
The website should provide a seamless browsing experience, allowing users to easily navigate between services, read about the company, and contact the team. Each service page will offer detailed insights while maintaining a cohesive design language, making it easy for users to find the information they need. The contact form will feature simple fields for user input and provide instant feedback upon submission. Overall, the focus will be on clarity, professionalism, and building user trust through effective design and content.