first app vibe

app/.github/copilot-instructions.md

@@ -0,0 +1,33 @@
+<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file -->
+
+# AAF Systems Homepage - Copilot Instructions
+
+This is a modern Three.js homepage built with Vite and TypeScript featuring:
+
+- Interactive 3D physics simulation with model.glb objects
+- Objects are attracted to a central point in space
+- Physics-based collisions creating clusters of models
+- Mouse cursor repulsion forces
+- Studio lighting setup
+- Minimal UI with "AAF Systems" branding
+
+## Technical Stack
+- **Build Tool**: Vite
+- **Language**: TypeScript
+- **3D Graphics**: Three.js
+- **Physics**: Cannon.js (cannon-es)
+- **Styling**: Modern CSS with clean typography
+
+## Key Features
+- Physics simulation with attraction and repulsion forces
+- Mouse interaction affecting object positions
+- Studio lighting for professional appearance
+- Responsive design
+- Performance optimized for smooth 60fps animation
+
+## Development Guidelines
+- Use TypeScript strict mode
+- Follow modern ES6+ patterns
+- Optimize Three.js performance
+- Maintain clean separation between physics and rendering
+- Use requestAnimationFrame for smooth animations