Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a modern, premium landing page to showcase a digital portfolio. The website aims to convey innovation, sophistication, and professionalism, targeting businesses that want to modernize their online presence. It will feature a clean, minimalist aesthetic inspired by contemporary design trends, focusing on a seamless user experience.

## CORE FEATURES
1. **Hero Section**: A striking hero area with a large headline and a fullscreen video or 3D scene, accompanied by a smooth scrolling CTA.
2. **Portfolio Showcase**: Visual storytelling of client cases presented in a dynamic grid layout, highlighting key projects and services.
3. **Services Overview**: Clear and engaging presentation of available services, aimed at converting visitors into clients.
4. **Testimonials Section**: Smoothly transitioning testimonials from previous clients to build trust and credibility.
5. **Contact Form**: An easy-to-use contact section for potential clients to reach out, designed with a minimalist aesthetic.

## 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 overall layout will feature a vertical scroll with distinct sections for the hero, portfolio, services, testimonials, and contact, ensuring a smooth user journey through cinematic transitions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Optional based on feature needs]

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component needs.
3. **Create Layout**: Develop the main layout structure with a header, footer, and sections for hero, portfolio, services, testimonials, and contact.
4. **Implement Hero Section**: Create a responsive hero section with a large headline, video or 3D scene, and a CTA button styled according to the design specifications.
5. **Portfolio and Services Sections**: Build the portfolio showcase and services overview using grid layouts, ensuring smooth animations for element entry.
6. **Testimonials Section**: Design the testimonials area with smooth transitions and engaging animations.
7. **Contact Form**: Implement a functional contact form that captures user inquiries.
8. **Optimize for Performance**: Ensure that the application runs at 60 FPS, is mobile-first, and adheres to SEO and accessibility best practices.

## USER EXPERIENCE
The user experience will focus on intuitive navigation, ensuring that visitors can easily scroll through sections and engage with content. Smooth scrolling and cinematic transitions will enhance the visual journey, making interactions feel fluid and premium. Each section will be designed to gradually reveal content, maintaining the user's interest and encouraging exploration of the portfolio and services offered.