Ui cahnges and button linking

app/(public)/hrms/_components/FinalCTA.tsx

@@ -4,9 +4,7 @@ import React from "react";
 import { motion } from "framer-motion";
 import { Button } from "@/components/ui/button";
 import { hrms } from "@/services/Constants";
-
-
-
+import DemoModal from "../../_homeComponents/DemoModal";
 
 const FinalCTA: React.FC = () => {
   return (
@@ -54,16 +52,20 @@ const FinalCTA: React.FC = () => {
           viewport={{ once: true }}
           className="mt-10"
         >
-          <Button
-            size="lg"
-            className="px-10 py-6 text-lg font-semibold bg-white text-blue-700 hover:bg-gray-100 hover:scale-105 transition-all rounded-xl shadow-lg"
-          >
-            {hrms.FINAL_CTA.ctaText}
-          </Button>
+          <DemoModal
+            trigger={
+              <Button
+                size="lg"
+                className="px-10 py-6 text-lg font-semibold bg-white text-blue-700 hover:bg-gray-100 hover:scale-105 transition-all rounded-xl shadow-lg"
+              >
+                {hrms.FINAL_CTA.ctaText}
+              </Button>
+            }
+          />
         </motion.div>
       </div>
     </section>
   );
 };
 
-export default FinalCTA
+export default FinalCTA;