function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#ECE2F0] min-h-screen p-8", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center font-crimson-text text-[#957DAD] text-4xl mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "ハンドメイドアクセサリーショップ"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center items-center gap-8 mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[90%] md:w-[300px] h-[200px] bg-[#FFD7E9] flex justify-center items-center rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-[#957DAD] text-3xl", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "ピアス")), /*#__PURE__*/ React.createElement("div", { className: "w-[90%] md:w-[300px] h-[200px] bg-[#B8D4FF] flex justify-center items-center rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-[#957DAD] text-3xl", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "ネックレス")), /*#__PURE__*/ React.createElement("div", { className: "w-[90%] md:w-[300px] h-[200px] bg-[#FDE2C6] flex justify-center items-center rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-[#957DAD] text-3xl", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "ブレスレット"))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-[#957DAD] text-3xl mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "お支払い方法"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[#957DAD] text-xl", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "クレジットカード 💳"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[#957DAD] text-xl", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "銀行振込 🏦"))); }