function MainComponent({ title, description, logoSrc, actionText, isVolunteer, link }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F4F8] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc, alt: isVolunteer ? "Volunteer from around the globe for LinguaGlobal Language Academy" : "LinguaGlobal Language Academy Logo", className: "w-[150px] h-[150px] mx-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "mt-4 text-center text-2xl font-bold font-roboto text-[#313131]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-md font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: link, className: "block text-center bg-[#4F46E5] text-white py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, actionText)))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "Welcome to LinguaGlobal Language Academy", description: "Expanding your horizons with our comprehensive language courses, tailored for every learner.", logoSrc: "./assets/linguaglobal-logo.png", actionText: "Explore Courses", link: "#courses", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Join as a Volunteer", description: "Empower language learning globally by volunteering to teach your native language from anywhere in the world.", logoSrc: "./assets/volunteer-logo.png", isVolunteer: true, actionText: "Volunteer with Us", link: "#volunteer", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); }