function MainComponent() { const categories = [ "Discover", "Animation", "Branding", "Illustration", "Mobile", "Print", "Product Design", "Typography", "Web Design" ]; const designs = [ { imagePath: "/images/design1.jpg", altText: "Hemigway's finest grown herbs & plants", name: "Beth Mathews", type: "PRO", likes: 1, views: 20 }, { imagePath: "/images/design2.jpg", altText: "Icon design set", name: "Makers Company", type: "PRO", likes: 19, views: 641 }, { imagePath: "/images/design3.jpg", altText: "Netro Creative project with laptop", name: "Netro Creative", type: "TEAM", likes: 17, views: 640 }, { imagePath: "/images/design4.jpg", altText: "Gold silver swap design", name: "taufikrizkyy", likes: 5, views: 390 }, { imagePath: "/images/design5.jpg", altText: "Gold logo design", name: "Lazar Bogicevic", type: "PRO", likes: 17, views: "1.7k" }, { imagePath: "/images/design6.jpg", altText: "NFT marketplace design", name: "Mostafijur Rahman", likes: 62, views: "2k" }, { imagePath: "/images/design7.jpg", altText: "Sketch design of a person walking a dog", name: "Makers Company", type: "PRO", likes: 116, views: "25.5k" }, { imagePath: "/images/design8.jpg", altText: "Mobile app design illustration", name: "Netro Creative", type: "TEAM", likes: 27, views: "2k" } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-sans text-[#333]", __source: { fileName: "", lineNumber: 70, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-between p-6", __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-bold", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Find designers"), /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Inspiration"), /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Courses"), /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Jobs"), /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "Go Pro")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 border rounded-full", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Share work"), /*#__PURE__*/ React.createElement("img", { src: "/images/user-avatar.jpg", alt: "User Avatar", className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "p-6", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 border rounded-full", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "Following"), categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category, className: "px-4 py-2", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, category))), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 border rounded-full flex items-center", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-filter", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Filters"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-6", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, designs.map((design)=>/*#__PURE__*/ React.createElement("div", { key: design.altText, className: "border rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: design.imagePath, alt: design.altText, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/user-avatar.jpg", alt: `Avatar of ${design.name}`, className: "w-8 h-8 rounded-full", __source: { fileName: "", lineNumber: 103, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }, design.name), /*#__PURE__*/ React.createElement("p", { className: "text-xs", __source: { fileName: "", lineNumber: 106, columnNumber: 21 }, __self: this }, design.type))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 110, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-heart", __source: { fileName: "", lineNumber: 111, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 112, columnNumber: 21 }, __self: this }, design.likes)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-1", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-eye", __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 116, columnNumber: 21 }, __self: this }, design.views))))))))); }