Can't click continue button on the first page anymore. Contact Person field has a different color - Follow Up Deployment

index.html

@@ -338,19 +338,63 @@
             // Initialize form
             showStep(currentStep);
             
-            // File upload handler
+            // File upload handlers
+            const dropZone = document.getElementById('dropZone');
+            
+            // Handle file selection
             pitchDeckInput.addEventListener('change', function(e) {
-                if (e.target.files.length > 0) {
+                handleFiles(e.target.files);
+            });
+            
+            // Handle drag and drop
+            ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+                dropZone.addEventListener(eventName, preventDefaults, false);
+            });
+            
+            function preventDefaults(e) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            
+            ['dragenter', 'dragover'].forEach(eventName => {
+                dropZone.addEventListener(eventName, highlight, false);
+            });
+            
+            ['dragleave', 'drop'].forEach(eventName => {
+                dropZone.addEventListener(eventName, unhighlight, false);
+            });
+            
+            function highlight() {
+                dropZone.classList.add('bg-blue-900/50');
+            }
+            
+            function unhighlight() {
+                dropZone.classList.remove('bg-blue-900/50');
+            }
+            
+            dropZone.addEventListener('drop', function(e) {
+                const dt = e.dataTransfer;
+                const files = dt.files;
+                pitchDeckInput.files = files;
+                handleFiles(files);
+            });
+            
+            function handleFiles(files) {
+                if (files.length > 0) {
                     fileNameDisplay.classList.remove('hidden');
-                    uploadedFileName.textContent = e.target.files[0].name;
+                    uploadedFileName.textContent = files[0].name;
                 } else {
                     fileNameDisplay.classList.add('hidden');
                 }
-            });
+            }
             
             // Next button click
             nextBtn.addEventListener('click', function() {
                 if (validateStep(currentStep)) {
+                    // Update review fields before showing review step
+                    if (currentStep === formSteps.length - 2) {
+                        updateReviewFields();
+                    }
                     currentStep++;
                     showStep(currentStep);
                 }
@@ -440,16 +484,16 @@
                     if (!input.value.trim()) {
                         input.classList.add('border-red-500');
                         isValid = false;
-                        
-                        // Remove error class when user starts typing
-                        input.addEventListener('input', function() {
-                            if (this.value.trim()) {
-                                this.classList.remove('border-red-500');
-                            }
-                        });
                     } else {
                         input.classList.remove('border-red-500');
                     }
+                    
+                    // Remove error class when user starts typing
+                    input.addEventListener('input', function() {
+                        if (this.value.trim()) {
+                            this.classList.remove('border-red-500');
+                        }
+                    });
                 });
                 
                 // Special validation for file upload