refactor: refactor the color schema

src/app/(modules)/new-analysis/page.tsx

@@ -0,0 +1,51 @@
+"use client"
+
+import { useRouter } from "next/navigation"
+import dynamic from "next/dynamic"
+import { type SessionContext, saveSession } from "@/lib/api"
+import { TrendingUp } from "lucide-react"
+import { PageHeader } from "@/components/page-header"
+import { PoweredBy } from "@/components/powered-by"
+import { ROUTES } from "@/utils/routes"
+
+const ProjectSelectionSection = dynamic(
+    () => import("@/components/project-selection-section").then(mod => mod.ProjectSelectionSection),
+    { ssr: false }
+)
+
+
+export default function NewAnalysisPage() {
+    const router = useRouter()
+
+    const handleSelectionComplete = (session: SessionContext) => {
+        // Save session to storage and navigate to upload page
+        saveSession(session)
+        router.push(ROUTES.UPLOAD)
+    }
+
+    return (
+        <div className="min-h-screen">
+            {/* Main Content */}
+            <main className="min-h-screen">
+
+                <div className="container mx-auto px-6 py-10 max-w-340">
+                    {/* Refined Left-Aligned Header */}
+                    <div className="mb-8">
+                        <PageHeader
+                            title="VisionRoad Detection System"
+                            description="Select project details to begin your AI-powered road infrastructure analysis"
+                            icon={TrendingUp}
+                        />
+                    </div>
+
+                    {/* Project Selection Section */}
+                    <div>
+                        <ProjectSelectionSection onSelectionComplete={handleSelectionComplete} />
+                    </div>
+
+                    <PoweredBy />
+                </div>
+            </main>
+        </div>
+    )
+}