function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#f5f5f5] p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-4 bg-[#001f3f] text-white text-center font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "John Doe - Personal Injury Lawyer")), /*#__PURE__*/ React.createElement("section", { className: "flex flex-col items-center mt-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/lawyer.jpg", alt: "Lawyer John Doe", className: "w-[200px] h-[200px] rounded-full border-4 border-[#001f3f]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mt-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Experienced & Trusted Personal Injury Lawyer"), /*#__PURE__*/ React.createElement("p", { className: "max-w-[800px] text-xl text-center mt-4 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "At John Doe Law, we are dedicated to ensuring you receive the justice you deserve. With years of experience in personal injury law, we provide expert legal services to help you navigate through the complexities of your case.")), /*#__PURE__*/ React.createElement("section", { className: "mt-10 w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("ul", { className: "w-full max-w-[800px] grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 shadow-md rounded-md text-center font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-car-crash text-4xl text-[#ff4136]", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "mt-2 text-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Car Accidents")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 shadow-md rounded-md text-center font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-biking text-4xl text-[#ff4136]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "mt-2 text-xl", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Bike Accidents")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 shadow-md rounded-md text-center font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hospital-symbol text-4xl text-[#ff4136]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "mt-2 text-xl", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Medical Malpractice")), /*#__PURE__*/ React.createElement("li", { className: "bg-white p-4 shadow-md rounded-md text-center font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-truck-monster text-4xl text-[#ff4136]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h4", { className: "mt-2 text-xl", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Truck Accidents")))), /*#__PURE__*/ React.createElement("section", { className: "mt-10 w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[600px] bg-white p-6 shadow-md rounded-md font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg", htmlFor: "name", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "text", id: "name", name: "name", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg", htmlFor: "email", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded-md", type: "email", id: "email", name: "email", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg", htmlFor: "message", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border border-gray-300 rounded-md", id: "message", name: "message", rows: "4", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-[#001f3f] text-white rounded-md mt-4", type: "submit", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, "Submit"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-[#001f3f] text-white text-center font-roboto mt-10", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "© 2023 John Doe Law. All rights reserved."))); }