function MainComponent() { const welcomeText = "Find a ride"; const searchButtonText = "Search"; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f2f2f2] font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#078b75]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-2 flex items-center justify-between", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#ffffff] text-3xl font-bold", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "BlaBlaCar"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#ffffff] text-sm px-4 py-2 bg-[#05a081] rounded-lg mr-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Offer a ride"), /*#__PURE__*/ React.createElement("button", { className: "text-[#ffffff] text-sm px-4 py-2 bg-[#107c10] rounded-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Sign in")))), /*#__PURE__*/ React.createElement("header", { className: "container mx-auto px-4 py-10", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#333333] text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, welcomeText), /*#__PURE__*/ React.createElement("form", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-1 min-w-[260px] p-3 bg-white border border-[#cccccc] rounded-md", name: "departure", type: "text", placeholder: "Departure", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "flex-1 min-w-[260px] p-3 bg-white border border-[#cccccc] rounded-md", name: "arrival", type: "text", placeholder: "Arrival", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "flex-none w-[150px] p-3 bg-white border border-[#cccccc] rounded-md", name: "date", type: "date", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "flex-none w-[150px] py-3 px-6 text-[#ffffff] bg-[#078b75] rounded-md", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, searchButtonText))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, ` @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } body { animation: fade-in 1s ease-in-out; } `)); }