changed full frontend,added new features, and components.

app/new-analysis/page.tsx

@@ -0,0 +1,50 @@
+"use client"
+
+import { useRouter } from "next/navigation"
+import { ProjectSelectionSection } from "@/components/project-selection-section"
+import { SidebarNavigation } from "@/components/sidebar-navigation"
+import { type SessionContext, saveSession } from "@/lib/api"
+
+export default function NewAnalysisPage() {
+    const router = useRouter()
+
+    const handleSelectionComplete = (session: SessionContext) => {
+        // Save session to storage and navigate to upload page
+        saveSession(session)
+        router.push("/upload")
+    }
+
+    return (
+        <div className="min-h-screen bg-mesh-gradient text-gray-900 dark:text-gray-100">
+            {/* Sidebar Navigation */}
+            <SidebarNavigation />
+
+            {/* Main Content */}
+            <main className="ml-16 min-h-screen relative overflow-hidden">
+
+                <div className="container mx-auto px-4 py-12 max-w-5xl relative z-10">
+                    {/* Premium Header */}
+                    <div className="mb-10 animate-in fade-in slide-in-from-top duration-700">
+                        <div className="text-center max-w-2xl mx-auto">
+                            <h1 className="text-4xl md:text-5xl font-bold mb-4 bg-gradient-to-r from-gray-900 via-indigo-800 to-indigo-600 dark:from-white dark:via-indigo-200 dark:to-indigo-400 bg-clip-text text-transparent leading-tight">
+                                VisionRoad Detection System
+                            </h1>
+                        </div>
+                    </div>
+
+                    {/* Project Selection Section */}
+                    <div className="animate-in fade-in slide-in-from-bottom duration-700 delay-150">
+                        <ProjectSelectionSection onSelectionComplete={handleSelectionComplete} />
+                    </div>
+
+                    {/* Footer */}
+                    <div className="mt-12 text-center animate-in fade-in duration-700 delay-300">
+                        <p className="text-sm text-gray-400 dark:text-gray-500">
+                            Sentient Geeks Pvt. Ltd.
+                        </p>
+                    </div>
+                </div>
+            </main>
+        </div>
+    )
+}