function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const [email, setEmail] = useState(""); const [phone, setPhone] = useState(""); const [affiliations, setAffiliations] = useState([]); const [classYear, setClassYear] = useState(""); const [studentStatus, setStudentStatus] = useState(""); const [location, setLocation] = useState(""); const [note, setNote] = useState(""); const [showSuccess, setShowSuccess] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const [isAffiliationOpen, setIsAffiliationOpen] = useState(false); const [isStatusOpen, setIsStatusOpen] = useState(false); const [investmentInterest, setInvestmentInterest] = useState(""); const [isInvestmentOpen, setIsInvestmentOpen] = useState(false); const affiliationOptions = [ "HBS", "Harvard College", "HLS", "Other", "NONE" ]; const studentStatusOptions = [ "Student", "Alumni", "N/A" ]; const investmentOptions = [ "Yes", "No", "Maybe" ]; const handleAffiliationChange = (affiliation)=>{ if (affiliations.includes(affiliation)) { setAffiliations(affiliations.filter((a)=>a !== affiliation)); } else { setAffiliations([ ...affiliations, affiliation ]); } }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!firstName || !lastName || !email || !investmentInterest) { alert("Please fill in all required fields"); return; } setIsSubmitting(true); try { const response = await fetch("/api/communitytoairtable", { method: "POST", body: JSON.stringify({ first_name: firstName, last_name: lastName, note, email, phone, location, class_year: classYear, affiliations: affiliations.join(", "), submission_date: new Date().toISOString(), student_or_alumni: studentStatus, investment_interest: investmentInterest }) }); if (!response.ok) { throw new Error("Failed to submit form"); } setShowSuccess(true); setFirstName(""); setLastName(""); setEmail(""); setPhone(""); setAffiliations([]); setClassYear(""); setStudentStatus(""); setLocation(""); setNote(""); setInvestmentInterest(""); setTimeout(()=>{ setShowSuccess(false); }, 3000); } catch (error) { console.error("Error submitting form:", error); } finally{ setIsSubmitting(false); } }; React.useEffect(()=>{ const handleClickOutside = ()=>{ setIsAffiliationOpen(false); setIsStatusOpen(false); setIsInvestmentOpen(false); }; window.addEventListener("click", handleClickOutside); return ()=>{ window.removeEventListener("click", handleClickOutside); }; }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#fefaef] text-black font-inter text-sm", __source: { fileName: "", lineNumber: 95, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full bg-[#fefaef] z-50", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-24", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/949db6a8-ac17-4a3c-bf8f-71631353beab/-/format/auto/", alt: "Phoenix Fund Logo", className: "h-10", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-12", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 115, columnNumber: 15 }, __self: this }, "ABOUT"), /*#__PURE__*/ React.createElement("a", { href: "/why-harvard", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, "WHY HARVARD"), /*#__PURE__*/ React.createElement("a", { href: "/team", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "TEAM"), /*#__PURE__*/ React.createElement("a", { href: "/portfolio", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "PORTFOLIO"), /*#__PURE__*/ React.createElement("a", { href: "https://phoenixfundresearch.substack.com/", target: "_blank", rel: "noopener noreferrer", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "RESEARCH"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 147, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/contact", className: "border border-black text-black px-4 py-1 text-sm rounded-full hover:bg-black hover:text-white", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, "CONTACT"), /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/submit-a-deal", className: "bg-black text-white px-4 py-1 text-sm rounded-full hover:bg-[#333333]", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, "SUBMIT A DEAL"))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "text-black text-xl", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 169, columnNumber: 17 }, __self: this }))))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-[#fefaef]", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-4 pb-6 space-y-3", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "block py-2 text-sm text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, "ABOUT"), /*#__PURE__*/ React.createElement("a", { href: "/why-harvard", className: "block py-2 text-sm text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }, "WHY HARVARD"), /*#__PURE__*/ React.createElement("a", { href: "/team", className: "block py-2 text-sm text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, "TEAM"), /*#__PURE__*/ React.createElement("a", { href: "/portfolio", className: "block py-2 text-sm text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 195, columnNumber: 15 }, __self: this }, "PORTFOLIO"), /*#__PURE__*/ React.createElement("a", { href: "https://phoenixfundresearch.substack.com/", target: "_blank", rel: "noopener noreferrer", className: "block py-2 text-sm text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 201, columnNumber: 15 }, __self: this }, "RESEARCH"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block w-full text-left py-2 text-sm text-black hover:text-[#333333] rounded-full border border-black px-4", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, "CONTACT"), /*#__PURE__*/ React.createElement("a", { href: "/submit-a-deal", className: "block w-full text-left py-2 text-sm text-white bg-black hover:bg-[#333333] rounded-full px-4", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, "SUBMIT A DEAL")))), /*#__PURE__*/ React.createElement("div", { className: "pt-32 pb-24 max-w-3xl mx-auto px-4", __source: { fileName: "", lineNumber: 226, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-serif text-center mb-4", __source: { fileName: "", lineNumber: 227, columnNumber: 9 }, __self: this }, "Learn more about the", " ", /*#__PURE__*/ React.createElement("span", { className: "italic block md:inline mt-2 md:mt-0", __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, "Phoenix Community")), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 text-sm mb-6", __source: { fileName: "", lineNumber: 233, columnNumber: 9 }, __self: this }, "We're a community of hundreds of alumni, founders, and investors passionate about backing the generation of iconic Harvard-founded startups! Please complete the form below to learn more about us."), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-500 text-xs mb-12", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, "We look forward to sharing details with you soon!"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 242, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 243, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", placeholder: "First name", value: firstName, onChange: (e)=>setFirstName(e.target.value), required: true, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base", __source: { fileName: "", lineNumber: 244, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", placeholder: "Last Name", value: lastName, onChange: (e)=>setLastName(e.target.value), required: true, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", value: email, onChange: (e)=>setEmail(e.target.value), required: true, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base", __source: { fileName: "", lineNumber: 263, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Phone Number", value: phone, onChange: (e)=>setPhone(e.target.value), className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base", __source: { fileName: "", lineNumber: 272, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 280, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-600", __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }, "Harvard Affiliation"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mb-2", __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, "Please note that attending a Harvard school is NOT a requirement to join Phoenix."), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: (e)=>{ e.preventDefault(); e.stopPropagation(); setIsAffiliationOpen(!isAffiliationOpen); }, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base text-left flex justify-between items-center", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 298, columnNumber: 17 }, __self: this }, affiliations.length > 0 ? affiliations.join(", ") : "Select affiliations"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${isAffiliationOpen ? "up" : "down"}`, __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this })), isAffiliationOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, affiliationOptions.map((affiliation)=>/*#__PURE__*/ React.createElement("div", { key: affiliation, className: "px-4 py-2 hover:bg-gray-100 cursor-pointer flex items-center", onClick: (e)=>{ e.stopPropagation(); handleAffiliationChange(affiliation); }, __source: { fileName: "", lineNumber: 313, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: affiliations.includes(affiliation), onChange: ()=>{}, className: "mr-2", __source: { fileName: "", lineNumber: 321, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-base text-gray-600", __source: { fileName: "", lineNumber: 327, columnNumber: 23 }, __self: this }, affiliation)))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 336, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 337, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: (e)=>{ e.preventDefault(); e.stopPropagation(); setIsStatusOpen(!isStatusOpen); }, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base text-left flex justify-between items-center", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this }, studentStatus || "Student or Alumni"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${isStatusOpen ? "up" : "down"}`, __source: { fileName: "", lineNumber: 348, columnNumber: 17 }, __self: this })), isStatusOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, studentStatusOptions.map((status)=>/*#__PURE__*/ React.createElement("div", { key: status, className: "px-4 py-2 hover:bg-gray-100 cursor-pointer", onClick: (e)=>{ e.stopPropagation(); setStudentStatus(status); setIsStatusOpen(false); }, __source: { fileName: "", lineNumber: 358, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-base text-gray-600", __source: { fileName: "", lineNumber: 367, columnNumber: 23 }, __self: this }, status))))), /*#__PURE__*/ React.createElement("input", { type: "text", name: "classYear", placeholder: "Class Year", value: classYear, onChange: (e)=>setClassYear(e.target.value), className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base", __source: { fileName: "", lineNumber: 373, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", placeholder: "Where are you based?", value: location, onChange: (e)=>setLocation(e.target.value), className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base", __source: { fileName: "", lineNumber: 382, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 390, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, "Would you like access to invest in top Harvard-founded startups? *"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: (e)=>{ e.preventDefault(); e.stopPropagation(); setIsInvestmentOpen(!isInvestmentOpen); }, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 text-base text-left flex justify-between items-center", __source: { fileName: "", lineNumber: 394, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }, investmentInterest || "Select an option (required)"), /*#__PURE__*/ React.createElement("i", { className: `fas fa-chevron-${isInvestmentOpen ? "up" : "down"}`, __source: { fileName: "", lineNumber: 404, columnNumber: 15 }, __self: this })), isInvestmentOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 409, columnNumber: 15 }, __self: this }, investmentOptions.map((option)=>/*#__PURE__*/ React.createElement("div", { key: option, className: "px-4 py-2 hover:bg-gray-100 cursor-pointer", onClick: (e)=>{ e.stopPropagation(); setInvestmentInterest(option); setIsInvestmentOpen(false); }, __source: { fileName: "", lineNumber: 414, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-base text-gray-600", __source: { fileName: "", lineNumber: 423, columnNumber: 21 }, __self: this }, option))))), /*#__PURE__*/ React.createElement("textarea", { name: "note", placeholder: "Please leave us a quick note!", value: note, onChange: (e)=>setNote(e.target.value), required: true, className: "w-full px-4 py-2 rounded-lg bg-white border border-gray-200 h-32 text-base", __source: { fileName: "", lineNumber: 429, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-[#600000] text-white py-3 rounded-lg hover:bg-[#500000] transition-colors text-base disabled:opacity-50", __source: { fileName: "", lineNumber: 437, columnNumber: 11 }, __self: this }, isSubmitting ? "Submitting..." : "Submit"))), showSuccess && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg flex items-center space-x-2", __source: { fileName: "", lineNumber: 448, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-xl", __source: { fileName: "", lineNumber: 449, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 450, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 451, columnNumber: 13 }, __self: this }, "Thank you!"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 452, columnNumber: 13 }, __self: this }, "We'll be in touch with you shortly.")))); }

Learn more about the Phoenix Community