function MainComponent() { const backgroundImageStyle = { backgroundImage: "url('/background-of-trees.jpg')", backgroundSize: 'cover', backgroundPosition: 'center' }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "h-screen w-full flex justify-center items-center", style: backgroundImageStyle, __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-white bg-opacity-90 rounded-lg shadow-xl m-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center text-[#121212] font-crimson-text", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "The Cultural Carbon Collective"), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-6", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-industry fa-3x text-gray-500", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mt-2", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, "Industrial-Based Credits"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "Credits from renewable energy projects and carbon capture technologies.")), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-leaf fa-3x text-gray-500", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mt-2", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, "Nature-Based Credits"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, "Credits from forestry projects, conservation efforts, and sustainable agriculture.")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, ` @media (min-width: 768px) { .flex.flex-col.gap-6 { flex-direction: row; justify-content: center; align-items: start; } } `)); }