diff --git a/app/(public)/_homeComponents/Modules.tsx b/app/(public)/_homeComponents/Modules.tsx
index 36cc756..36b454c 100644
--- a/app/(public)/_homeComponents/Modules.tsx
+++ b/app/(public)/_homeComponents/Modules.tsx
@@ -134,6 +134,7 @@ const ModuleCard: React.FC<ModuleCardProps> = ({ module, index }) => {
 };
 
 const ModulesSection: React.FC = () => {
+  const router = useRouter();
   return (
     <section className="py-16 md:py-16 bg-gradient-to-b from-white via-[#c3dbe0]/30 to-white relative overflow-hidden">
       {/* Decorative background */}
@@ -191,17 +192,14 @@ const ModulesSection: React.FC = () => {
                 Get started with all modules and experience seamless integration
               </p>
               <div className="flex flex-col sm:flex-row gap-4 justify-center">
-                <DemoModal
-                  trigger={
-                    <Button
-                      size="lg"
-                      className="bg-white text-[#2563eb] hover:bg-gray-100 font-semibold"
-                    >
-                      Start Free Trial
-                      <Sparkles className="ml-2 w-5 h-5" />
-                    </Button>
-                  }
-                />
+                <Button
+                  size="lg"
+                  className="bg-white text-[#2563eb] hover:bg-gray-100 font-semibold"
+                  onClick={()=>router.push("https://app.winixco.com/plans")}
+                >
+                  Start Free Trial
+                  <Sparkles className="ml-2 w-5 h-5" />
+                </Button>
 
                 <DemoModal
                   trigger={