Ui cahnges and button linking

app/(public)/careers/page.tsx

@@ -7,6 +7,7 @@ import {
   HeartHandshake,
   ArrowRight,
 } from "lucide-react";
+import { useRouter } from "next/navigation";
 import Link from "next/link";
 
 const openRoles = [
@@ -37,6 +38,7 @@ const openRoles = [
 ];
 
 export default function Careers() {
+  const router = useRouter();
   return (
     <div className="min-h-screen bg-gray-50 text-gray-900">
       {/* HERO */}
@@ -112,7 +114,7 @@ export default function Careers() {
                 </div>
 
                 <Link
-                  href="/apply"
+                  href="https://jobs.winixco.com/"
                   className="text-blue-600 font-medium flex items-center gap-2 hover:gap-3 transition-all"
                 >
                   Apply Now <ArrowRight className="w-4 h-4" />