function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "pt-16 pb-20", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-4xl tracking-tight font-extrabold text-[#1a1a1a] sm:text-5xl md:text-6xl", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "Featured Articles"), /*#__PURE__*/ React.createElement("p", { className: "mt-3 max-w-md mx-auto text-base text-[#4a4a4a] sm:text-lg md:mt-5 md:text-xl md:max-w-3xl", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Dive into the latest updates and insights from our experts.")), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-48 w-full object-cover", src: "./images/article1.jpg", alt: "The future of web development article", __source: { fileName: "", lineNumber: 18, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-white p-6 flex flex-col justify-between", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 21, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block mt-2", __source: { fileName: "", lineNumber: 22, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold text-[#2a2a2a]", __source: { fileName: "", lineNumber: 23, columnNumber: 23 }, __self: this }, "The Future of Web Development"), /*#__PURE__*/ React.createElement("p", { className: "mt-3 text-base text-[#6b6b6b]", __source: { fileName: "", lineNumber: 26, columnNumber: 23 }, __self: this }, "A deep dive into the evolving landscape of web technologies and what it means for developers."))))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-48 w-full object-cover", src: "./images/article2.jpg", alt: "Innovative UX designs in 2023 article", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-white p-6 flex flex-col justify-between", __source: { fileName: "", lineNumber: 37, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 38, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block mt-2", __source: { fileName: "", lineNumber: 39, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold text-[#2a2a2a]", __source: { fileName: "", lineNumber: 40, columnNumber: 23 }, __self: this }, "Innovative UX Designs in 2023"), /*#__PURE__*/ React.createElement("p", { className: "mt-3 text-base text-[#6b6b6b]", __source: { fileName: "", lineNumber: 43, columnNumber: 23 }, __self: this }, "Explore the cutting-edge UX strategies that are setting the trend in the digital world."))))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-48 w-full object-cover", src: "./images/article3.jpg", alt: "Maximizing SEO with HTML5 article", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-white p-6 flex flex-col justify-between", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block mt-2", __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold text-[#2a2a2a]", __source: { fileName: "", lineNumber: 57, columnNumber: 23 }, __self: this }, "Maximizing SEO with HTML5"), /*#__PURE__*/ React.createElement("p", { className: "mt-3 text-base text-[#6b6b6b]", __source: { fileName: "", lineNumber: 60, columnNumber: 23 }, __self: this }, "Unveil the secrets to boosting your site's SEO through effective use of HTML5 elements.")))))))))); }