Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
This project is a web application designed to evolve an existing futuristic portfolio into a cinematic and immersive digital experience. The focus is on enhancing the user interface with advanced interactions and transitions, resulting in a captivating journey through engineering and design.

# CORE FEATURES
1. **Cinematic Scroll Choreography**: Implement layered panel transitions and scroll-linked animations that provide a visually rich storytelling experience, making each section feel like a scene.
   
2. **Enhanced Hero Section**: Upgrade the hero area with Three.js elements and dynamic neural geometry that reacts to user interactions, creating a captivating first impression.

3. **Immersive Project Showcases**: Transform project presentations into fullscreen storytelling experiences with horizontal scroll moments and cinematic reveal sequences, elevating the narrative quality.

4. **Advanced Interaction Density**: Increase the quality of microinteractions across the site with cursor effects, animated lighting shifts, and responsive hover physics to create an engaging user experience.

5. **Parallax System**: Implement a multi-layered parallax effect where different visual elements move at varying speeds, adding depth and spatial immersion to the scrolling experience.

6. **Interactive Digital Facility Feel**: Design the website to embody an AI research lab aesthetic, enhancing the engineering identity through subtle animations and thematic 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 vertically scrolling design with sections that overlay and transition seamlessly, ensuring an immersive experience while maintaining clarity and usability.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand or React Context API (depending on complexity)

# IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and Tailwind CSS, ensuring all necessary dependencies are installed.
   
2. **Designing the Hero Section**: Create the hero section using Three.js or React Three Fiber to incorporate dynamic elements. Implement reactive neural geometry and layering effects.

3. **Implement Cinematic Scroll Features**: Use GSAP ScrollTrigger to create the scroll choreography. Configure transitions and animations to ensure smooth scrolling and layered panel effects.

4. **Enhance Project Sections**: Redesign the projects section to allow for fullscreen presentations. Integrate horizontal scrolling and interactive storytelling elements.

5. **Add Microinteractions**: Implement cursor effects and interactive elements throughout the site to enhance user engagement. Utilize animation libraries such as Framer Motion for smooth transitions.

6. **Test and Optimize**: Conduct thorough testing across devices to ensure responsiveness and performance. Optimize animations and transitions for smooth user experience.

# USER EXPERIENCE
Users will navigate through a layered digital space that feels alive and interactive. Each scroll will reveal new sections that transition seamlessly, creating an engaging experience that immerses users in a futuristic engineering narrative. The interactions will be designed to be intentional, enhancing the overall storytelling without overwhelming the user. The application will deliver a premium feel, ensuring that each aspect feels crafted and purposeful.