function MainComponent() { const regions = [ "Los Angeles", "Orange County", "Inland Empire", "San Diego" ]; const cuisines = [ "Mediterranean", "Italian", "Mexican", "American", "Barbecue", "Indian", "Persian", "Afghan", "Pizza", "Custom Menu Offerings" ]; const events = [ "Traditions", "Weddings", "Graduations", "Birthdays", "Anniversaries", "Company Events", "Engagements", "Proposal Parties", "Custom Events" ]; const serviceStyles = [ "Individual Plating", "Family Style", "On Site", "Drop Off", "Decor", "Setup", "Cleanup", "Service" ]; const regionOptions = regions.map((region, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: region.toLowerCase().replace(/\s+/g, '-'), __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, region)); const cuisineCheckboxes = cuisines.map((cuisine, index)=>/*#__PURE__*/ React.createElement("label", { key: index, className: "inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5 text-[#FFA500]", name: "cuisines", value: cuisine.toLowerCase().replace(/[ &]+/g, '-'), __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, cuisine))); const eventCheckboxes = events.map((event, index)=>/*#__PURE__*/ React.createElement("label", { key: index, className: "inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5 text-[#FFA500]", name: "events", value: event.toLowerCase().replace(/[ &]+/g, '-'), __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, event))); const serviceStyleOptions = serviceStyles.map((style, index)=>/*#__PURE__*/ React.createElement("label", { key: index, className: "inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5 text-[#FFA500]", name: "serviceStyle", value: style.toLowerCase().replace(/[ &]+/g, '-'), __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-gray-700", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, style))); const seoParagraph = /*#__PURE__*/ React.createElement("p", { className: "my-8 text-[#FF6F00] text-center", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, "Family-run and customer-focused, we provide a full-service catering experience in Orange County and beyond, with a commitment to exceptional service, delicious cuisine, and beautiful presentation that's sure to leave a lasting impression on your guests."); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-8 bg-[#FFF3E0] min-h-screen flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#FF6F00] mb-10", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, "Exquisite Catering Services in Orange County"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[700px]", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "region", className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Select your region:"), /*#__PURE__*/ React.createElement("select", { name: "region", id: "region", className: "block appearance-none w-full bg-white border border-gray-200 py-2 px-4 pr-8 rounded leading-tight focus:outline-none", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, regionOptions)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Choose the types of cuisine you're interested in:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, cuisineCheckboxes)), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Select the types of events you cater to:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, eventCheckboxes)), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "block text-gray-700 text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Choose your service style:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-between gap-4", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, serviceStyleOptions)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#FFA500] hover:bg-[#FF8C00] text-white font-bold py-2 px-4 rounded focus:outline-none", type: "submit", __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "Request Quote"))), seoParagraph, /*#__PURE__*/ React.createElement("p", { className: "text-[#FF6F00] text-center", __source: { fileName: "", lineNumber: 93, columnNumber: 7 }, __self: this }, "Tailoring unique experiences to fit any occasion, our team goes above and beyond to ensure your event is flawless. Discover the taste of hospitality with us.")); }