function LogInButton({ label }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 rounded mt-4 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, label); } function LogInButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LogInButton, { label: "Log in", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#010101] p-4 text-white font-roboto text-2xl text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Web App"), /*#__PURE__*/ React.createElement("main", { className: "flex-1 w-full max-w-[1200px] p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Welcome to Our Web App"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-crimson-text", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Explore the features and functionalities.")), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-lg font-crimson-text", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Feature 1"), /*#__PURE__*/ React.createElement("li", { className: "text-lg font-crimson-text", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Feature 2"), /*#__PURE__*/ React.createElement("li", { className: "text-lg font-crimson-text", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Feature 3"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4 max-w-[400px]", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300", type: "text", name: "name", placeholder: "Your Name", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "p-2 border border-gray-300", type: "email", name: "email", placeholder: "Your Email", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "p-2 border border-gray-300", name: "message", placeholder: "Your Message", rows: "5", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#010101] text-white p-2 font-roboto", type: "submit", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Send"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(LogInButton, { label: "Log in", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-[#010101] p-4 text-white font-roboto text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "© 2023 Web App. All rights reserved.")); }