Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a digital studio with an interactive hero section. The primary goal is to create a visually impressive and engaging experience that captures the essence of high-end design, making the website feel valuable and inviting to potential clients.

## CORE FEATURES
1. **Interactive Hero Section**: A captivating hero area with a unique cursor interaction and a custom interactive background that draws users in.
2. **Service Showcase**: A section highlighting key services offered by the studio, utilizing clean layouts and engaging visuals.
3. **Testimonials**: A curated section featuring client feedback to build trust and credibility.
4. **Call to Action (CTA)**: Strategically placed buttons encouraging users to contact the studio or schedule a consultation.
5. **Contact Form**: A simple yet effective contact form that allows potential clients to reach out easily.
6. **Footer with Social Links**: A footer that includes links to social media profiles and essential information about the studio.

## 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 follow a vertical structure, starting with the hero section at the top, followed by service showcases, testimonials, CTA, and a contact form, all arranged in a straightforward and intuitive flow.

## 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 added if needed for future enhancements.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Layout**: Build the main layout structure using React components, adhering to the design specifications.
4. **Develop the Hero Section**: Implement the interactive hero section with custom cursor effects and background animations.
5. **Build Service Showcase**: Create a responsive grid layout for showcasing services.
6. **Add Testimonials Section**: Design the testimonials section with client quotes, ensuring readability and visual appeal.
7. **Implement CTA and Contact Form**: Add the CTA buttons and develop the contact form, ensuring proper validation and responsiveness.
8. **Style the Components**: Use Tailwind CSS to style components according to the specified design and color scheme.
9. **Test for Responsiveness**: Ensure the landing page is fully responsive across various devices and screen sizes.
10. **Deploy the Landing Page**: Choose a hosting platform and deploy the completed landing page.

## USER EXPERIENCE
The landing page will provide an engaging user experience by allowing users to interact with the hero section, smoothly scroll through service offerings, view testimonials that reinforce trust, and easily access contact options. The minimalist design ensures that users focus on the content without unnecessary distractions, while the interactive elements enhance engagement and retention.