Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed for a technology company, aiming to create an immersive 3D experience that captivates users. The main purpose is to showcase the company's services and innovation while ensuring a visually impactful user experience.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a 3D background effect, featuring the company name and a prominent call-to-action (CTA) button.
2. **Features Overview**: A section highlighting key services offered by the company, presented with minimalist icons and brief descriptions for clarity.
3. **Testimonials**: A dedicated area for client testimonials to build trust and credibility, utilizing an engaging design to complement the overall aesthetic.
4. **About Section**: A concise description of the company's mission and vision, reinforced with engaging visuals.
5. **Contact Form**: A simple, user-friendly form allowing potential clients to reach out for inquiries or more information.

## 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 consist of a full-width hero section at the top, followed by a grid layout for features, testimonials, and an about section. The contact form will be positioned at the bottom, maintaining a clean flow and 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop the necessary components for the hero section, features, testimonials, about section, and contact form.
3. **Apply Styling**: Use Tailwind CSS to implement the minimalist design, ensuring the primary color and typography specifications are adhered to.
4. **Implement 3D Effects**: Utilize CSS or JavaScript libraries to create immersive 3D effects in the hero section.
5. **Optimize for Responsiveness**: Ensure that all components are responsive across different devices and screen sizes.
6. **Testing**: Conduct thorough testing to ensure functionality and user experience are seamless.

## USER EXPERIENCE
Key interactions will include a smooth scroll effect from the hero section to each subsequent section, with highlighted CTAs that encourage user engagement. The contact form will be designed for easy submission, providing instant feedback on user interaction. Overall, the landing page will maintain a fast loading speed and intuitive navigation to enhance user satisfaction.