Ui cahnges and button linking

app/(public)/contact/_components/PartnerWithUs.tsx

@@ -3,6 +3,7 @@ import React from "react";
 import { motion } from "framer-motion";
 import { BadgeCheck, Handshake, Globe, Layers } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { useRouter } from "next/navigation";
 
 const partnerships = [
   "White-label & reseller partnership",
@@ -12,6 +13,7 @@ const partnerships = [
 ];
 
 const PartnerWithUsSection = () => {
+  const router = useRouter();
   return (
     <section className="relative py-24 px-6 bg-white overflow-hidden">
       <motion.div
@@ -57,7 +59,7 @@ const PartnerWithUsSection = () => {
           animate={{ opacity: 1, scale: 1 }}
           className="mt-12"
         >
-          <Button className="px-10 py-5 text-lg bg-[#2563eb] text-white font-bold rounded-xl shadow-lg hover:bg-blue-700 hover:scale-105 transition-all">
+          <Button className="px-10 py-5 text-lg bg-[#2563eb] text-white font-bold rounded-xl shadow-lg hover:bg-blue-700 hover:scale-105 transition-all" onClick={()=>router.push("#contact-form")}>
             Become a Partner
           </Button>
         </motion.div>