function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = { name: formData.get('name'), email: formData.get('email'), message: formData.get('message') }; }; const products = Array.from({ length: 11 }).fill(0).map((_, i)=>`薬品 ${i + 1}`); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F0F8FF] px-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto flex flex-col md:flex-row items-start md:items-center justify-between py-8", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold mb-8 text-[#123456] font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "エクイン薬品株式会社 ", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 17, columnNumber: 99 }, __self: this }), " 競走馬の薬を製造している会社 🐎"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center justify-center gap-4 md:gap-8", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, products.map((product)=>/*#__PURE__*/ React.createElement("div", { key: product, className: "bg-white rounded-lg shadow-md p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-md font-medium text-[#123456]", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, product))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto p-8 bg-white rounded-lg shadow-md mt-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block mb-2 text-sm font-medium text-[#123456]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "お名前"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5", required: true, __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block mb-2 text-sm font-medium text-[#123456]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5", required: true, __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block mb-2 text-sm font-medium text-[#123456]", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "メッセージ"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", rows: "4", className: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5", required: true, __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "text-white bg-[#123456] hover:bg-[#345678] focus:ring-4 focus:ring-[#5678A0] font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "送信")))); }

エクイン薬品株式会社 競走馬の薬を製造している会社 🐎

エクイン薬品株式会社
競走馬の薬を製造している会社 🐎