Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed to elevate the brand presence of ICX and position it as a leader in the competitive market. The main purpose is to showcase ICX's unique value propositions, enhance user engagement, and convert visitors into customers through a clean, visually appealing design.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that features a prominent tagline, a call-to-action (CTA) button, and the ICX logo to create a strong first impression.
2. **Features Overview**: Highlight key features and benefits of ICX services with engaging visuals and concise descriptions to clearly communicate value to potential customers.
3. **Testimonials**: A section dedicated to positive feedback from satisfied clients, enhancing credibility and trustworthiness.
4. **Call to Action (CTA)**: Strategically placed buttons encouraging users to sign up, learn more, or contact ICX, making it easy for visitors to take the next step.
5. **Contact Form**: A simple contact form for inquiries, equipped with essential fields to capture user information while ensuring a seamless experience.
6. **Footer**: A well-designed footer that includes links to social media, the privacy policy, and contact information to promote further engagement.

## 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 sections stacked vertically, maintaining a clear hierarchy of information, ensuring each section flows smoothly into the next.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first design.
- **UI Components**: shadcn/ui for pre-built components to enhance the UI.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the React project** with TypeScript and Tailwind CSS.
2. **Create the Hero Section**: Implement a full-width hero banner with a background image (if desired) and overlay text. Add a CTA button linking to the contact form.
3. **Develop the Features Overview**: Design a grid or card layout to describe the key features of ICX, using icons or images for visual appeal.
4. **Build the Testimonials Section**: Gather and display testimonials using a slider or static display to showcase client feedback effectively.
5. **Implement the Contact Form**: Create a form with name, email, and message fields, ensuring a user-friendly submission process.
6. **Design the Footer**: Include necessary links and social media icons, ensuring it matches the overall design theme.
7. **Optimize for responsiveness**: Ensure the design is mobile-friendly and looks great on all devices.

## USER EXPERIENCE
Key user interactions will include navigating through the hero section to learn about ICX, scrolling to read featured offerings, viewing testimonials for social proof, and easily accessing the contact form. The layout should facilitate smooth transitions between sections, encouraging users to explore and engage with the content while maintaining a clean and intuitive experience.