Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a high-end landing page for a performance-driven marketing agency targeting the Swiss market. The website aims to position the agency as a premium partner focused on measurable growth for Swiss SMEs, startups, and established companies. It will leverage modern design trends and interactive elements to create an engaging user experience.

## CORE FEATURES
1. **Hero Section**: 
   - Fullscreen layout with an interactive 3D element showcasing the agency's innovative approach to performance marketing. Includes a compelling headline and two strong calls to action.

2. **Services Section**: 
   - Animated cards for each service offered (SEO, Performance Marketing, Webdesign & Conversion-Optimierung, Social Media & Branding, Marketing Automation) with subtle 3D hover effects to enhance interactivity and user engagement.

3. **Case Studies**: 
   - KPI-focused presentation showing the agency's success metrics with animated numbers and testimonials to build trust and credibility among Swiss businesses.

4. **About Section**: 
   - A clear and professional overview of the agency’s values, emphasizing transparency, strategy, and measurable results, tailored for the Swiss market.

5. **Process Section**: 
   - A visually appealing 4-step animated timeline illustrating the agency’s approach: Analyse, Strategie, Umsetzung, Skalierung.

6. **Strong Call-to-Action Section**: 
   - Engaging headline prompting visitors to take action, complete with a contact form and meeting booking integration to facilitate lead generation.

## DESIGN SPECIFICATIONS
- **Visual Style**: Glassmorphism combined with modern minimalism and subtle futuristic 3D elements. The overall aesthetic should be clean and professional, appealing to high-end clientele.
- **Color Mode**: Dark background (anthracite or black) with premium accent colors such as electric blue, violet neon, or elegant gold.
- **Layout**: A single-page layout with smooth scroll animations, ensuring an intuitive flow from one section to another.
- **Typography**: Clean, modern fonts that convey a sense of professionalism and clarity. Use a hierarchical structure to differentiate headlines, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable application.
- **Styling**: Tailwind CSS for efficient and responsive styling.
- **UI Components**: Utilize shadcn/ui for modern, pre-designed UI components to enhance development speed and consistency.
- **State Management**: Use React's built-in state management or context API as needed for maintaining application state.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initiate a new React project with TypeScript and install necessary dependencies (React, TypeScript, Tailwind CSS, shadcn/ui).
2. **Create Basic Structure**: Develop the basic structure of the landing page with sections for Hero, Services, Case Studies, About, Process, and CTA.
3. **Implement Hero Section**: Design the fullscreen layout with the interactive 3D element, headline, subheadline, and CTA buttons. 
4. **Develop Services Section**: Create animated cards for each service with hover effects, ensuring a cohesive design language.
5. **Construct Case Studies**: Integrate KPI presentations with animated numbers and testimonials, focusing on Swiss business credibility.
6. **Build About Section**: Highlight the agency's strengths with transparent messaging and strong positioning.
7. **Design Process Section**: Implement the 4-step animated timeline with engaging visuals to illustrate the agency's methodology.
8. **Finalize CTA Section**: Add a contact form and meeting booking integration, ensuring a seamless user experience.
9. **Optimize for SEO**: Ensure the website is SEO-optimized, focusing on meta tags, alt attributes, and content structure.
10. **Test and Launch**: Conduct thorough testing on various devices and browsers to ensure responsiveness and performance before launching.

## USER EXPERIENCE
The user experience will focus on an intuitive and engaging journey through the landing page. Visitors will be greeted by a captivating hero section that encourages exploration. Each section will guide users smoothly, with animations enhancing the storytelling aspect of the agency's offerings. The design will prioritize clarity and professionalism, ensuring potential clients feel confident in the agency's capabilities. Calls to action will be strategically placed to maximize lead generation opportunities throughout the user journey.