refactor: add animations

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

@@ -3,10 +3,11 @@
 import { useRouter } from "next/navigation"
 import dynamic from "next/dynamic"
 import { type SessionContext, saveSession } from "@/lib/api"
-import { TrendingUp } from "lucide-react"
+import { PowerCircle, TrendingUp } from "lucide-react"
 import { PageHeader } from "@/components/page-header"
 import { PoweredBy } from "@/components/powered-by"
 import { ROUTES } from "@/utils/routes"
+import { Reveal } from "@/components/ui/reveal"
 
 const ProjectSelectionSection = dynamic(
     () => import("@/components/project-selection-section").then(mod => mod.ProjectSelectionSection),
@@ -39,13 +40,19 @@ export default function NewAnalysisPage() {
                     </div>
 
                     {/* Project Selection Section */}
-                    <div>
-                        <ProjectSelectionSection onSelectionComplete={handleSelectionComplete} />
-                    </div>
+                    <Reveal delay={0.2} direction="up">
+                        <div>
+                            <ProjectSelectionSection onSelectionComplete={handleSelectionComplete} />
+                        </div>
+                    </Reveal>
 
-                    <PoweredBy />
+
+                    <Reveal delay={0.4}>
+                        <PoweredBy />
+                    </Reveal>
                 </div>
             </main>
         </div>
     )
 }
+