/*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8 bg-blue-500 p-8", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto space-y-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/rockfish-about.jpg", alt: "Colorful illustration about rockfish species", className: "rounded-lg w-full animate-pulse", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("button", { id: "buy-rockfish-btn", type: "button", className: "flex justify-center bg-[#276FBF] text-white font-medium py-2 px-4 rounded hover:bg-[#1e3a59] transition transform duration-300 ease-in-out w-full", onClick: (e)=>{ const balanceElement = document.getElementById('rockfish-balance'); const currentBalance = parseInt(balanceElement.textContent, 10) || 0; balanceElement.textContent = `${currentBalance + 1} RC`; }, __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, "Rockfish Baby 🐟")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-start", __source: { fileName: "", lineNumber: 21, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-questrial text-lg text-[#121212] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, "Learn about Rockfish Coin, a digital currency inspired by the resilience and diversity of rockfish species. Discover the benefits of sustainable and secure cryptocurrency with us."), /*#__PURE__*/ React.createElement("a", { href: "#rockfish-coin", className: "inline-flex items-center justify-center bg-[#1e3a59] text-white font-medium py-2 px-4 rounded transition transform duration-300 ease-in-out hover:bg-[#276FBF] hover:scale-105", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, "Discover Rockfish Coin")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg flex flex-col space-y-6", __source: { fileName: "", lineNumber: 34, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-questrial text-2xl text-[#121212] mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 5 }, __self: this }, "Rockfish Coin Bank"), /*#__PURE__*/ React.createElement("div", { className: "border-2 border-gray-300 px-4 py-2 rounded w-full flex justify-between items-center", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-questrial text-[#121212]", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, "Balance:"), /*#__PURE__*/ React.createElement("span", { className: "font-questrial text-[#121212]", id: "rockfish-balance", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "0 RC")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-300 rounded-full h-2.5 dark:bg-gray-700", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#276FBF] h-2.5 rounded-full", style: { transition: 'width 1s ease-in-out', width: '0%' }, id: "rockfish-progress-bar", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }))));