function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -m-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 md:w-1/3", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "lg:h-48 md:h-36 w-full object-cover object-center", src: "./path/to/image1.jpg", alt: "Specific Alt Description 1", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-lg text-gray-900 font-medium title-font mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Heading 1"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto leading-relaxed text-base", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Some quick example text to build on the card title and fill the card's content."), /*#__PURE__*/ React.createElement("a", { className: "text-indigo-500 inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Learn More", /*#__PURE__*/ React.createElement("span", { className: "text-xl ml-2", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, "🡺"))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 md:w-1/3", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "lg:h-48 md:h-36 w-full object-cover object-center", src: "./path/to/image2.jpg", alt: "Specific Alt Description 2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-lg text-gray-900 font-medium title-font mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Heading 2"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto leading-relaxed text-base", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Some quick example text to build on the card title and fill the card's content."), /*#__PURE__*/ React.createElement("a", { className: "text-indigo-500 inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Learn More", /*#__PURE__*/ React.createElement("span", { className: "text-xl ml-2", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "🡺"))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 md:w-1/3", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "lg:h-48 md:h-36 w-full object-cover object-center", src: "./path/to/image3.jpg", alt: "Specific Alt Description 3", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-lg text-gray-900 font-medium title-font mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "Heading 3"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto leading-relaxed text-base", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "Some quick example text to build on the card title and fill the card's content."), /*#__PURE__*/ React.createElement("a", { className: "text-indigo-500 inline-flex items-center mt-3", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Learn More", /*#__PURE__*/ React.createElement("span", { className: "text-xl ml-2", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, "🡺")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `)); }