Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern, premium landing page for MATAYGRUP, an architecture and electrical engineering firm. The site aims to attract villa owners, investors, contractors, and industrial facilities with a minimalist, dark-themed design that conveys luxury, trust, and technical proficiency. The homepage will feature engaging animations that showcase the building process and an interactive questionnaire for project inquiries.

## CORE FEATURES
1. **Hero Section**: 
   - Engaging headline: "Architecture and Engineering Under One Roof."
   - Subtext: "MatayGrup combines architectural aesthetics with engineering intelligence."
   - Primary CTA: "Define Your Project in 2 Minutes" leading to an interactive questionnaire.

2. **Scroll-based Animation**: 
   - As users scroll, the site displays an animated sequence from an empty land plot to a completed building, including construction stages and electrical installations with glowing effects.

3. **Service Categories**:
   - Highlight two main services: 
     - Architecture: Concept Design, 3D Visualization, Permit Projects, Interior Architecture, Construction Supervision.
     - Electrical Electronic Engineering: Electrical Projecting, Low Voltage Systems, Fire Detection, CCTV, Smart Building Automation, Solar Energy Systems.

4. **Interactive Questionnaire**: 
   - A dynamic form with questions about Project Type, Required Service, Land Status, Estimated Square Meters, Budget Range, Location, and Timeline. Final screen collects user contact information.

5. **Before-After Comparison Slider**: 
   - Allows users to see project transformations visually, enhancing engagement.

6. **Sticky CTA**: 
   - "Start My Project," easily accessible for mobile users, encouraging immediate interaction.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, focusing on typography and user experience.
- **Color Scheme**: 
  - Primary Color: Deep Black (#111111)
  - Secondary Color: Dark Gray (#2B2B2B)
  - Accent Colors: Electric Blue (#00AEEF) or Industrial Orange (#FF6B00) for highlights.
- **Layout**: 
  - A single-page scrolling layout with distinct sections for the hero, services, questionnaire, and testimonials, utilizing smooth scrolling and parallax effects.
- **Typography**: 
  - Use clear, modern sans-serif fonts for headings and body text to maintain readability and elegance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: Utilize shadcn/ui for modern UI component implementation.
- **State Management**: Use React hooks for managing form states and animations.

## IMPLEMENTATION STEPS
1. **Set Up Project**: 
   - Initialize a new React project with TypeScript and install Tailwind CSS and any required dependencies (e.g., shadcn/ui).
   
2. **Create Layout**: 
   - Build the main layout structure with a header, hero section, services, interactive questionnaire, and footer.
   
3. **Implement Scroll-based Animation**: 
   - Utilize CSS animations and React libraries to create the desired scroll-based effects showcasing construction stages.
   
4. **Develop Interactive Questionnaire**: 
   - Create a dynamic form component with state management to handle user inputs and validations.
   
5. **Add Before-After Slider**: 
   - Implement a slider component that allows users to compare before and after images of projects.
   
6. **Optimize for Mobile**: 
   - Ensure the layout is responsive with a sticky CTA for mobile users and test across devices.

## USER EXPERIENCE
Users will experience a seamless journey starting from the engaging hero section, smoothly transitioning through visually captivating animations, and reaching an interactive questionnaire that collects their project details. The design should evoke trust and professionalism, encouraging users to initiate their projects with MATAYGRUP. The minimalist approach ensures clarity while the dark theme emphasizes the premium nature of the services provided.