function MainComponent({ imageSrc, name, role, biography, sectionDescription }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex justify-center items-center bg-[#121212] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "transform transition duration-500 hover:scale-110 bg-[#232323] rounded-lg shadow-xl overflow-y-auto max-h-[90vh] w-full max-w-[600px] lg:max-w-[800px] text-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/e2f62920-538a-4a18-87fa-e6eca9474530/", alt: `${name} profile`, className: "animate__animated animate__fadeIn w-full h-auto rounded-lg shadow-lg border-4 border-pink-500 transition duration-300 ease-in-out hover:rotate-2 hover:scale-105", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mt-4 font-crimson-text text-pink-500 animate__animated animate__pulse", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, name), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold mt-2 text-purple-400", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, role), /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-roboto text-lg text-white", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, biography))), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4 mt-4 bg-[#1A1A1A]", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-crimson-text text-pink-500", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Section Description"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-roboto text-lg text-white", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, sectionDescription)))); } function StoryComponent() { const info = { imageSrc: "https://example.com/jane-doe.jpg", name: "Jane Doe", role: "Digital Influencer", biography: "Jane Doe has revolutionized the digital space with her creative content and innovative approach, making her one of the most influential figures online.", sectionDescription: "Her work includes various collaborations that highlight her versatility and ability to engage with a broad audience, setting new trends in the industry." }; return /*#__PURE__*/ React.createElement(MainComponent, { ...info, __source: { fileName: "", lineNumber: 33, columnNumber: 10 }, __self: this }); }