function MainComponent() { const currentYear = new Date().getFullYear(); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#003D47] p-4 text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-2xl md:text-3xl font-bold md:flex hidden", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "MWorks Car Repairs"), /*#__PURE__*/ React.createElement("li", { className: "md:hidden text-2xl cursor-pointer", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "☰"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex gap-8", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Offers")))), /*#__PURE__*/ React.createElement("header", { className: "text-center bg-cover bg-no-repeat py-12", style: { backgroundImage: 'url(./modern-car-service-banner.jpg)' }, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#E5E5E5] text-4xl md:text-6xl mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Reliable car repairs, London drivers trust"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 justify-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#F7931E] text-white py-2 px-4 my-2 transition duration-300 ease-in-out hover:bg-orange-600", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Book MOT / Service"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#F7931E] text-white py-2 px-4 my-2 transition duration-300 ease-in-out hover:bg-orange-600", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Get a Quote"))), /*#__PURE__*/ React.createElement("main", { className: "bg-[#E5E5E5]", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "py-8 px-4 md:px-16", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#003D47] text-xl md:text-3xl mb-6", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Our Featured Services"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-nowrap overflow-x-auto gap-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 min-w-[200px]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#003D47] text-lg font-bold", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "MOT"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Ensure your vehicle's compliance with emissions standards.")))), /*#__PURE__*/ React.createElement("section", { id: "testimonials", className: "py-8 px-4 md:px-16", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#003D47] text-xl md:text-3xl mb-6", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Customer Testimonials"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-6", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#F7931E] text-white py-2 px-4 inline-block", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "More About Us")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#E5E5E5] py-8 px-4 md:px-16", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#003D47] text-center", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "MWorks Car Repairs"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "295 Clare St, London E2 9HD, UK"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "© ", currentYear, " MWorks Car Repairs. All rights reserved.")))); }