"use client" import { ArrowRight, X } from 'lucide-react'; import React, { useRef, useState } from 'react' export default function SignUpModal(){ const [isModalOpen, setIsModalOpen] = useState(false); const openModal = ()=> setIsModalOpen(true); const closeModal = ()=> setIsModalOpen(false); return(

) } type SignUpModalCardProps = { isOpen: boolean; onClose: ()=> void; } const SignUpModalCard = ({isOpen, onClose}:SignUpModalCardProps)=> { const modalRef = useRef(null) // to also close when clicking outside the modal card space const closeOnOutside = (e:React.MouseEvent)=> { if(e.target === modalRef.current) onClose() } if(!isOpen) return null; return(

e.stopPropagation()} > {/* Left side - Sign in form */}

Lets get started

By signing up, you confirm that you agree to our terms, license agreement and privacy policy.

License | Privacy Policy | Terms

{/* Right side - Marketing content */}

{Array.from({ length: 100 }).map((_, i) => (

))}

A well-tailored selection.

5,000+ Continental, agents, and startups have used our services with full satisfaction

T truly exquisite tasting — robust, balanced, with just the right notes for close quarters and continental affairs.

~ Jonathan Wick

{/* Close button */}

) }