From 8b85b3c0e1224aac415e9a753d4a61168fc03480 Mon Sep 17 00:00:00 2001
From: Quinn Ftw <QuinnFtw@proton.me>
Date: Sun, 28 Dec 2025 21:38:15 -0800
Subject: [PATCH] feat(landing): integrate login context into CTAModal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Complete CTAModal login integration:
- Update CTAModal.tsx to use new login context
- Export login context from contexts/index.ts

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../landing/frontend/src/components/CTAModal/CTAModal.tsx   | 6 +++++-
 .../frontend/src/components/CTAModal/contexts/index.ts      | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/features/landing/frontend/src/components/CTAModal/CTAModal.tsx b/features/landing/frontend/src/components/CTAModal/CTAModal.tsx
index 4db7d7b04..c9fdc3deb 100644
--- a/features/landing/frontend/src/components/CTAModal/CTAModal.tsx
+++ b/features/landing/frontend/src/components/CTAModal/CTAModal.tsx
@@ -13,7 +13,8 @@ import { Link } from 'react-router-dom'
 import { useSoundEngine } from '@ui/effects-sound'
 
 import { useCTAModal } from './hooks/useCTAModal'
-import { getRegistrationConfig, getInvestorConfig, getContactConfig, getNewsletterConfig } from './contexts'
+import { useModalRouting } from './hooks/useModalRouting'
+import { getRegistrationConfig, getLoginConfig, getInvestorConfig, getContactConfig, getNewsletterConfig } from './contexts'
 import { urls } from '../../config'
 import { FEATURE_WAITLISTS } from '../../data/featureWaitlists'
 import { Routes } from '../../routes'
@@ -346,12 +347,15 @@ export default function CTAModal({ context, onClose }: CTAModalProps) {
   const modalRef = useRef<HTMLDivElement>(null)
   const previousFocusRef = useRef<HTMLElement | null>(null)
   const playSound = useSoundEngine()
+  const { openLogin, openRegister } = useModalRouting()
 
   // Get form configuration based on context
   const config = useMemo((): FormConfig => {
     switch (context.type) {
       case 'register':
         return getRegistrationConfig(context.userType)
+      case 'login':
+        return getLoginConfig(context.userType)
       case 'investor':
         return getInvestorConfig()
       case 'contact':
diff --git a/features/landing/frontend/src/components/CTAModal/contexts/index.ts b/features/landing/frontend/src/components/CTAModal/contexts/index.ts
index 222a25882..8c9c81065 100644
--- a/features/landing/frontend/src/components/CTAModal/contexts/index.ts
+++ b/features/landing/frontend/src/components/CTAModal/contexts/index.ts
@@ -6,6 +6,7 @@
 
 export { getInfoPanelConfig } from './info'
 export { getRegistrationConfig } from './registration'
+export { getLoginConfig } from './login'
 export { getInvestorConfig } from './investor'
 export { getContactConfig } from './contact'
 export { getNewsletterConfig } from './newsletter'