diff --git a/src/components/workshop/cursor/Instructor.tsx b/src/components/workshop/cursor/Instructor.tsx index 252649e79..c2e3fb7ca 100644 --- a/src/components/workshop/cursor/Instructor.tsx +++ b/src/components/workshop/cursor/Instructor.tsx @@ -37,19 +37,6 @@ export default function Instructor() { height={300} className="rounded-lg" /> - diff --git a/src/components/workshop/cursor/SignUpForm.tsx b/src/components/workshop/cursor/SignUpForm.tsx index db91fe116..81687f3ec 100644 --- a/src/components/workshop/cursor/SignUpForm.tsx +++ b/src/components/workshop/cursor/SignUpForm.tsx @@ -1,11 +1,8 @@ 'use client' -import {useState, useRef, forwardRef, useImperativeHandle} from 'react' -import {Button} from './ui/button' -import {Input} from './ui/input' +import {forwardRef} from 'react' import {motion} from 'framer-motion' -import useCio from '@/hooks/use-cio' -import {trpc} from '@/app/_trpc/client' +import {Widget} from '@typeform/embed-react' import {fadeInUp} from './animations' export interface SignUpFormRef { @@ -13,59 +10,6 @@ export interface SignUpFormRef { } const SignUpForm = forwardRef((props, ref) => { - const [email, setEmail] = useState('') - const [isSubmitting, setIsSubmitting] = useState(false) - const [isSuccess, setIsSuccess] = useState(false) - const {subscriber} = useCio() - const emailInputRef = useRef(null) - const identify = trpc.customerIO.identify.useMutation({ - onSuccess: (data) => { - setIsSuccess(true) - }, - onError: (error) => { - console.log('ERROR', error) - }, - }) - - const handleSubmit = async (e: React.FormEvent) => { - e.preventDefault() - - if (isSubmitting) return - - setIsSubmitting(true) - let subscriberId = subscriber?.id - - try { - console.log('Submitting email:', email) - const currentDateTime = Math.floor(Date.now() * 0.001) - - if (!subscriberId) { - identify.mutateAsync({ - email, - selectedInterests: {cursor_5day_workshop_waitlist: currentDateTime}, - }) - } else { - identify.mutateAsync({ - id: subscriberId, - selectedInterests: {cursor_5day_workshop_waitlist: currentDateTime}, - }) - } - - setEmail('') - console.log('Successfully submitted email') - } catch (error) { - console.error('Failed to submit:', error) - } finally { - setIsSubmitting(false) - } - } - - useImperativeHandle(ref, () => ({ - focus: () => { - emailInputRef.current?.focus() - }, - })) - return (
@@ -75,60 +19,19 @@ const SignUpForm = forwardRef((props, ref) => { transition={fadeInUp.transition} className="max-w-2xl mx-auto" > - {isSuccess ? ( - -

- Thanks for Joining! -

-

- We'll keep you updated about the workshop. Check your inbox for - a confirmation email. -

-
- ) : ( - <> -

- Ready to Transform Your Cursor Workflow? -

-

- Secure your seat in this 5-day, hands-on workshop designed to - level up your development process. Overcome the frustration of - complex integrations, learn to handle failures gracefully, and - discover powerful planning strategies to keep you shipping code - with confidence. -

-
-
- setEmail(e.target.value)} - required - disabled={isSubmitting} - className="flex-grow bg-gray-50 dark:bg-gray-800/50 dark:border-gray-800 border-gray-200 text-gray-900 dark:text-white placeholder:text-gray-500" - /> - -
-
-

- We'll only send you essential info about the course—no - spam. -

- - )} +

+ Ready to Transform Your Cursor Workflow? +

+

+ Request a seat in this 5-day, hands-on workshop designed to level up + your development process. Overcome the frustration of complex + integrations, learn to handle failures gracefully, and discover + powerful planning strategies to keep you shipping code with + confidence. +

+
+ +
diff --git a/src/components/workshop/cursor/styles.css b/src/components/workshop/cursor/styles.css index 6c370f5f7..8cd2adda8 100644 --- a/src/components/workshop/cursor/styles.css +++ b/src/components/workshop/cursor/styles.css @@ -79,4 +79,15 @@ color: red !important; background: none !important; -webkit-text-fill-color: red !important; -} \ No newline at end of file +} + +div[class^='tweet-actions'], +div[class^='tweet-replies'] { + display: none !important; +} + +div[class^='tweet-info'] { + margin-top: 0.75rem !important; + justify-content: center !important; + align-items: center !important; +} \ No newline at end of file