words of wisdom, layout and feature adding ..

frontend/initial.html

@@ -124,11 +124,10 @@
                         <div
                             class="absolute top-4 right-6 text-[9px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider"
                             style="background:#c89a6c;color:#000">
-                            V1.0</div>
+                            DEMO</div>
                         <i class="fa-solid fa-car-side text-4xl mb-4 block mx-auto" style="color:#c89a6c"></i>
                         <h3 class="font-bold text-lg mb-2 leading-tight" style="color:#f0ece6">Traffic <br>Dynamics</h3>
-                        <p class="text-[10px] font-medium leading-relaxed" style="color:#a89f97">Detect, track, and analyze
-                            vehicles in real-world environments.</p>
+                        <p class="text-[10px] font-medium leading-relaxed" style="color:#a89f97">Vehicle counting, classification, and flow analysis for Indian roads.</p>
                     </div>
                 </div>
             </div>
@@ -140,7 +139,7 @@
                     <i class="fa-solid fa-arrow-left mr-2"></i> Back 
                 </button>
                 <h2 class="text-3xl font-bold mb-2 text-center" style="color:#f0ece6">Source Media</h2>
-                <p class="text-[13px] font-medium mb-8 text-center" style="color:#a89f97">Upload a video file to begin analysis.</p>
+                <p class="text-[13px] font-medium mb-8 text-center" style="color:#a89f97">Submit camera footage to begin traffic analysis.</p>
 
                 <input id="file-input" type="file" accept="video/*" class="hidden">
                 <div id="dropzone" onclick="document.getElementById('file-input').click()"
@@ -148,7 +147,7 @@
                     <i
                         class="fa-solid fa-arrow-up-from-bracket text-4xl mb-5 block mx-auto transition" style="color:#a89f97"></i>
                     <span class="font-semibold text-lg mb-2 text-center block" style="color:#f0ece6">Drop or select a video file</span>
-                    <span class="text-[10px] font-bold uppercase tracking-widest text-center block" style="color:#a89f97">MP4 · AVI · MOV</span>
+                    <span class="text-[10px] font-bold uppercase tracking-widest text-center block" style="color:#a89f97">Any standard video format accepted</span>
                 </div>
 
                 <div id="upload-progress-container" class="hidden mt-10 w-full">

frontend/vehicles.html

@@ -364,7 +364,6 @@
         <!-- TAB: About -->
         <div id="tab-about" class="hidden flex-1 min-h-0 overflow-y-auto">
             <div class="bg-black border border-slate-800 rounded-xl p-12 shadow-2xl space-y-8 min-h-full flex flex-col justify-center">
-                <div class="max-w-5xl mx-auto bg-white rounded-xl border border-slate-200 shadow-sm p-10 space-y-8">
                 <div class="text-center">
                     <p class="text-sm italic font-bold leading-relaxed max-w-3xl mx-auto" style="color:#c89a6c;font-family:'Montserrat',sans-serif">
                         &ldquo;Traffic data has always existed on Indian roads &mdash; in the movement of every vehicle,
@@ -448,7 +447,17 @@
                                 </li>
                                 <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
                                         style="color:#8b5e3c"></i>
-                                    <span>Advanced analytics &mdash; speed estimation, helmet compliance, illegal parking</span>
+                        <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
+                                        style="color:#8b5e3c"></i>
+                                    <span>ANPR &mdash; automatic number plate recognition and logging</span>
+                                </li>
+                                <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
+                                        style="color:#8b5e3c"></i>
+                                    <span>Helmet compliance detection &mdash; rider safety enforcement</span>
+                                </li>
+                                <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
+                                        style="color:#8b5e3c"></i>
+                                    <span>Traffic rule violation detection &mdash; signal jumping, wrong-way driving</span>
                                 </li>
                                 <li class="flex items-start gap-3"><i class="fa-solid fa-circle text-[5px] mt-1.5"
                                         style="color:#8b5e3c"></i>
@@ -467,7 +476,6 @@
                             Feedback, collaboration, or questions: <strong style="color:#c89a6c">support@urbanflow.in</strong>
                         </p>
                     </div>
-                </div>
             </div>
         </div>