Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Design and develop a fully responsive, production-ready website for PIXELORA LABS, a digital agency focused on creating clean, fast, and conversion-centric websites for businesses. The website aims to reflect a calm, confident, and professional brand identity while providing a structured user experience that guides visitors toward engagement and conversion.

## CORE FEATURES
1. **Global Header**: A minimal logo with clean navigation, including links to Home, Services, Work, About, and Contact, plus a sticky primary CTA button ("Get Free Consultation") that remains visible on scroll.
   
2. **Hero Section**: A prominent value proposition headline ("Websites that help businesses grow — not just look good") accompanied by a short supporting subtext and two CTAs (primary and secondary), set against an abstract background.

3. **Who We Help**: A section featuring 3–4 clean cards representing target groups (Local Businesses, SMEs, Startups, Professionals) with simple icons and minimal copy.

4. **Services Section**: Structured service cards highlighting outcomes rather than features, showcasing offerings like Business Websites, Conversion-Focused Design, and Performance & SEO-Ready Builds.

5. **Why Pixelora Labs**: A trust-building section emphasizing structure, clarity, and long-term support, delivered in a calm and confident tone without hype.

6. **Contact Section**: A simple form with minimal fields for inquiries, alongside WhatsApp and email options, designed for conversions.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - A clean, simple design that utilizes ample white space and a minimal color palette, focusing heavily on typography for clarity and professionalism.
  
- **Color Mode**: Light theme with dark charcoal gray text on white/off-white backgrounds, accented with teal/cyan for highlights and soft green/light blue for CTAs.

- **Layout**: Grid-based layout with strong alignment and rhythm, ensuring clear content flow and generous whitespace throughout the site. Each section should feel cohesive and connected.

- **Typography**: Utilize modern sans-serif fonts (Inter, Poppins, or DM Sans) with a strong hierarchy:
  - Large, confident headlines for primary sections
  - Clear subheadings for secondary sections
  - Highly readable body text with generous line height and spacing to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust component management and type safety.
  
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design changes and responsiveness.

- **UI Components**: Use shadcn/ui for pre-designed components to maintain consistency and speed up development.

- **State Management**: Utilize React's built-in state management or consider Context API for global state needs if required.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install necessary dependencies, including Tailwind CSS and shadcn/ui.
   
2. **Global Header**: Implement a sticky header that includes the logo and navigation links, styled with Tailwind CSS to ensure it remains minimalist and functional.

3. **Hero Section**: Create the hero section with the value proposition, supporting text, and CTA buttons, implementing abstract background visuals using CSS gradients.

4. **Who We Help Section**: Develop the 3–4 card layout to represent target groups, ensuring each card has an icon and concise text.

5. **Services Section**: Implement structured service cards focusing on outcomes, ensuring clear, concise language and efficient layout.

6. **Why Pixelora Labs Section**: Craft this section with a calm, authoritative tone, emphasizing the agency’s strengths and support.

7. **Contact Section**: Design a simple contact form with minimal fields, integrating WhatsApp and email options for user convenience.

8. **Footer**: Create a clean, minimal footer that includes the brand name and navigation links, maintaining the overall aesthetic.

## USER EXPERIENCE
The user journey should be smooth and intuitive, with a clear flow from the global header through each section, encouraging exploration and interaction. Users should easily identify key information and CTAs, with subtle micro-interactions enhancing the experience without overwhelming the user. Responsive design should ensure usability across all devices, maintaining visual integrity and functionality.

This prompt outlines a complete approach to creating a high-end digital agency website that embodies the calm, confident, and structured essence of PIXELORA LABS, while ensuring a premium yet approachable user experience.