function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen font-crimson-text bg-pink-50", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-pink-100 p-4 flex justify-between items-center border-b border-pink-200", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo-placeholder.png", alt: "Cute PetTrain Logo", className: "w-[60px] h-[60px] mr-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-2xl text-pink-700", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "PetTrain"), /*#__PURE__*/ React.createElement("nav", { className: "flex ml-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/search", className: "mx-2 text-lg text-pink-600", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Find a Trainer"), /*#__PURE__*/ React.createElement("a", { href: "/become-trainer", className: "mx-2 text-lg text-pink-600", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Become a Trainer"))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/sign-up", className: "px-4 py-2 rounded text-lg bg-pink-300 text-pink-700", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("a", { href: "/sign-in", className: "px-4 py-2 rounded text-lg bg-pink-300 text-pink-700", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/help", className: "text-lg text-pink-600", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Help"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex items-center justify-center", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[600px] space-y-6 bg-white p-8 rounded shadow-md", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "service_type", className: "w-full p-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Choose training service"), /*#__PURE__*/ React.createElement("option", { value: "puppy_training", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Puppy Training"), /*#__PURE__*/ React.createElement("option", { value: "adult_dog_training", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Adult Dog Training"), /*#__PURE__*/ React.createElement("option", { value: "dog_sports", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Dog Sports"), /*#__PURE__*/ React.createElement("option", { value: "behavior_modification", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Behavior Modification"), /*#__PURE__*/ React.createElement("option", { value: "workshops", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Workshops")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "zip_code", placeholder: "Zip Code", className: "w-full p-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "start_date", className: "w-full p-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "end_date", className: "w-full p-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "dog_size", className: "w-full p-3 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Dog Size"), /*#__PURE__*/ React.createElement("option", { value: "small", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Small"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "large", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Large")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-pink-600 text-white rounded hover:bg-pink-700", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-pink-100 p-4 border-t border-pink-200", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: "block text-lg text-pink-600 hover:text-pink-700", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "block text-lg text-pink-600 hover:text-pink-700", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Contact"))))); }