function MainComponent() { const images = [ { src: "/path/to/forest1.jpg", alt: "A serene forest with tall trees" }, { src: "/path/to/forest2.jpg", alt: "A lush green forest canopy" }, { src: "/path/to/forest3.jpg", alt: "A tranquil forest path" }, { src: "/path/to/forest4.jpg", alt: "Sunlight filtering through forest trees" }, { src: "/path/to/forest5.jpg", alt: "A dense forest with diverse flora" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[400px]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/forest-bg.jpg", alt: "背景の森の画像", className: "absolute inset-0 w-full h-full object-cover", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex flex-col justify-center items-center bg-black bg-opacity-50", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl sm:text-4xl lg:text-5xl text-white font-bold leading-tight text-center", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "カーボン", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }), "ニュートラル", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 16, columnNumber: 28 }, __self: this }), "ウェルビーイング", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 16, columnNumber: 41 }, __self: this }), "ラボ"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] py-4 flex justify-around", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-[#333] font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "CWLについて"), /*#__PURE__*/ React.createElement("a", { href: "#overview", className: "text-[#333] font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "CWLの概要"), /*#__PURE__*/ React.createElement("a", { href: "#plastic-issues", className: "text-[#333] font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "レジ袋問題"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-[#333] font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "お問い合わせ")), images.map((image, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: image.src, alt: image.alt, className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { id: "about", className: "py-8 flex justify-center", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { id: "plastic-issues", className: "py-8 flex justify-center", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { id: "overview", className: "py-8 flex justify-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null)), /*#__PURE__*/ React.createElement("div", { id: "contact", className: "py-8 flex justify-center", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null))); }

カーボンニュートラルウェルビーイングラボ

カーボン
ニュートラル
ウェルビーイング
ラボ