diff --git a/src/components/LandingPage/PreSignUpModal.tsx b/src/components/LandingPage/PreSignUpModal.tsx new file mode 100644 index 000000000..0368637ee --- /dev/null +++ b/src/components/LandingPage/PreSignUpModal.tsx @@ -0,0 +1,65 @@ +import { Modal } from '@components/Modal/Modal'; +import type React from 'react'; +import { Text } from './Text'; +import { useDeployAgentCta } from '@hooks/useDeployAgentCta'; + +type PreSignUpModalProps = { + isOpen: boolean; + avatar: string; + name: string; + closeModal: () => void; +}; + +export const PreSignUpModal: React.FC = ({ + isOpen, + avatar, + name, + closeModal, +}) => { + const { deployAgentCta } = useDeployAgentCta(); + + const handleClick = async () => { + deployAgentCta(); + await new Promise((r) => setTimeout(r, 400)); + closeModal(); + }; + + return ( + + Agent avatar +
+ + {name} is waiting for you! + + + Sign in or sign up to reach your full potential with Fleek. + +
+
+ + +
+
+ ); +};