Here's a comprehensive prompt for creating a 3D Daily Task Time Tracker website: **PROMPT FOR 3D DAILY TASK TIME TRACKER WEBSITE** Create a modern, interactive Daily Task Time Tracker web application with the following specifications: **CORE FEATURES:** - Task logging with name, category, time spent, priority level, and date - Real-time timer functionality with start/stop/pause controls - Data persistence using browser storage - Export/import functionality (JSON/CSV formats) - Multiple date selection and navigation - Search and filter capabilities by category, priority, or date range **3D VISUALIZATION REQUIREMENTS:** - Interactive 3D scene using Three.js showing tasks as 3D objects (cubes, spheres, or custom shapes) - Task size represents time spent, colors represent categories - Smooth animations and transitions - Camera controls for zooming, rotating, and panning - Hover effects showing task details in 3D space - Dynamic lighting and particle effects - Responsive 3D viewport that adapts to screen size **ADVANCED FEATURES:** - Multiple chart types: pie charts, bar charts, line graphs, heatmaps - Weekly/monthly/yearly analytics and reports - Productivity scoring algorithm based on time allocation - Goal setting and progress tracking - Task categorization with custom categories - Priority-based color coding and sorting - Time breakdown by categories with percentages - Daily/weekly productivity trends - Task completion statistics **UI/UX DESIGN:** - Modern glassmorphism design with gradient backgrounds - Smooth hover animations and micro-interactions - Responsive grid layout that works on all devices - Dark theme with neon accent colors - Floating action buttons and intuitive navigation - Progressive web app features (offline capability) - Keyboard shortcuts for power users - Drag-and-drop functionality for task reordering **TECHNICAL SPECIFICATIONS:** - Pure HTML/CSS/JavaScript (no frameworks required) - Three.js for 3D graphics and animations - Chart.js or D3.js for 2D data visualization - CSS Grid and Flexbox for responsive layouts - CSS animations and transitions for smooth UX - Local storage for data persistence - Modern ES6+ JavaScript features - Cross-browser compatibility - Mobile-first responsive design **ADDITIONAL ENHANCEMENTS:** - Notification system for task reminders - Pomodoro timer integration - Time tracking suggestions based on historical data - Productivity insights and recommendations - Social sharing of achievements - Customizable dashboard widgets - Backup and sync capabilities - Accessibility features (ARIA labels, keyboard navigation) - Performance optimizations for smooth 3D rendering Build this as a single HTML file with embedded CSS and JavaScript, ensuring it's fully functional, visually stunning, and provides an engaging user experience for daily productivity tracking.Create a modern SaaS landing page using HTML and Tailwind CSS. Include a navigation header, hero section with call-to-action, features grid, testimonials, and footer. Use a dark theme with purple/blue gradient. Make it fully responsive with smooth animations on scroll and hover effects. Focus on conversion optimization with clear CTAs and social proof elements.