/*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, "Car Finder App"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between max-w-xl mt-6", __source: { fileName: "", lineNumber: 3, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search car model", className: "w-full px-4 py-2 text-gray-700 placeholder-gray-400 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/2", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "w-full px-4 py-2 text-gray-700 bg-white border border-gray-300 rounded-lg appearance-none focus:outline-none focus:border-indigo-500", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Select a make"), /*#__PURE__*/ React.createElement("option", { value: "audi", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Audi"), /*#__PURE__*/ React.createElement("option", { value: "bmw", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "BMW"), /*#__PURE__*/ React.createElement("option", { value: "mercedes", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Mercedes")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4 mt-6 max-w-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Filter Results"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Used Cars"))), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Certified Pre-owned Cars"))), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "New Cars"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Price Range"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "$"), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Min", className: "w-1/2 px-4 py-2 text-gray-700 placeholder-gray-400 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mx-2", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "-"), /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "$"), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Max", className: "w-1/2 px-4 py-2 text-gray-700 placeholder-gray-400 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "py-2 px-4 text-white bg-indigo-500 rounded-lg hover:bg-indigo-600 focus:outline-none focus:bg-indigo-600", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "Apply Filters"))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 79, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, "Get a Price Quote"), /*#__PURE__*/ React.createElement("form", { className: "mt-4", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", htmlFor: "make", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Car Make"), /*#__PURE__*/ React.createElement("select", { id: "make", className: "w-full px-4 py-2 text-gray-700 bg-white border border-gray-300 rounded-lg appearance-none focus:outline-none focus:border-indigo-500", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Select a make"), /*#__PURE__*/ React.createElement("option", { value: "audi", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Audi"), /*#__PURE__*/ React.createElement("option", { value: "bmw", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "BMW"), /*#__PURE__*/ React.createElement("option", { value: "mercedes", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "Mercedes"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", htmlFor: "model", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, "Car Model"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "model", className: "w-full px-4 py-2 text-gray-700 placeholder-gray-400 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500", placeholder: "Enter car model", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-medium text-gray-700", htmlFor: "name", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", className: "w-full px-4 py-2 text-gray-700 placeholder-gray-400 border border-gray-300 rounded-lg focus:outline-none focus:border-indigo-500", placeholder: "Enter your name", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "py-2 px-4 text-white bg-indigo-500 rounded-lg hover:bg-indigo-600 focus:outline-none focus:bg-indigo-600", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, "Get Quote")))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 128, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, "Forums"), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 130, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-medium mr-2", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, "01"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, "Car Discussion"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, "Talk about your favorite car models and get advice from fellow car enthusiasts."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-medium mr-2", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, "02"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, "Maintenance Tips"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "Share and learn tips for keeping your car in top shape."))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg font-medium mr-2", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, "03"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "Car Modifications"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, "Discuss and showcase your car modifications and upgrades.")))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 153, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "py-2 px-4 text-white bg-indigo-500 rounded-lg hover:bg-indigo-600 focus:outline-none focus:bg-indigo-600", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, "Go to Forums"))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white border border-gray-300 rounded-lg", __source: { fileName: "", lineNumber: 162, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, "Dream Garage"), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 164, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 165, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "../images/car1.jpg", alt: "Car 1", className: "w-16 h-16 mr-4 rounded-full", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, "Audi RS7"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, "Year: 2022"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "../images/car2.jpg", alt: "Car 2", className: "w-16 h-16 mr-4 rounded-full", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 182, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, "BMW M4"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }, "Year: 2021"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 187, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "../images/car3.jpg", alt: "Car 3", className: "w-16 h-16 mr-4 rounded-full", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 193, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, "Mercedes-AMG GT"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, "Year: 2021")))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 199, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", className: "py-2 px-4 text-white bg-indigo-500 rounded-lg hover:bg-indigo-600 focus:outline-none focus:bg-indigo-600", __source: { fileName: "", lineNumber: 200, columnNumber: 9 }, __self: this }, "View Dream Garage")))));