chore: import upstream snapshot with attribution

apps/sim/app/(landing)/integrations/(shell)/[slug]/components/integration-cta-button.tsx

@@ -0,0 +1,25 @@
+'use client'
+
+import { Chip } from '@sim/emcn'
+import { AuthModal } from '@/app/(landing)/components/auth-modal/auth-modal'
+import { trackLandingCta } from '@/app/(landing)/track-landing-cta'
+
+interface IntegrationCtaButtonProps {
+  children: React.ReactNode
+  label: string
+}
+
+export function IntegrationCtaButton({ children, label }: IntegrationCtaButtonProps) {
+  return (
+    <AuthModal defaultView='signup' source='integrations'>
+      <Chip
+        variant='primary'
+        onClick={() =>
+          trackLandingCta({ label, section: 'integrations', destination: 'auth_modal' })
+        }
+      >
+        {children}
+      </Chip>
+    </AuthModal>
+  )
+}

apps/sim/app/(landing)/integrations/(shell)/[slug]/components/template-card-button.tsx

@@ -0,0 +1,38 @@
+'use client'
+
+import { cn } from '@sim/emcn'
+import { useRouter } from 'next/navigation'
+import { LandingPromptStorage } from '@/lib/core/utils/browser-storage'
+import { trackLandingCta } from '@/app/(landing)/track-landing-cta'
+
+interface TemplateCardButtonProps {
+  /**
+   * Curated template prompt, already rewritten to `@`-mention form by the
+   * page's server-side `mentionifyPromptForNames` (registry-free, so the
+   * landing client bundle never pulls the full block registry). Stored verbatim
+   * for the home input to consume after signup.
+   */
+  prompt: string
+  className?: string
+  children: React.ReactNode
+}
+
+export function TemplateCardButton({ prompt, className, children }: TemplateCardButtonProps) {
+  const router = useRouter()
+
+  function savePromptAndNavigate() {
+    LandingPromptStorage.store(prompt)
+    trackLandingCta({ label: 'Template card', section: 'integrations', destination: '/signup' })
+    router.push('/signup')
+  }
+
+  return (
+    <button
+      type='button'
+      onClick={savePromptAndNavigate}
+      className={cn('w-full text-left', className)}
+    >
+      {children}
+    </button>
+  )
+}