function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f9f9f9] min-h-screen font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a202c] text-white py-4 shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Rutile LLC"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-400 cursor-pointer", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-400 cursor-pointer", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-400 cursor-pointer", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("li", { className: "hover:text-gray-400 cursor-pointer", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto py-12 px-4 md:px-8", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "text-center py-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Welcome to Rutile LLC"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-gray-700", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Your partner in innovative solutions")), /*#__PURE__*/ React.createElement("section", { className: "my-16", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[300px] p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-6 rounded-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "Consulting"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Expert advice to move your business forward."))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[300px] p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-6 rounded-lg", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 17 }, __self: this }, "Development"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "Building tools and apps to make your work easier."))), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[300px] p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md p-6 rounded-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "Support"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "Continuous support to keep your business running smoothly."))))), /*#__PURE__*/ React.createElement("section", { className: "text-center my-16", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold mb-8", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl text-gray-700 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Rutile LLC specializes in providing top-notch consulting, development, and support services tailored to your business needs. Our team of experts is here to help you achieve your goals and drive innovation.")), /*#__PURE__*/ React.createElement("section", { className: "my-16", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "max-w-lg mx-auto bg-white shadow-md rounded-lg p-6 space-y-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 border border-gray-300 rounded-lg", type: "text", id: "name", name: "name", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "w-full px-3 py-2 border border-gray-300 rounded-lg", type: "email", id: "email", name: "email", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "message", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full px-3 py-2 border border-gray-300 rounded-lg", id: "message", name: "message", rows: "4", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#1a202c] text-white py-2 rounded-lg hover:bg-gray-700", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1a202c] text-white py-4 text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "© 2023 Rutile LLC. All rights reserved."))); }