Ui cahnges and button linking

app/(public)/features/page.tsx

@@ -8,6 +8,7 @@ import {
   WorkflowIcon,
 } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import DemoModal from "../_homeComponents/DemoModal";
 
 const FEATURES_DATA = [
   {
@@ -91,12 +92,16 @@ export default function FeaturesPage() {
           Try Winixco now and transform the way your business grows.
         </p>
 
-        <Button
-          size="lg"
-          className="text-lg bg-white text-blue-700 hover:bg-blue-100"
-        >
-          Book a Live Demo
-        </Button>
+        <DemoModal
+          trigger={
+            <Button
+              size="lg"
+              className="text-lg bg-white text-blue-700 hover:bg-blue-100"
+            >
+              Book a Live Demo
+            </Button>
+          }
+        />
       </section>
     </main>
   );