function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-cover bg-center p-10 font-roboto w-[600px] h-[400px] flex items-center justify-center border border-gray-300", style: { backgroundImage: "url('/path/to/your/custom-background.jpg')" }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-white bg-opacity-75 p-6 rounded-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Angular Website Development"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-6 text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Professional development of Angular websites with top-notch code quality."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-angular text-2xl text-[#dd1b16]", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-js-square text-2xl text-[#f7df1e]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-css3-alt text-2xl text-[#2965f1]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-html5 text-2xl text-[#e34f26]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0070f3] text-white py-2 px-4 rounded-md", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Order Now"))); }