function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center py-10 bg-[#F3F4F6] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl font-bold text-[#121212]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Organizations"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl text-[#555] mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Explore organizations associated with academic research AI software")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl px-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "keyword", className: "block text-lg font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Search by Keyword:"), /*#__PURE__*/ React.createElement("input", { id: "keyword", name: "keyword", type: "text", placeholder: "Enter a keyword", className: "block w-full font-roboto border-[#D1D5DB] bg-white rounded-lg py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-[#6366F1]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-2xl font-semibold text-[#121212] mb-3", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Organization A"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-base text-[#555]", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Focusing on machine learning and its applications in healthcare."), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block mt-4 font-roboto text-sm text-[#6366F1] font-medium", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Learn More")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-2xl font-semibold text-[#121212] mb-3", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Organization B"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-base text-[#555]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Dedicated to advancing artificial intelligence through academic research."), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block mt-4 font-roboto text-sm text-[#6366F1] font-medium", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Learn More")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-2xl font-semibold text-[#121212] mb-3", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Organization C"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-base text-[#555]", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Innovating at the intersection of AI and environmental science."), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block mt-4 font-roboto text-sm text-[#6366F1] font-medium", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Learn More")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `)); }