function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] min-h-screen flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-full flex justify-between items-center p-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-[#FFFFFF] text-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "THE SHOP YOHJI YAMAMOTO"), /*#__PURE__*/ React.createElement("div", { className: "text-white", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full flex flex-col items-center mt-10", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FFFFFF] text-5xl mb-10", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "NEW ARRIVALS"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-8", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] w-[250px] h-[350px] flex flex-col items-center justify-center relative group", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/image1.jpg", alt: "New arrival item 1", className: "w-[200px] h-[300px]", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#000000] bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition ease-in-out duration-300", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFFFF] text-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "View More"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] w-[250px] h-[350px] flex flex-col items-center justify-center relative group", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/image2.jpg", alt: "New arrival item 2", className: "w-[200px] h-[300px]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#000000] bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition ease-in-out duration-300", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFFFF] text-lg", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, "View More"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1C1C1C] w-[250px] h-[350px] flex flex-col items-center justify-center relative group", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/image3.jpg", alt: "New arrival item 3", className: "w-[200px] h-[300px]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#000000] bg-opacity-40 flex items-center justify-center opacity-0 group-hover:opacity-100 transition ease-in-out duration-300", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFFFF] text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "View More"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, ` body { overflow-x: hidden; } `)); }