Ui cahnges and button linking

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

@@ -1,8 +1,17 @@
 "use client";
 import React from "react";
 import { motion } from "framer-motion";
-import { CheckCircle, Rocket, Shield, Zap, MessageCircle, Calendar, Clock } from "lucide-react";
+import {
+  CheckCircle,
+  Rocket,
+  Shield,
+  Zap,
+  MessageCircle,
+  Calendar,
+  Clock,
+} from "lucide-react";
 import Link from "next/link";
+import DemoModal from "../../_homeComponents/DemoModal";
 
 // Feature data
 const features = [
@@ -14,7 +23,6 @@ const features = [
   { text: "Real-time analytics and reporting", icon: Clock }, // New feature added
 ];
 
-
 const ChooseWinixco = () => {
   return (
     <section className="py-24 px-6 bg-white">
@@ -50,7 +58,6 @@ const ChooseWinixco = () => {
   );
 };
 
-
 // Contact CTA Section
 const WeLoveToHearFromYou = () => {
   return (
@@ -67,8 +74,9 @@ const WeLoveToHearFromYou = () => {
         </h2>
 
         <p className="text-gray-600 mt-6 text-lg">
-          Your message helps us understand your business better — and deliver the right solution.
-          Let’s build something powerful for your organisation.
+          Your message helps us understand your business better — and deliver
+          the right solution. Let’s build something powerful for your
+          organisation.
         </p>
 
         {/* CTA Buttons */}
@@ -80,16 +88,20 @@ const WeLoveToHearFromYou = () => {
             👉 Send Message
           </Link>
 
-          <Link
-            href="#book-demo"
-            className="px-8 py-4 text-lg font-semibold rounded-xl border-2 border-blue-600 text-[#2563eb] hover:bg-purple-50 transition-all hover:scale-105"
-          >
-            👉 Book a Demo
-          </Link>
+          <DemoModal
+            trigger={
+              <Link
+                href=""
+                className="px-8 py-4 text-lg font-semibold rounded-xl border-2 border-blue-600 text-[#2563eb] hover:bg-purple-50 transition-all hover:scale-105"
+              >
+                👉 Book a Demo
+              </Link>
+            }
+          />
         </div>
       </motion.div>
     </section>
   );
 };
 
-export { ChooseWinixco, WeLoveToHearFromYou };
+export { ChooseWinixco, WeLoveToHearFromYou };