function MainComponent() { const [currentSlide, setCurrentSlide] = React.useState(0); React.useEffect(()=>{ const interval = setInterval(()=>{ setCurrentSlide((prevSlide)=>(prevSlide + 1) % 6); }, 3000); return ()=>clearInterval(interval); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F2F2F2] p-6", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center py-4 mb-6 border-b-[1px] border-gray-300 relative", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Uniform City logo", className: "w-[50px] h-[50px]", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl text-[#212121] ml-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Uniform City")), /*#__PURE__*/ React.createElement("div", { className: "absolute left-1/2 transform -translate-x-1/2", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search", name: "search", className: "p-2 w-[300px] border-[1px] border-gray-300 rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#212121]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "📞 +1-234-567-890"), /*#__PURE__*/ React.createElement("a", { href: "/register", className: "font-roboto text-[#212121]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "👤 Register"), /*#__PURE__*/ React.createElement("a", { href: "/favorites", className: "font-roboto text-[#212121]", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "⭐ Favorites"), /*#__PURE__*/ React.createElement("a", { href: "/cart", className: "font-roboto text-[#212121]", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "🛒 Cart"))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "slick-slider mb-6", style: { transform: `translateX(-${currentSlide * 100}%)`, display: 'flex', transition: 'transform 0.5s ease-in-out' }, __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/banner1.jpg", alt: "Stylish work uniforms banner", className: "w-full h-auto", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/images/banner2.jpg", alt: "Modern medical uniforms banner", className: "w-full h-auto", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/images/banner3.jpg", alt: "Elegant restaurant uniforms banner", className: "w-full h-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/images/banner4.jpg", alt: "Professional office uniforms banner", className: "w-full h-auto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/images/banner5.jpg", alt: "Exclusive workwear deals banner", className: "w-full h-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/images/banner6.jpg", alt: "Trend-setting medical wear banner", className: "w-full h-auto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/work-uniform.jpg", alt: "High quality work uniform", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#212121] mt-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Work Clothes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "Designed for durability and comfort."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#FFA500] text-white py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Add to Cart")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/medical-uniform.jpg", alt: "Professional medical clothes", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#212121] mt-2", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Medical Clothes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Comfort and functionality for healthcare professionals."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#FFA500] text-white py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Add to Cart")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/restaurant-uniform.jpg", alt: "Elegant restaurant clothes", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#212121] mt-2", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Restaurant Clothes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Elegant and comfortable fits for all restaurant staff."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#FFA500] text-white py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Add to Cart")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/office-uniform.jpg", alt: "Stylish office clothes", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#212121] mt-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Office Clothes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Stylish and professional clothing for the office."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#FFA500] text-white py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "カートに追加")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/extra-work-uniform.jpg", alt: "Durable and stylish work uniform", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#212121] mt-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Extra Work Clothes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Extra durable for industrial work."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#FFA500] text-white py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Add to Cart")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/extra-medical-uniform.jpg", alt: "Ergonomic medical uniform", className: "w-full h-[200px] object-cover rounded-t-lg", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#212121] mt-2", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "Additional Medical Clothes"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#646464]", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Ergonomic designs for long shifts."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 w-full bg-[#FFA500] text-white py-2 rounded font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "Add to Cart")))), /*#__PURE__*/ React.createElement("footer", { className: "text-center py-4 mt-6 border-t-[1px] border-gray-300", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#212121]", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "© 2023 Uniform City. All rights reserved."))); }