Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a fully modern, futuristic, premium-quality 3D animated landing page for a digital design and development agency named “Desine Flow.” The website will serve as a cinematic, immersive, and highly interactive showcase of the agency's services, emphasizing advanced 3D visuals, smooth transitions, and a luxurious user experience.

## CORE FEATURES
1. **Hero Section**: A massive animated 3D hero section featuring rotating 3D shapes and an animated headline that captures the agency's essence.
2. **Service Previews**: Display of services in animated futuristic cards, highlighting offerings like Basic Websites, UI/UX Design, and Advanced 3D Websites.
3. **Testimonials Slider**: An interactive slider showcasing client testimonials to build trust and credibility.
4. **Pricing Plans**: Premium pricing cards with hover effects and animations, clearly outlining different service tiers and features.
5. **Contact Section**: An interactive contact form with animated inputs and Google Maps integration for location display.
6. **Animated Footer**: A footer that includes quick links, social media icons, and a newsletter signup section, all with animated elements.

## 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 main layout will feature a full-width hero section at the top, followed by service previews, testimonials, pricing, and contact sections, all designed for smooth scrolling and interaction.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive and modern design.
- **UI Components**: shadcn/ui for a cohesive and modular component library.
- **State Management**: Use React's built-in state management or consider Zustand for global state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, Tailwind CSS, and any necessary dependencies (e.g., shadcn/ui).
2. **Create Layout Components**: Build reusable components for the header, footer, and main sections (hero, services, testimonials, pricing, contact).
3. **Implement Hero Section**: Add 3D animations using Three.js, set up the animated headline, and ensure smooth transitions.
4. **Develop Service Cards**: Create animated cards for services, incorporating hover effects and 3D interactions.
5. **Add Testimonials Slider**: Integrate a slider for testimonials with smooth animations and user-friendly navigation.
6. **Design Pricing Page**: Implement pricing cards with dynamic hover effects and clear CTAs.
7. **Build Contact Section**: Create an interactive contact form with animations and Google Maps integration.
8. **Optimize for Mobile**: Ensure all components are responsive and provide a seamless experience on mobile devices.
9. **Testing**: Conduct thorough testing for performance, animations, and responsiveness across different devices.
10. **Launch**: Deploy the landing page to a hosting provider, ensuring SEO best practices are followed for discoverability.

## USER EXPERIENCE
The user experience will focus on immersive interactions, guiding visitors through the agency's offerings with fluid animations and engaging visuals. Users will experience smooth scrolling, animated transitions between sections, and an interactive feel that encourages exploration. Key interactions will include hovering over service cards to reveal more information, smoothly scrolling through testimonials, and easily navigating through the site with a futuristic sticky navbar. 

By prioritizing visual impact and smooth animations, the website will deliver a premium feel that reflects the cutting-edge nature of Desine Flow's services.