function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [isFilterOpen, setIsFilterOpen] = useState(false); const [companies, setCompanies] = useState([]); const [selectedRound, setSelectedRound] = useState("All"); const [selectedSector, setSelectedSector] = useState("All"); const [selectedAffiliation, setSelectedAffiliation] = useState("All"); const sectors = [ "All", "Vertical AI", "Health", "Fintech", "Other" ]; const [rounds, setRounds] = useState([ "All" ]); const [affiliations, setAffiliations] = useState([ "All" ]); useEffect(()=>{ const fetchCompanies = async ()=>{ const response = await fetch("/api/db/devon-triplett", { method: "POST", body: JSON.stringify({ query: "SELECT DISTINCT `entry_round`, * FROM `companies`" }) }); const data = await response.json(); const uniqueRounds = [ "All", ...new Set(data.map((company)=>company.entry_round).filter(Boolean)) ]; const uniqueAffiliations = [ "All", ...new Set([ ...data.map((company)=>company.founder_one_affiliation).filter(Boolean), ...data.map((company)=>company.founder_two_affiliation).filter(Boolean) ]) ]; setRounds(uniqueRounds); setAffiliations(uniqueAffiliations); setCompanies(data); }; fetchCompanies(); }, []); const filteredCompanies = companies.filter((company)=>{ if (selectedRound === "All" && selectedSector === "All" && selectedAffiliation === "All") return true; const categoryArray = JSON.parse(company.category || "[]"); const matchesRound = selectedRound === "All" || company.entry_round === selectedRound; const matchesSector = selectedSector === "All" || categoryArray.includes(selectedSector); const matchesAffiliation = selectedAffiliation === "All" || company.founder_one_affiliation === selectedAffiliation || company.founder_two_affiliation === selectedAffiliation; return matchesRound && matchesSector && matchesAffiliation; }); const [selectedCompany, setSelectedCompany] = useState(null); const formatRound = (round)=>{ if (!round) return ""; // Handle undefined or null round if (round === "pre-seed") return "Pre-Seed"; if (round.toLowerCase().startsWith("series")) { return "Series " + round.split(" ")[1].toUpperCase(); } return round.split("-").map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(" "); }; const Header = ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "bg-[#600000] text-white py-2 md:py-3 text-center fixed w-full z-50 hidden md:block", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-center items-center gap-2 md:gap-4", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Are you a Harvard Alumni or Accredited Investor interested in joining the Phoenix Community?"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between w-full md:w-auto md:justify-start gap-2", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/join-phoenix-community", target: "_self", className: "bg-white text-[#600000] px-4 py-1 rounded-full text-sm hover:bg-gray-100 whitespace-nowrap", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Learn more")))), /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full bg-[#fefaef] z-50 md:mt-12", __source: { fileName: "", lineNumber: 95, 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: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between h-24", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 99, 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: 100, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-12", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 108, columnNumber: 15 }, __self: this }, "ABOUT"), /*#__PURE__*/ React.createElement("a", { href: "/why-harvard", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "WHY HARVARD"), /*#__PURE__*/ React.createElement("a", { href: "/team", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "TEAM"), /*#__PURE__*/ React.createElement("a", { href: "/portfolio", className: "text-black text-sm hover:text-[#600000]", __source: { fileName: "", lineNumber: 126, 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: 132, columnNumber: 15 }, __self: this }, "RESEARCH"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 140, 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: 141, 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: 148, columnNumber: 17 }, __self: this }, "SUBMIT A DEAL"))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "text-black text-xl", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"}`, __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }))))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-[#fefaef]", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-4 pb-6 space-y-3", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about", className: "block py-2 text-sm text-black hover:text-[#600000]", __source: { fileName: "", lineNumber: 170, 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: 176, 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: 182, 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: 188, 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: 194, columnNumber: 15 }, __self: this }, "RESEARCH"), /*#__PURE__*/ React.createElement("a", { href: "/join-phoenix-community", 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: 202, columnNumber: 15 }, __self: this }, "JOIN OUR COMMUNITY"), /*#__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: 208, columnNumber: 15 }, __self: this }, "SUBMIT A DEAL"))))); const FooterSection = ()=>/*#__PURE__*/ React.createElement("footer", { className: "py-24 bg-[#0a0a0a]", __source: { fileName: "", lineNumber: 222, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 223, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-5 gap-24", __source: { fileName: "", lineNumber: 224, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 225, columnNumber: 11 }, __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: 226, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __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: 237, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 238, columnNumber: 13 }, __self: this }, "COMPANY"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 239, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 240, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/about", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 249, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#team", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 250, columnNumber: 17 }, __self: this }, "Team")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 257, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#portfolio", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, "Portfolio")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 267, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 268, columnNumber: 13 }, __self: this }, "FOR ALUMNI"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 269, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 270, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/join-phoenix-community", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, "Join our community")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/about", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }, "Learn more")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 290, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 291, columnNumber: 13 }, __self: this }, "FOR FOUNDERS"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 294, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 295, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/submit-a-deal", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 296, columnNumber: 17 }, __self: this }, "Submit a deal")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/about", className: "text-sm text-gray-400 hover:text-[#600000]", __source: { fileName: "", lineNumber: 305, columnNumber: 17 }, __self: this }, "Learn more")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 315, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-serif text-base mb-6", __source: { fileName: "", lineNumber: 316, columnNumber: 13 }, __self: this }, "CONNECT"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-6", __source: { fileName: "", lineNumber: 317, columnNumber: 13 }, __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: 318, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin", __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "mailto:hello@phoenixclub.vc", className: "text-gray-400 hover:text-[#600000] text-xl", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 333, columnNumber: 13 }, __self: this }, "© 2024 Phoenix Fund.", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }), "All rights reserved."))))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#fefaef] text-black font-inter text-sm", __source: { fileName: "", lineNumber: 345, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Header, { __source: { fileName: "", lineNumber: 346, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "pt-24 md:pt-44 pb-24", __source: { fileName: "", lineNumber: 347, 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: 348, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-4xl font-serif text-center mb-4", __source: { fileName: "", lineNumber: 349, columnNumber: 11 }, __self: this }, "Our Portfolio"), /*#__PURE__*/ React.createElement("p", { className: "text-base md:text-lg text-gray-600 text-center mb-8", __source: { fileName: "", lineNumber: 352, columnNumber: 11 }, __self: this }, "Proudly backing the next generation of iconic Harvard-founded startups."), /*#__PURE__*/ React.createElement("div", { className: "mb-12", __source: { fileName: "", lineNumber: 356, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row flex-wrap justify-center gap-2 md:gap-4 px-4", __source: { fileName: "", lineNumber: 357, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 w-full md:w-auto justify-center", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full md:w-auto", __source: { fileName: "", lineNumber: 359, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedSector, onChange: (e)=>setSelectedSector(e.target.value), className: "px-3 md:px-4 py-2 md:py-1 rounded-full text-xs border border-[#121212] bg-transparent hover:border-black focus:outline-none w-full appearance-none", __source: { fileName: "", lineNumber: 360, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 365, columnNumber: 21 }, __self: this }, "Sector"), sectors.map((sector)=>/*#__PURE__*/ React.createElement("option", { key: sector, value: sector, __source: { fileName: "", lineNumber: 369, columnNumber: 23 }, __self: this }, sector === "All" ? "SECTOR" : sector.toUpperCase()))), /*#__PURE__*/ React.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", __source: { fileName: "", lineNumber: 374, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-xs", __source: { fileName: "", lineNumber: 375, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "relative w-full md:w-[160px]", __source: { fileName: "", lineNumber: 378, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedRound, onChange: (e)=>setSelectedRound(e.target.value), className: "px-3 md:px-4 py-2 md:py-1 rounded-full text-xs border border-[#121212] bg-transparent hover:border-black focus:outline-none w-full appearance-none", __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 384, columnNumber: 21 }, __self: this }, "Investment Round"), rounds.map((round)=>/*#__PURE__*/ React.createElement("option", { key: round, value: round, __source: { fileName: "", lineNumber: 388, columnNumber: 23 }, __self: this }, round === "All" ? "ROUND INVESTED" : formatRound(round).toUpperCase()))), /*#__PURE__*/ React.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", __source: { fileName: "", lineNumber: 395, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-xs", __source: { fileName: "", lineNumber: 396, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-2 md:gap-4 w-full md:w-auto justify-center", __source: { fileName: "", lineNumber: 400, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full md:w-auto", __source: { fileName: "", lineNumber: 401, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedAffiliation, onChange: (e)=>setSelectedAffiliation(e.target.value), className: "px-3 md:px-4 py-2 md:py-1 rounded-full text-xs border border-[#121212] bg-transparent hover:border-black focus:outline-none w-full appearance-none", __source: { fileName: "", lineNumber: 402, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, __source: { fileName: "", lineNumber: 407, columnNumber: 21 }, __self: this }, "Harvard Affiliation"), affiliations.map((affiliation)=>/*#__PURE__*/ React.createElement("option", { key: affiliation, value: affiliation, __source: { fileName: "", lineNumber: 411, columnNumber: 23 }, __self: this }, affiliation === "All" ? "HARVARD AFFILIATION" : affiliation.toUpperCase()))), /*#__PURE__*/ React.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none", __source: { fileName: "", lineNumber: 418, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-xs", __source: { fileName: "", lineNumber: 419, columnNumber: 21 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 md:gap-6", __source: { fileName: "", lineNumber: 425, columnNumber: 11 }, __self: this }, filteredCompanies.map((company)=>/*#__PURE__*/ React.createElement("div", { key: company.id, className: "bg-white p-3 md:p-4 rounded-lg shadow-lg hover:shadow-xl transition-shadow cursor-pointer", onClick: ()=>setSelectedCompany(company), __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center mb-3 md:mb-4 h-12 md:h-16", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: company.logo_url, alt: `${company.company_name} logo`, className: "max-h-full object-contain", __source: { fileName: "", lineNumber: 433, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-center text-gray-700", __source: { fileName: "", lineNumber: 439, columnNumber: 17 }, __self: this }, company.one_liner)))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-12", __source: { fileName: "", lineNumber: 445, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_blank", href: "https://airtable.com/appHMigbWi88WtWGh/shr67PRVaDSb7cWOw", className: "inline-block", __source: { fileName: "", lineNumber: 446, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#600000] px-6 py-2 text-sm hover:text-[#800000] transition-colors", __source: { fileName: "", lineNumber: 451, columnNumber: 15 }, __self: this }, "View Full Portfolio →"))))), selectedCompany && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50", onClick: (e)=>{ if (e.target === e.currentTarget) { setSelectedCompany(null); } }, __source: { fileName: "", lineNumber: 460, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-y-0 right-0 w-full md:w-1/2 bg-white transform transition-transform duration-300 ease-in-out overflow-y-auto", __source: { fileName: "", lineNumber: 468, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 md:p-8 mt-12 md:mt-16", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedCompany(null), className: "absolute top-2 md:top-4 right-2 md:right-4 w-8 h-8 md:w-10 md:h-10 bg-gray-100 rounded-full flex items-center justify-center hover:bg-gray-200", __source: { fileName: "", lineNumber: 470, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-2xl md:text-3xl text-gray-600", __source: { fileName: "", lineNumber: 474, columnNumber: 17 }, __self: this })), selectedCompany.picture_url && /*#__PURE__*/ React.createElement("img", { src: selectedCompany.picture_url, alt: `${selectedCompany.company_name} featured`, className: "w-full h-48 md:h-64 object-cover rounded-lg mb-6 md:mb-8", __source: { fileName: "", lineNumber: 478, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl md:text-2xl font-serif mb-3 md:mb-4", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, selectedCompany.company_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6 md:mb-8 text-xs md:text-sm", __source: { fileName: "", lineNumber: 488, columnNumber: 15 }, __self: this }, selectedCompany.company_description), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 md:space-y-8", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4 md:pt-6", __source: { fileName: "", lineNumber: 492, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base md:text-lg font-serif mb-2 md:mb-3", __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, "Harvard Founder"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2 text-xs", __source: { fileName: "", lineNumber: 496, columnNumber: 19 }, __self: this }, selectedCompany.founder_one_linkedin ? /*#__PURE__*/ React.createElement("a", { href: selectedCompany.founder_one_linkedin, target: "_blank", rel: "noopener noreferrer", className: "text-[#600000] hover:text-[#800000]", __source: { fileName: "", lineNumber: 498, columnNumber: 23 }, __self: this }, selectedCompany.founder_one) : selectedCompany.founder_one), selectedCompany.founder_two && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-xs", __source: { fileName: "", lineNumber: 511, columnNumber: 21 }, __self: this }, selectedCompany.founder_two_linkedin ? /*#__PURE__*/ React.createElement("a", { href: selectedCompany.founder_two_linkedin, target: "_blank", rel: "noopener noreferrer", className: "text-[#600000] hover:text-[#800000]", __source: { fileName: "", lineNumber: 513, columnNumber: 25 }, __self: this }, selectedCompany.founder_two) : selectedCompany.founder_two)), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4 md:pt-6", __source: { fileName: "", lineNumber: 527, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base md:text-lg font-serif mb-2 md:mb-3", __source: { fileName: "", lineNumber: 528, columnNumber: 19 }, __self: this }, "Investment Details"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2 text-xs", __source: { fileName: "", lineNumber: 531, columnNumber: 19 }, __self: this }, "Entry Round: ", formatRound(selectedCompany?.entry_round)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2 text-xs", __source: { fileName: "", lineNumber: 534, columnNumber: 19 }, __self: this }, "Latest Round: ", formatRound(selectedCompany?.latest_round)), selectedCompany.latest_round_description && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-xs", __source: { fileName: "", lineNumber: 538, columnNumber: 21 }, __self: this }, selectedCompany.latest_round_description)), selectedCompany.co_investors && /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4 md:pt-6", __source: { fileName: "", lineNumber: 545, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base md:text-lg font-serif mb-2 md:mb-3", __source: { fileName: "", lineNumber: 546, columnNumber: 21 }, __self: this }, "Co-Investors"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-xs", __source: { fileName: "", lineNumber: 549, columnNumber: 21 }, __self: this }, selectedCompany.co_investors)), (selectedCompany.article_1 || selectedCompany.article_2) && /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4 md:pt-6", __source: { fileName: "", lineNumber: 556, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base md:text-lg font-serif mb-2 md:mb-3", __source: { fileName: "", lineNumber: 557, columnNumber: 21 }, __self: this }, "Latest News"), selectedCompany.article_1 && /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 561, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: selectedCompany.article_1, target: "_blank", rel: "noopener noreferrer", className: "text-[#600000] hover:text-[#800000] italic text-xs", __source: { fileName: "", lineNumber: 562, columnNumber: 25 }, __self: this }, selectedCompany.article_1_title)), selectedCompany.article_2 && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 573, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: selectedCompany.article_2, target: "_blank", rel: "noopener noreferrer", className: "text-[#600000] hover:text-[#800000] italic text-xs", __source: { fileName: "", lineNumber: 574, columnNumber: 25 }, __self: this }, selectedCompany.article_2_title))))))), /*#__PURE__*/ React.createElement(FooterSection, { __source: { fileName: "", lineNumber: 591, columnNumber: 7 }, __self: this })); }