function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [firstName, setFirstName] = useState(""); const [lastName, setLastName] = useState(""); const [email, setEmail] = useState(""); const [phone, setPhone] = useState(""); const [note, setNote] = useState(""); const [showSuccess, setShowSuccess] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); if (!firstName || !lastName || !email || !note) return; setIsSubmitting(true); try { await fetch("/api/2-community-to-airtable", { method: "POST", body: JSON.stringify({ first_name: firstName, last_name: lastName, email, phone, note, submission_date: new Date().toISOString() }) }); setShowSuccess(true); setFirstName(""); setLastName(""); setEmail(""); setPhone(""); setNote(""); setTimeout(()=>{ setShowSuccess(false); }, 3000); } catch (error) { console.error("Error submitting form:", error); } finally{ setIsSubmitting(false); } }; const toggleMenu = useCallback(()=>{ setIsMenuOpen((prev)=>!prev); }, []); const renderNavLinks = useCallback(()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "ABOUT"), /*#__PURE__*/ React.createElement("a", { href: "/why-harvard", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "WHY HARVARD"), /*#__PURE__*/ React.createElement("a", { href: "/team", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "TEAM"), /*#__PURE__*/ React.createElement("a", { href: "/portfolio", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "PORTFOLIO"), /*#__PURE__*/ React.createElement("a", { href: "/research", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "RESEARCH")), []); const renderMobileMenu = useCallback(()=>/*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-[#fefaef]", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-4 pb-6 space-y-3", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "block py-2 text-xs text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "ABOUT"), /*#__PURE__*/ React.createElement("a", { href: "/why-harvard", className: "block py-2 text-xs text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, "WHY HARVARD"), /*#__PURE__*/ React.createElement("a", { href: "/team", className: "block py-2 text-xs text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "TEAM"), /*#__PURE__*/ React.createElement("a", { href: "/portfolio", className: "block py-2 text-xs text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "PORTFOLIO"), /*#__PURE__*/ React.createElement("a", { href: "/research", className: "block py-2 text-xs text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "RESEARCH"), /*#__PURE__*/ React.createElement("a", { href: "/join-phoenix-community", className: "block w-full text-left py-2 text-xs text-black hover:text-[#333333] rounded-full border-2 border-black px-4", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, "JOIN OUR COMMUNITY"), /*#__PURE__*/ React.createElement("a", { href: "/submit-a-deal", className: "block w-full text-left py-2 text-xs text-white bg-black hover:bg-[#333333] rounded-full px-4", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, "SUBMIT A DEAL"))), []); const renderForm = useCallback(()=>/*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 130, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __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: 132, columnNumber: 11 }, __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: 141, columnNumber: 11 }, __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: 151, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Phone Number (Optional)", 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: 160, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "note", placeholder: "Please leave us a 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: 168, columnNumber: 9 }, __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: 176, columnNumber: 9 }, __self: this }, isSubmitting ? "Submitting..." : "Submit")), [ handleSubmit, firstName, lastName, email, phone, note, isSubmitting ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#fefaef] text-black font-inter text-sm", __source: { fileName: "", lineNumber: 189, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 190, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1, maximum-scale=1", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full bg-[#fefaef] z-50", __source: { fileName: "", lineNumber: 196, 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: 197, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-24", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 200, 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: 201, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-12", __source: { fileName: "", lineNumber: 208, columnNumber: 13 }, __self: this }, renderNavLinks(), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/join-phoenix-community", className: "border border-black text-black px-4 py-1 text-sm rounded-full hover:bg-black hover:text-white", __source: { fileName: "", lineNumber: 211, columnNumber: 17 }, __self: this }, "JOIN OUR COMMUNITY"), /*#__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: 218, columnNumber: 17 }, __self: this }, "SUBMIT A DEAL"))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleMenu, className: "text-black text-2xl", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 229, columnNumber: 17 }, __self: this }))))), isMenuOpen && renderMobileMenu()), /*#__PURE__*/ React.createElement("div", { className: "pt-32 pb-24 max-w-3xl mx-auto px-4", __source: { fileName: "", lineNumber: 236, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-serif text-center mb-4", __source: { fileName: "", lineNumber: 237, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 text-sm mb-12", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, "We'd love to hear from you. Please fill out the form below and we'll get back to you shortly."), renderForm()), /*#__PURE__*/ React.createElement("footer", { className: "py-24 bg-[#0a0a0a]", __source: { fileName: "", lineNumber: 244, 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: 245, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-5 gap-24", __source: { fileName: "", lineNumber: 246, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 247, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/dcbe70cf-78fa-40c0-a2fe-a31ae6b6327e/-/format/auto/", alt: "Phoenix Fund Logo", className: "h-10 mb-6", __source: { fileName: "", lineNumber: 248, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 253, columnNumber: 15 }, __self: this }, "Backing the next generation of iconic Harvard founders and harnessing the Harvard community to give our founders an unfair advantage.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 259, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, "COMPANY"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#team", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this }, "Team")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#portfolio", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, "Portfolio")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }, "FOR ALUMNI"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/join-phoenix-community", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 294, columnNumber: 19 }, __self: this }, "Join our community")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/learn-more", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, "Learn more")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 311, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 312, columnNumber: 15 }, __self: this }, "FOR FOUNDERS"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/submit-a-deal", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }, "Submit a deal")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/learn-more", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 325, columnNumber: 19 }, __self: this }, "Learn more")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 334, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, "CONNECT"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-6", __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.linkedin.com/company/harvard-phoenix-fund", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-[#600000] text-xl", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "mailto:hello@phoenixclub.vc", className: "text-gray-400 hover:text-[#600000] text-xl", __source: { fileName: "", lineNumber: 345, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 352, columnNumber: 15 }, __self: this }, "© 2024 Phoenix Fund.", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 354, columnNumber: 17 }, __self: this }), "All rights reserved."))))), showSuccess && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 363, columnNumber: 9 }, __self: this }, "Thanks for reaching out! We'll get back to you soon.")); }