function NeozoneLayout({ headerText, subheaderText, imagePath, altText, onJoinUs, onLearnMore }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-900 text-white font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-bold mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, headerText), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, subheaderText), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onJoinUs, className: "px-6 py-2 bg-blue-500 rounded-full hover:bg-blue-700 transition duration-300", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "Join Us"), /*#__PURE__*/ React.createElement("button", { onClick: onLearnMore, className: "px-6 py-2 bg-green-500 rounded-full hover:bg-green-700 transition duration-300", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Learn More")), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imagePath, alt: altText, className: "w-full h-[400px] object-cover", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); `)); } function NeozoneLayoutStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NeozoneLayout, { headerText: "NEOZONE", subheaderText: "A Futuristic Hub for the Modern Era", imagePath: "relative/path/to/futuristic-city.jpg", altText: "Futuristic city skyline", onJoinUs: ()=>alert('Join Us clicked'), onLearnMore: ()=>alert('Learn More clicked'), __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement(NeozoneLayout, { headerText: "NEOZONE", subheaderText: "A Futuristic Hub for the Modern Era", imagePath: "relative/path/to/futuristic-city.jpg", altText: "Futuristic city skyline", onJoinUs: ()=>alert('Join Us clicked'), onLearnMore: ()=>alert('Learn More clicked'), __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); }