\n {config.successTitle || \"Thank you!\"}\n

\n {config.successMessage || \"We'll send you the slides shortly.\"}\n

\n );\n }\n\n return (\n

\n {config.title || \"Send me the slides\"}\n

\n {config.description && (\n

{config.description}

\n )}\n

\n\n

\n \n Name *\n \n setNameValue(e.target.value)}\n required\n placeholder=\"Your name\"\n className=\"w-full px-5 py-3.5 glass-input text-gray-800 rounded-xl border-2 border-transparent focus:border-last-pink/50 transition-all duration-200 text-base\"\n autoFocus\n />\n

\n\n

\n \n Email *\n \n setEmailValue(e.target.value)}\n required\n placeholder=\"your.email@example.com\"\n className=\"w-full px-5 py-3.5 glass-input text-gray-800 rounded-xl border-2 border-transparent focus:border-last-pink/50 transition-all duration-200 text-base\"\n />\n

\n\n

\n \n Select your preferences *\n \n

\n {checkboxOptions.map((option, index) => (\n \n handleCheckboxChange(option)}\n className=\"mt-0.5 mr-4 w-6 h-6 rounded-lg border-2 border-gray-300 text-last-pink focus:ring-2 focus:ring-last-pink focus:ring-offset-2 cursor-pointer flex-shrink-0 transition-all duration-200 checked:bg-last-pink checked:border-last-pink\"\n />\n \n {option}\n \n \n ))}\n

\n\n checked) || submitting}\n className=\"w-full py-4 px-8 glass-button rounded-xl font-bold text-lg shadow-lg hover:shadow-xl disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200 transform hover:scale-[1.02] active:scale-[0.98] disabled:transform-none mt-8 bg-gradient-to-r from-last-pink to-last-blue text-white\"\n >\n {submitting ? (\n \n \n Submitting...\n \n ) : (\n config.submitButtonText || \"Submit\"\n )}\n \n \n

\n );\n}\n\n","deleted","label",[168,169,170,149],"frontend","components","widgets","permalink","https://www.val.town/x/fwfben/live-talk/code/frontend/components/widgets/EmailCollectionWidget.tsx","extension","actionData","errors"]