function BlueClickableElement({ href, children }) { return /*#__PURE__*/ React.createElement("a", { href: href, className: "inline-block bg-[#007BFF] text-white font-bold py-2 px-4 rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function BlueClickableElementStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BlueClickableElement, { href: "#", children: "Learn More", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function DetailedDescriptionSection({ title, description, linkHref }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F2F5] min-h-screen flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[90%] max-w-[600px] bg-white shadow-lg rounded-lg p-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#121212] mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-md text-[#666] font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(BlueClickableElement, { href: linkHref, children: "Learn More", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this })))); } function DetailedDescriptionSectionStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(DetailedDescriptionSection, { title: "AI Youth Entrepreneurship Incubation Project", description: "Empowering the next generation of entrepreneurs with AI tools and mentorship to turn innovative ideas into reality.", linkHref: "#", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement(DetailedDescriptionSection, { title: "AI Youth Entrepreneurship Incubation Project", description: "Empowering the next generation of entrepreneurs with AI tools and mentorship to turn innovative ideas into reality.", linkHref: "#", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); }