Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to create an interactive experience where a 3D model is dynamically built from scratch in a short time frame. Users will witness the construction of a "D" logo as the focal point of the app, with the ability to interact with the final model. The application aims to engage users through a minimalist design that enhances the visual impact of the 3D animation.

## CORE FEATURES
1. **Animated Logo Construction**: A 6-second animation that visually builds the "D" logo from the ground up, providing a captivating introduction to the application.
2. **Interactive 3D Model**: Users can interact with the completed "D" logo, exploring its features and details through mouse movements and clicks.
3. **Responsive Design**: The application will adjust seamlessly across devices, ensuring a smooth experience on desktops, tablets, and mobile devices.
4. **User Engagement Tools**: Options for users to share their experience on social media and provide feedback on the interaction.
5. **Simple Navigation**: A minimalist layout allows easy access to features and information, promoting a focused user experience.

## 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 consist of a full-screen hero section displaying the animated construction, followed by sections for interaction features, user engagement tools, and a contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user interactions and state.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install necessary dependencies such as Tailwind CSS and shadcn/ui.
2. **Create the Hero Section**: Develop a full-screen hero component that includes the animated logo construction.
3. **Integrate 3D Model**: Utilize a library (e.g., Three.js) to render the interactive 3D model and implement the animation for building the logo.
4. **Build Interactive Features**: Add event listeners to the 3D model for user interactions and create UI components for navigation and sharing tools.
5. **Design Responsive Layout**: Use Tailwind CSS utilities to ensure the layout is responsive and looks great on all devices.
6. **Implement Contact Form**: Create a simple contact form for user feedback, integrating it with a backend service if necessary.
7. **Testing and Optimization**: Conduct thorough testing for UI responsiveness, interaction fluidity, and overall performance. Optimize the application for better loading times.

## USER EXPERIENCE
Users will be greeted with a visually stunning animation of the "D" logo being built in six seconds. After the animation, they can interact with the completed 3D logo, clicking and hovering to explore details. The minimalist design ensures that users can navigate easily, providing an engaging experience without distractions. Feedback tools and social sharing options will enhance user engagement, allowing for community interaction around the app.

### Ready to use this prompt in Lovable? Just copy and paste it!