function MainComponent({ title, content }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-[#f0f0f0] min-h-screen w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333] mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "mb-4 w-full max-w-xs md:max-w-md lg:max-w-lg", style: { height: '200px', backgroundColor: '#ddd' }, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, content)); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row lg:flex-wrap items-center justify-center w-full", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "TOP Page", content: "Welcome to our vibrant and stylish platform, designed for the smartphone era!", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "LINE QR Page", content: "Scan our QR code to connect with us on LINE!", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "TikTok Introduction Page", content: "Check out our TikTok to stay up to date with the latest trends!", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "News Page", content: "Latest updates and news about our services and more.", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Company Overview", content: "Learn more about our company, our mission, and our achievements.", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { title: "Contact Us", content: "Have any questions? Reach out to us through our contact page.", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this })); }