function MainComponent() { const [heartsCount, setHeartsCount] = React.useState(0); const addHeart = ()=>{ setHeartsCount(heartsCount + 1); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-pink-200 flex flex-col items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-pink-500 p-6 text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-white", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Sakikop Hikaru Love Site")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/hikaru.jpg", alt: "Hikaru smiling", className: "w-[250px] h-[250px] rounded-full mt-8", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-2xl text-gray-800 font-roboto mt-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Welcome to the Sakikop Hikaru Love Site!"), /*#__PURE__*/ React.createElement("section", { className: "mt-8 w-[90%] max-w-[800px] text-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-gray-800 mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Here, we celebrate everything about the amazing Sakikop Hikaru. Whether it's her brilliant work, her stunning looks, or her inspiring personality, we love it all!"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-gray-800 mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Stay tuned for exciting updates, photos, and stories. Feel free to share your love and admiration for Hikaru with us.")), /*#__PURE__*/ React.createElement("section", { className: "mt-8 w-[90%] max-w-[800px] text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto text-gray-800 mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Favorite Treat: Daifuku"), /*#__PURE__*/ React.createElement("img", { src: "/images/daifuku.jpg", alt: "Delicious daifuku treats", className: "w-[300px] h-[200px] mx-auto rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "mt-8 w-[90%] max-w-[800px] text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto text-gray-800 mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Favorite Place: The Beach"), /*#__PURE__*/ React.createElement("img", { src: "/images/beach.jpg", alt: "Beautiful beach scenery", className: "w-[300px] h-[200px] mx-auto rounded", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: addHeart, className: "bg-pink-500 p-2 rounded text-white text-2xl font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "♥ Add Heart ♥"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-lg font-roboto text-gray-800", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Hearts given: ", heartsCount))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-pink-500 p-4 text-center mt-auto", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-white", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "♥ Made with Love by Fans at the Beach ♥"))); }