New Sponsor Application

A new sponsor application has been received:

Business Information:

Business Name: ${formData.businessName}
Contact Name: ${formData.contactName}
Email: ${formData.email}
Phone: ${formData.phone}
Website: ${formData.website || "Not provided"}

Campaign Details:

Business Type: ${formData.businessType}
Ad Budget: $${formData.adBudget}
Wants Video: ${formData.wantsVideo ? "Yes" : "No"}

Please respond to this application at your earliest convenience.

` }) }); const emailResult = await emailResponse.json(); if (!emailResponse.ok || emailResult.error) { console.error("Failed to send notification email:", emailResult.error); setSuccess(true); setError( "Your application was submitted successfully, but there was an issue sending the notification email. Don't worry - we'll still review your application!" ); return; } setSuccess(true); } catch (err) { console.error("Submission error:", err); setError( "Failed to submit application. Please try again or contact jesse@mrbray.com directly." ); } finally { setLoading(false); } }; return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` @import url('https://fonts.googleapis.com/css2?family=Calistoga&display=swap'); .paper-texture { background-color: #f4f1ea; background-image: linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px), url("https://ucarecdn.com/05891016-5a8d-4e8f-8e8c-3063950c736d/-/preview/938x432/-/quality/smart/-/format/auto/"); background-size: 20px 20px, 20px 20px, cover; background-position: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: relative; } .paper-texture::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(244, 241, 234, 0.92); z-index: 0; } .tim-pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://ucarecdn.com/0df342b0-1fb1-4161-9ebb-49f630f5002c/-/format/auto/"); background-size: 100px 100px; background-repeat: repeat; opacity: 0.1; z-index: 1; pointer-events: none; } .wooden-text { background: linear-gradient(45deg, #8B5E3C 0%, #A67C52 50%, #8B5E3C 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } .wooden-grain { background: linear-gradient(45deg, #5D3A1A 0%, #8B5E3C 50%, #5D3A1A 100%); border: 3px solid #3D2712; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3); } .wooden-border { border-radius: 0.75rem; position: relative; } .wooden-border::after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 0.75rem; pointer-events: none; } .wooden-input { background: linear-gradient(45deg, #3D2712 0%, #5D3A1A 100%); border: 2px solid #2A1B0C; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2); } .wooden-input::placeholder { color: rgba(255, 255, 255, 0.5); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .wooden-input:focus { outline: none; border-color: #8B5E3C; background: linear-gradient(45deg, #4D3219 0%, #6D4A2A 100%); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(139, 94, 60, 0.3); } .wooden-select { background: linear-gradient(45deg, #3D2712 0%, #5D3A1A 100%); border: 2px solid #2A1B0C; color: white; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.4); appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; } .wooden-select option { background: #3D2712; color: white; } .form-container { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .section-header { background: linear-gradient(45deg, #8B5E3C 0%, #A67C52 50%, #8B5E3C 100%); border: 2px solid #5D3A1A; padding: 0.5rem 1rem; border-radius: 0.5rem; margin-bottom: 1rem; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2); } .form-label { background: linear-gradient(45deg, #8B5E3C 0%, #A67C52 50%, #8B5E3C 100%); border: 2px solid #5D3A1A; padding: 0.25rem 0.75rem; border-radius: 0.375rem; display: inline-block; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2); } .wooden-button { background: linear-gradient(45deg, #8B5E3C 0%, #A67C52 50%, #8B5E3C 100%); border: 3px solid #3D2712; color: white; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3); transition: all 0.2s ease; } .wooden-button:hover { background: linear-gradient(45deg, #A67C52 0%, #C89B73 50%, #A67C52 100%); transform: translateY(-2px); box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.3), 0 6px 10px rgba(0, 0, 0, 0.4); } .wooden-button:active { transform: translateY(1px); box-shadow: inset 0 -2px 4px rgba(255, 255, 255, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.2); } .wooden-button:disabled { background: linear-gradient(45deg, #6d4b2d 0%, #8B5E3C 50%, #6d4b2d 100%); opacity: 0.7; cursor: not-allowed; transform: none; box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.1), inset 0 -2px 4px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); } `), /* @__PURE__ */ React.createElement("div", { className: "min-h-screen paper-texture" }, /* @__PURE__ */ React.createElement("header", { className: "wooden-grain p-6 shadow-lg relative mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-center items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-6" }, /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-black/20 rounded-full" }), /* @__PURE__ */ React.createElement( "img", { src: "https://ucarecdn.com/0df342b0-1fb1-4161-9ebb-49f630f5002c/-/format/auto/", alt: "Tennessee Tim", className: "w-20 h-20 object-cover rounded-full relative z-10", style: { filter: "drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4))", animation: "rockClockwise 1.5s ease-in-out infinite" } } )), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement( "h1", { className: "text-white text-4xl font-calistoga mb-2", style: { textShadow: "0 2px 4px rgba(0, 0, 0, 0.5)" } }, "TimTalk Sponsorship" ), /* @__PURE__ */ React.createElement( "p", { className: "text-white text-xl font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.5)" } }, "Hitch yer wagon to the South's chattiest partner" ))))), /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto p-6 relative z-10" }, /* @__PURE__ */ React.createElement("div", { className: "wooden-grain wooden-border rounded-lg shadow-lg p-8 relative" }, success ? /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement( "div", { className: "text-3xl font-calistoga text-white mb-4", style: { textShadow: "0 2px 4px rgba(0, 0, 0, 0.3)" } }, "Thank you for your application!" ), /* @__PURE__ */ React.createElement( "p", { className: "text-xl text-white/90 mb-6 font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "We'll be in touch soon." ), /* @__PURE__ */ React.createElement( "a", { href: "/", className: "wooden-button px-6 py-3 rounded-xl inline-block font-calistoga" }, "Return Home" )) : /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "h2", { className: "section-header text-2xl font-calistoga text-white", style: { textShadow: "0 2px 4px rgba(0, 0, 0, 0.3)" } }, "Business Information" ), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Business Name*" ), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "businessName", value: formData.businessName, onChange: handleChange, required: true, className: "w-full mt-2 p-3 rounded-lg wooden-input font-calistoga", placeholder: "Your business name" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Contact Name*" ), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "contactName", value: formData.contactName, onChange: handleChange, required: true, className: "w-full mt-2 p-3 rounded-lg wooden-input font-calistoga", placeholder: "Your name" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Email*" ), /* @__PURE__ */ React.createElement( "input", { type: "email", name: "email", value: formData.email, onChange: handleChange, required: true, className: "w-full mt-2 p-3 rounded-lg wooden-input font-calistoga", placeholder: "your@email.com" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Phone*" ), /* @__PURE__ */ React.createElement( "input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, required: true, className: "w-full mt-2 p-3 rounded-lg wooden-input font-calistoga", placeholder: "(555) 555-5555" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Website" ), /* @__PURE__ */ React.createElement( "input", { type: "text", name: "website", value: formData.website, onChange: handleChange, className: "w-full mt-2 p-3 rounded-lg wooden-input font-calistoga", placeholder: "www.example.com" } )))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "h2", { className: "section-header text-2xl font-calistoga text-white", style: { textShadow: "0 2px 4px rgba(0, 0, 0, 0.3)" } }, "Campaign Details" ), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Business Type*" ), /* @__PURE__ */ React.createElement( "select", { name: "businessType", value: formData.businessType, onChange: handleChange, required: true, className: "w-full mt-2 p-3 rounded-lg wooden-select font-calistoga" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select type"), /* @__PURE__ */ React.createElement("option", { value: "product" }, "Product"), /* @__PURE__ */ React.createElement("option", { value: "service" }, "Service"), /* @__PURE__ */ React.createElement("option", { value: "brand" }, "Brand Awareness") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "label", { className: "form-label text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Ad Budget (4 weeks)*" ), /* @__PURE__ */ React.createElement( "select", { name: "adBudget", value: formData.adBudget, onChange: handleChange, required: true, className: "w-full mt-2 p-3 rounded-lg wooden-select font-calistoga" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Select budget"), /* @__PURE__ */ React.createElement("option", { value: "250" }, "$250 - Basic Package"), /* @__PURE__ */ React.createElement("option", { value: "500" }, "$500 - Premium Package"), /* @__PURE__ */ React.createElement("option", { value: "750" }, "$750 - Elite Package") )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 p-3 rounded-lg wooden-input" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", name: "wantsVideo", checked: formData.wantsVideo, onChange: handleChange, className: "h-5 w-5 rounded border-white/30" } ), /* @__PURE__ */ React.createElement( "label", { className: "text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "Include video content (+$250-500)" )))), /* @__PURE__ */ React.createElement("div", { className: "wooden-grain wooden-border p-6 rounded-lg" }, /* @__PURE__ */ React.createElement( "h3", { className: "text-xl font-calistoga text-white mb-3", style: { textShadow: "0 2px 4px rgba(0, 0, 0, 0.3)" } }, "Important Notes:" ), /* @__PURE__ */ React.createElement( "ul", { className: "text-white/90 font-calistoga space-y-2", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, /* @__PURE__ */ React.createElement("li", null, `\u2022 All ads will be "Tim-ified" to match our platform's style`), /* @__PURE__ */ React.createElement("li", null, "\u2022 $75 refundable deposit required upon approval"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Video pricing varies based on length and complexity") )), error && /* @__PURE__ */ React.createElement("div", { className: "wooden-grain p-4 rounded-lg" }, /* @__PURE__ */ React.createElement( "p", { className: "text-white text-center font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, error )), /* @__PURE__ */ React.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React.createElement( "button", { type: "submit", disabled: loading, className: "wooden-button px-8 py-4 rounded-xl text-xl font-calistoga" }, loading ? /* @__PURE__ */ React.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fa-solid fa-spinner fa-spin mr-2" }), "Submitting...") : "Submit Application" ))))), /* @__PURE__ */ React.createElement("footer", { className: "wooden-grain wooden-border p-4 mt-8 text-center" }, /* @__PURE__ */ React.createElement( "p", { className: "text-white font-calistoga", style: { textShadow: "0 1px 2px rgba(0, 0, 0, 0.3)" } }, "\xA9 2025 TimTalk - A Mr. Bray Labs Production" )))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();