Ui cahnges and button linking

This commit is contained in:
2026-04-18 21:53:42 +05:30
parent 174faf5ccd
commit 7cd9585c8f
21 changed files with 292 additions and 210 deletions

View File

@@ -11,6 +11,7 @@ import {
ModuleFeature,
} from "@/services/Constants";
import { useRouter } from "next/navigation";
import DemoModal from "./DemoModal";
const ModuleCard: React.FC<ModuleCardProps> = ({ module, index }) => {
const [isHovered, setIsHovered] = useState<boolean>(false);
@@ -190,21 +191,30 @@ 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">
<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"
variant="outline"
className="border-2 border-white text-slate-600 hover:bg-white/10"
>
Schedule Demo
<ArrowRight className="ml-2 w-5 h-5" />
</Button>
<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>
}
/>
<DemoModal
trigger={
<Button
size="lg"
variant="outline"
className="border-2 border-white text-slate-600 hover:bg-white/10"
>
Schedule Demo
<ArrowRight className="ml-2 w-5 h-5" />
</Button>
}
/>
</div>
</CardContent>
</Card>
@@ -214,4 +224,4 @@ const ModulesSection: React.FC = () => {
);
};
export default ModulesSection;
export default ModulesSection;