Ui cahnges and button linking
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user