function MainComponent({ logoPath, navItems, footerContent, copyrightInfo, contactDetails }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#E0E0E0] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoPath, alt: "Company logo for sealing devices educational platform", className: "h-12", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, navItems.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-[#333] hover:text-[#666] transition-colors cursor-pointer", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, item))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#F1F1F1] p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, footerContent, /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Contact us at: "), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, contactDetails.phone), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, " | "), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, contactDetails.email))), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, copyrightInfo))); } function StoryComponent() { const navItems = [ "Home", "Basics of O-Rings", "Material Characteristics", "Design Guide", "Q&A", "Contact" ]; const footerContent = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-[#007BFF]", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, " | "), /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-[#007BFF]", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "Terms of Service")); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { logoPath: "/assets/logo.png", navItems: navItems, footerContent: footerContent, copyrightInfo: "© 2023 Sealing Devices Platform. All rights reserved.", contactDetails: { phone: "123-456-7890", email: "contact@sealingdevices.com" }, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); }