function MainComponent() { const [selectedCity, setSelectedCity] = useState(null); const [view, setView] = useState("cities"); const [isAuthModalOpen, setIsAuthModalOpen] = useState(false); const [user, setUser] = useState(null); const cities = [ { name: "Mumbai", image: "/images/mumbai.jpg" }, { name: "Delhi", image: "/images/delhi.jpg" }, { name: "Bangalore", image: "/images/bangalore.jpg" }, { name: "Chennai", image: "/images/chennai.jpg" } ]; const categories = [ { name: "Malls", icon: "fa-building" }, { name: "Branded Showrooms", icon: "fa-store" }, { name: "Rental Clothes", icon: "fa-tshirt" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Fashion Hub"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/wishlist", className: "text-gray-600", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/cart", className: "text-gray-600", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shopping-cart", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this })), user ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/profile", className: "text-gray-600", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsAuthModalOpen(true), className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Login")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, view === "cities" && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, cities.map((city)=>/*#__PURE__*/ React.createElement("div", { key: city.name, onClick: ()=>{ setSelectedCity(city); setView("categories"); }, className: "relative rounded-lg overflow-hidden shadow-lg cursor-pointer transform transition hover:scale-105", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: city.image, alt: `${city.name} city view`, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 w-full bg-black bg-opacity-50 p-4", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, city.name))))), view === "categories" && selectedCity && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setView("cities"), className: "mb-6 flex items-center text-blue-500", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }), " Back to Cities"), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6 font-roboto", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Shopping Options in ", selectedCity.name), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, categories.map((category)=>/*#__PURE__*/ React.createElement("div", { key: category.name, onClick: ()=>{ if (category.name === "Malls") { window.location.href = `/mall/${selectedCity.name}`; } }, className: "bg-white rounded-lg p-6 shadow-lg cursor-pointer hover:shadow-xl transition", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${category.icon} text-4xl text-blue-500 mb-4`, __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, category.name))))))); }