updated

.gitattributes

@@ -1,2 +1,3 @@
 *.png filter=lfs diff=lfs merge=lfs -text
 backend/static/images/LUNA.png filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text

backend/routes/interview_api.py

@@ -319,7 +319,8 @@ def process_answer():
             "next_question": next_question_text,
             "audio_url": audio_url,
             "evaluation": evaluation_result,
-            "is_complete": is_complete
+            "is_complete": is_complete,
+            "redirect_url": url_for("interview_api.interview_complete") if is_complete else None
         })
 
     except Exception as e:
@@ -355,4 +356,11 @@ def get_audio(filename: str):
         
     except Exception as e:
         logging.error(f"Error serving audio file {filename}: {e}")
-        return jsonify({"error": "Error serving audio file."}), 500
+        return jsonify({"error": "Error serving audio file."}), 500
+    
+from flask import render_template
+
+@interview_api.route("/interview/complete", methods=["GET"])
+@login_required
+def interview_complete():
+    return render_template("closing.html")

backend/static/videos/AI_Recruiter_Video_Generation.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9c36a72c309030808fe64eff4f005891b98a48210fa75d2f3e6639623cc8cf7d
+size 946136

backend/templates/base.html

@@ -405,6 +405,14 @@
             left: 0;
         }
 
+        .luna-avatar video {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            border-radius: 50%;
+        }
+
+
         .hero-buttons {
             display: flex;
             justify-content: center;

backend/templates/closing.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+
+{% block title %}Interview Complete - Codingo{% endblock %}
+
+{% block hero %}
+<section class="hero">
+    <div class="container">
+        <div class="hero-content">
+            <!-- Rounded Video Container -->
+            <div class="luna-avatar-container">
+                <div class="luna-glow"></div>
+                <div class="luna-avatar">
+                    <video id="closingVideo" autoplay playsinline>
+                        <source src="{{ url_for('static', filename='videos/AI_Interview_Closing_Statement_Video.mp4') }}" type="video/mp4">
+                        Your browser does not support the video tag.
+                    </video>
+                </div>
+            </div>
+            <h2 style="margin-top: 1rem;">Thank you for your time,<br>we will get back to you if shortlisted.</h2>
+        </div>
+    </div>
+</section>
+
+<script>
+    const video = document.getElementById('closingVideo');
+    video.addEventListener('ended', function() {
+        window.location.href = "{{ url_for('index') }}";
+    });
+</script>
+{% endblock %}

backend/templates/interview.html

@@ -887,6 +887,9 @@
 
                     if (data.is_complete) {
                         console.log('Interview completed');
+                        if (data.redirect_url) {
+                            window.location.href = data.redirect_url;
+                        }
                         this.showInterviewSummary();
                     } else {
                         console.log('Moving to next question');