Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Captive Studio is a landing page designed to showcase the services of a communication and events business. The site aims to attract potential clients with its modern and eye-catching design while providing clear information about the company's offerings and a user-friendly contact form.

## CORE FEATURES
1. **Hero Section**: A vibrant introduction to Captive Studio with an engaging headline, a brief description of services, and a call-to-action button leading to the contact form.
2. **About Section**: A concise overview of who Captive Studio is, detailing the mission and vision of the business to build trust with potential clients.
3. **Services Overview**: A section highlighting the key services offered, presented in a visually appealing format that encourages exploration.
4. **Testimonials**: Featuring quotes from satisfied clients to enhance credibility and encourage new clients to reach out.
5. **Contact Form**: An intuitive and easy-to-use form that allows potential clients to get in touch, with fields for name, email, message, and a submit button.
6. **LinkedIn Integration**: A link to the Captive Studio LinkedIn profile to enhance professional credibility and networking opportunities.

## 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 main layout structure will include a vertical stacking of sections, with a full-width hero at the top, followed by subsequent sections arranged logically to guide the user through the content seamlessly.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**: Develop components for each section (Hero, About, Services, Testimonials, Contact).
4. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design and the specified color scheme throughout the components.
5. **Add Functionality**: Implement the contact form functionality, ensuring easy submission and validation for the fields.
6. **Link to LinkedIn**: Add a visible link/button to the LinkedIn profile in the footer or appropriate section.
7. **Test Responsiveness**: Ensure all components are responsive and look good on different screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing hero section that clearly communicates the essence of Captive Studio. They can scroll down to learn more about the business and its offerings through well-structured sections. The testimonials will provide social proof, and the straightforward contact form will encourage potential clients to reach out with ease. The LinkedIn link will facilitate professional networking, reinforcing the business's credibility. 

This landing page is crafted to be simple yet effective, ensuring a smooth user journey that maximizes conversion potential.