function MainComponent() { const bestSellingImage = '/images/best-seller.jpg'; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-[#121212] mb-6 md:text-5xl", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "🏆 Best Selling Image"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg overflow-hidden shadow-xl transform transition duration-500 hover:scale-105", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full object-cover h-[300px] md:h-[500px]", src: bestSellingImage, alt: "Award-winning best selling image of the year", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-3xl mb-4 text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Stunning Beach Sunset"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-lg mb-4 font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Discover the breathtaking views and warm colors of our top-selling image, featured in renowned galleries worldwide."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "bg-[#ffe0b3] rounded-full px-4 py-1 text-sm font-medium text-gray-800", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Stunning Beach Sunset"), /*#__PURE__*/ React.createElement("span", { className: "bg-[#ffe0b3] rounded-full px-4 py-1 text-sm font-medium text-gray-800", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Beach"), /*#__PURE__*/ React.createElement("span", { className: "bg-[#ffe0b3] rounded-full px-4 py-1 text-sm font-medium text-gray-800", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Sunset")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl text-[#d35400] font-bold font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "$49.99"))))); }