Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This application is an interactive 3D website portfolio designed to showcase the professional identity of Arief Fatur Luthfi Mulk Illahi, a Digital Product & Brand Builder. The primary goal is to communicate trust and value to high-end clients, encouraging them to engage and contact Arief while providing a clean and memorable user experience.

## CORE FEATURES
1. **Interactive 3D Portfolio**: A responsive 3D presentation of selected works that allows users to interactively explore projects and their impacts, ensuring clarity in communication.
2. **AI Pre-Chat Assistant**: A smart assistant to answer basic inquiries, explain services, and pre-qualify potential clients, enhancing user engagement.
3. **Focused Case Studies**: Detailed case studies for 3-5 selected projects, outlining the problems faced, solutions provided, and measurable impacts, told through genuine storytelling.
4. **Professional Profile Section**: A cleanly designed 'About Me' section featuring a strategic placement of a professional photo alongside a compelling value statement.
5. **Testimonials Section**: A dedicated area to showcase client testimonials, reinforcing trust and credibility, with placeholder content to illustrate layout.
6. **Contact & CTA**: A clear and direct contact section with a strong call-to-action, encouraging prospective clients to reach out.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, focusing on clarity and easy navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a modern aesthetic.
- **Layout**: 
  - **Hero Section**: Engaging introduction with the name and professional role prominently displayed.
  - **About Section**: Professional photo with value statement adjacent.
  - **Portfolio Section**: Grid layout for projects with hover effects to reveal key information.
  - **Testimonials and Contact Sections**: Simple and accessible design, ensuring easy navigation without overwhelming the user.
- **Typography**: Use a modern sans-serif font (like Inter or Montserrat) for headings and a legible serif font (like Merriweather) for body text, establishing a clear hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust, type-safe development.
- **Styling**: Tailwind CSS for utility-first styling, ensuring responsive design.
- **UI Components**: Utilize shadcn/ui for consistent and visually appealing components.
- **State Management**: Use React's Context API for managing global state if needed, making the application scalable.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize the React application with Create React App using TypeScript.
   - Install Tailwind CSS and shadcn/ui components.
2. **Create Core Components**:
   - Build the Hero, About, Portfolio, Testimonials, and Contact components.
   - Implement the AI Pre-Chat Assistant using a third-party API or custom logic.
3. **Design Layout**:
   - Structure the layout using Tailwind for responsive design.
   - Ensure that all elements follow the minimalist aesthetic with high contrast and clarity.
4. **Integrate 3D Elements**:
   - Use a library like Three.js to implement interactive 3D elements in the portfolio section.
   - Optimize performance for fast loading and stable frame rates.
5. **Implement Navigation**:
   - Create a straightforward, intuitive navigation system without long scrolling.
   - Ensure that each page has a single, clear purpose.
6. **Testing and Optimization**:
   - Conduct performance testing, ensuring rapid load times and responsiveness across devices.
   - Implement accessibility features to accommodate all users.

## USER EXPERIENCE
Users will arrive on a visually captivating hero section that immediately communicates Arief's professional identity within 3-5 seconds. The intuitive navigation allows users to effortlessly explore the portfolio, with interactive 3D elements enhancing their understanding of the showcased projects. The AI Pre-Chat Assistant will be available to engage users further, answering questions and guiding them toward contact information. Each section will serve its purpose, maintaining a clear focus on building trust and encouraging action without unnecessary distractions.
```