function MainComponent() { const services = [ { name: 'Web開発', description: 'モダンなフロントエンド技術を用いたウェブサイトの開発', icon: '🖥' }, { name: 'アプリ開発', description: 'iOS及びAndroid対応の高性能アプリケーションの開発', icon: '📱' }, { name: 'UI/UXデザイン', description: '直感的で使いやすいユーザーインターフェースのデザイン', icon: '🎨' } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#121212] mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "KAKUDO - 私たちについて"), /*#__PURE__*/ React.createElement("section", { className: "mb-10", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "サービス"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, services.map((service, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#FFFFFF] overflow-hidden shadow rounded-lg", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-5 sm:p-6 text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-3xl", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, service.icon), /*#__PURE__*/ React.createElement("h3", { className: "mt-3 text-xl font-semibold text-[#121212]", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, service.name), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#646464]", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, service.description))))))); }