function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto h-screen flex", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[300px] bg-gray-100 p-4 shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Pages"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex justify-between items-center bg-[#007bff] text-white p-2 rounded-md", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Hope for the Valley | Homepage"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0069d9] p-2 rounded-full", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-2 rounded-md", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Hope for the Valley | Initiatives")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-2 rounded-md", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Hope for the Valley | Volunteering")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-2 rounded-md", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "Hope for the Valley | Donating")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-2 rounded-md", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Hope for the Valley | About")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-2 rounded-md", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Hope for the Valley | Contact")))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Account"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "brodiwhite951@gmail.com"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 overflow-y-auto p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#f8f9fa] shadow-md", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./logo.png", alt: "Company Logo", className: "w-[40px] h-[40px] mr-2", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "SaaS Website Builder")), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4 text-lg", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-[#007bff]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#services", className: "text-[#007bff]", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-[#007bff]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Login"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Welcome to SaaS Website Builder"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Create modern, clean websites using our 170+ Bootstrap based design blocks. Jumpstart your design process and streamline your workflow.")), /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Design Block 1"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Description of Design Block 1")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "Design Block 2"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Description of Design Block 2")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Design Block 3"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Description of Design Block 3")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-2", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Design Block 4"), /*#__PURE__*/ React.createElement("p", { className: "text-md", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Description of Design Block 4"))), /*#__PURE__*/ React.createElement("aside", { className: "w-full md:w-[300px] bg-gray-100 p-4 shadow-md", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Page Settings"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pageTitle", className: "block mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "Page Title"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "pageTitle", name: "pageTitle", className: "w-full px-3 py-2 border rounded-md", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pageDescription", className: "block mb-2", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "Page Description"), /*#__PURE__*/ React.createElement("textarea", { id: "pageDescription", name: "pageDescription", className: "w-full px-3 py-2 border rounded-md", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 116, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "pageURL", className: "block mb-2", __source: { fileName: "", lineNumber: 117, columnNumber: 15 }, __self: this }, "Page URL"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "pageURL", name: "pageURL", className: "w-full px-3 py-2 border rounded-md", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007bff] text-white px-4 py-2 rounded-md", __source: { fileName: "", lineNumber: 127, columnNumber: 13 }, __self: this }, "Save")))), /*#__PURE__*/ React.createElement("aside", { className: "fixed top-0 right-0 w-[300px] bg-white p-4 shadow-md hidden lg:block", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-6", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, "Design Block Parameters"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "Logo Size"), /*#__PURE__*/ React.createElement("input", { type: "range", name: "logoSize", className: "w-full", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, "Brand Name"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "brandName", className: "toggle-checkbox", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 157, columnNumber: 13 }, __self: this }, "Menu Items"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "menuItems", className: "toggle-checkbox", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 165, columnNumber: 13 }, __self: this }, "Menu Items Align"), /*#__PURE__*/ React.createElement("select", { name: "menuItemsAlign", className: "w-full px-2 py-1 border rounded-md", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "left", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "Left"), /*#__PURE__*/ React.createElement("option", { value: "center", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, "Center"), /*#__PURE__*/ React.createElement("option", { value: "right", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, "Right"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, "Icons"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "icons", className: "toggle-checkbox", __source: { fileName: "", lineNumber: 177, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 183, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount", className: "w-full px-2 py-1 border rounded-md", __source: { fileName: "", lineNumber: 185, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 191, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 192, columnNumber: 13 }, __self: this }, "Icons Color"), /*#__PURE__*/ React.createElement("input", { type: "color", name: "iconsColor", className: "w-full", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 199, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, "Button"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "button", className: "toggle-checkbox", __source: { fileName: "", lineNumber: 201, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mt-4", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, "Styles"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 209, columnNumber: 13 }, __self: this }, "Transparent"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "transparent", className: "toggle-checkbox", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 216, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }, "Sticky"), /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "sticky", className: "toggle-checkbox", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, "Opacity"), /*#__PURE__*/ React.createElement("input", { type: "range", name: "opacity", className: "w-full", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 234, columnNumber: 7 }, __self: this }, ` html, body { height: 100%; } `)); }