Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist interactive landing page designed to showcase a company and its services in a visually engaging 3D-like scrolling experience. The page will guide users through the company details and seamlessly return them to a central point for service selection.

## CORE FEATURES
1. **Hero Section**: An engaging introductory section with a captivating visual to attract users' attention and convey the company's core message.
2. **3D Scroll Animation**: A smooth scrolling effect that reveals detailed information about the company as users scroll down the page, providing an immersive experience.
3. **Service Selection**: A central point where users can choose specific services offered by the company after viewing the details.
4. **Contact Information**: A section that includes essential contact details for inquiries and further engagement with the company.
5. **Company Overview**: A detailed presentation of the company's mission, vision, and values, derived from the provided MD file.

## 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 consists of a full-width hero section at the top, followed by a vertically stacked series of information panels that smoothly transition into each other as the user scrolls down. The service selection will be prominently featured at the center.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page but can be implemented if interactivity grows.

## IMPLEMENTATION STEPS
1. **Set Up React App**: Initialize a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Implement Layout**: Create the main layout components including the Hero, Scroll Sections, and Service Selection area.
4. **Add Scroll Animation**: Implement a smooth scrolling feature that transitions between the sections as users scroll down.
5. **Style Components**: Use Tailwind CSS to style components according to the design specifications, ensuring the primary color and typography are applied correctly.
6. **Integrate Contact Section**: Add a contact form or details to allow users to reach out easily.
7. **Test Responsiveness**: Ensure the layout is responsive across various screen sizes and devices for optimal user experience.

## USER EXPERIENCE
Users will begin their journey on the hero section, where they are welcomed with vibrant visuals. As they scroll down, they will experience a captivating flow of information that details the company’s offerings. Upon reaching the central service selection point, users can easily choose the service they are interested in, with clear navigation back to contact or further details as needed. The overall experience aims to be intuitive, engaging, and informative, encouraging user interaction and conversion.