All tasks are complete. Here's a summary of what was done:

---

### Changes Made

**1. Created `/he...

CCB74DBDB8FF-1A066DC005354A0092031E421E61D1FC

src/components/layout/header.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { Sparkles } from "lucide-react";
 import { buttonVariants } from "@/components/ui/button";
@@ -7,6 +8,8 @@ import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
 export function Header() {
+    const router = useRouter();
+
     return (
         <header className="border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
             <div className="mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
@@ -21,7 +24,9 @@ export function Header() {
                     >
                         Home
                     </Link>
-                    <Button size='sm'>Get Started</Button>
+                    <Button size="sm" onClick={() => router.push("/hello")}>
+                        Get Started
+                    </Button>
                 </nav>
             </div>
         </header>