function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "🌟 YourService Logo"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#services", className: "text-blue-500", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "#features", className: "text-blue-500", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#testimonials", className: "text-blue-500", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Testimonials"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-blue-500", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("section", { id: "hero", className: "text-center p-10 bg-cover bg-center bg-[url('/images/hero-background.jpg')] text-white", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Empower Your Career with Our Expert Services"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Join us to unlock new opportunities."), /*#__PURE__*/ React.createElement("button", { className: "mt-6 px-6 py-3 bg-blue-600 text-white rounded-lg shadow hover:bg-blue-700", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("section", { id: "services", className: "p-10", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Service 1"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Service 2"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Service 3"))), /*#__PURE__*/ React.createElement("section", { id: "features", className: "bg-gray-200 p-10 text-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Features & Benefits"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Feature 1"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Feature 2"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Feature 3"))), /*#__PURE__*/ React.createElement("section", { id: "testimonials", className: "p-10", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "What Our Clients Say"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Testimonial 1"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Testimonial 2"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Testimonial 3"))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "p-10 bg-gray-100 text-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-6", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", placeholder: "Your Name", className: "m-2 p-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Submit"))), /*#__PURE__*/ React.createElement("footer", { className: "p-4 bg-white text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "© 2023 YourService. All rights reserved.")))); }