Ui cahnges and button linking

app/(public)/services/_components/ServiceCTA.tsx

@@ -2,13 +2,12 @@
 
 import { Button } from "@/components/ui/button";
 import { motion } from "framer-motion";
+import DemoModal from "../../_homeComponents/DemoModal";
 
 export default function ServiceCTA() {
   return (
     <section className="py-20 bg-[#2563eb] text-white">
-
       <div className="max-w-6xl mx-auto px-6 text-center">
-
         <motion.h2
           initial={{ opacity: 0, y: 30 }}
           whileInView={{ opacity: 1, y: 0 }}
@@ -23,15 +22,15 @@ export default function ServiceCTA() {
         </p>
 
         <div className="mt-8 flex justify-center gap-4 flex-wrap">
-
-          <Button className="bg-white text-[#2563eb] hover:bg-gray-100 px-8 py-6 text-lg rounded-xl">
-            Start Free Trial
-          </Button>
-
+          <DemoModal
+            trigger={
+              <Button className="bg-white text-[#2563eb] hover:bg-gray-100 px-8 py-6 text-lg rounded-xl">
+                Start Free Trial
+              </Button>
+            }
+          />
         </div>
-
       </div>
-
     </section>
   );
-}
+}