function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-[#ffffff] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, ` @keyframes slideIn { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .service-button { aspect-ratio: 1 / 1; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; transition: transform 0.3s ease; } .service-button:hover { transform: scale(1.1); } `), /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-5xl text-[#ff0000]", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Airchef 🎩"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl text-[#ff0000]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Discover our Services")), /*#__PURE__*/ React.createElement("main", { className: "w-full max-w-4xl grid grid-cols-2 gap-4 animate-slideIn md:grid-cols-3 lg:grid-cols-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, [ { serviceName: "Private Chef", icon: "fa-solid fa-utensils", category: "food" }, { serviceName: "Taxi", icon: "fa-solid fa-taxi", category: "transport" }, { serviceName: "Massage", icon: "fa-solid fa-hand-sparkles", category: "wellness" }, { serviceName: "Souvenirs", icon: "fa-solid fa-gifts", category: "shopping" }, { serviceName: "Liquors", icon: "fa-solid fa-wine-bottle", category: "beverage" }, { serviceName: "Sweets", icon: "fa-solid fa-candy-cane", category: "food" }, { serviceName: "Local Tours", icon: "fa-solid fa-map-marked-alt", category: "travel" }, { serviceName: "Cultural Workshops", icon: "fa-solid fa-paint-brush", category: "learning" }, { serviceName: "Outdoor Activities", icon: "fa-solid fa-hiking", category: "adventure" }, { serviceName: "Event Tickets", icon: "fa-solid fa-ticket-alt", category: "entertainment" } ].map((service, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "service-button border-2 border-[#ff0000] bg-[#ff0000] bg-opacity-10 hover:bg-opacity-20", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${service.icon} text-4xl text-[#ff0000]`, __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl text-[#ff0000] mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, service.serviceName)))))); }