39 lines
1.6 KiB
TypeScript
39 lines
1.6 KiB
TypeScript
/* eslint-disable @next/next/no-img-element */
|
||
import { useModalStore } from "@/stores/useModalStore";
|
||
import { motion } from "framer-motion";
|
||
import { PrimeModal } from "../modals/PrimeModal";
|
||
|
||
export function AnaliticsCard({ slide }: { slide: number }) {
|
||
const { setModal } = useModalStore();
|
||
|
||
return (
|
||
<motion.div
|
||
animate={{
|
||
opacity: +(slide > 11),
|
||
bottom: slide > 11 ? "21.842vh" : "93.684vh",
|
||
}}
|
||
onClick={() =>
|
||
setModal(
|
||
<PrimeModal
|
||
categoryTitle="Опции"
|
||
title="Аналитика поведения пользователя во время презентации"
|
||
text="Речевая аналитика позволяет совершенствовать отдел продаж, выявляя «болевые» точки общения, улучшать скрипты и грамотно обучать персонал, что приводит к росту конверсии."
|
||
packages={["Премиум", "Бизнес"]}
|
||
src="/img/pages/prime/analyse.png"
|
||
/>
|
||
)
|
||
}
|
||
className="p-[1.389vw] -translate-y-[1.389vw] rounded-[1.389vw] absolute bg-[#37393B99] right-[1.667vw] w-[15.486vw] h-[28.816vh] flex flex-col justify-between cursor-pointer"
|
||
>
|
||
<img
|
||
src="/img/pages/prime/analyse.png"
|
||
className="w-[12.708vw] self-end"
|
||
alt=""
|
||
/>
|
||
<p className="btns font-medium">
|
||
Аналитика поведения пользователя во время презентации
|
||
</p>
|
||
</motion.div>
|
||
);
|
||
}
|