function MainComponent() { const tabContent = /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 p-4 text-right", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "w-full sm:w-1/2 lg:w-1/4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "المقالات"), /*#__PURE__*/ React.createElement("img", { src: "articles-bg.jpg", alt: "Background with books symbolizing articles section", className: "w-full h-[150px] sm:h-[200px] object-cover", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "w-full sm:w-1/2 lg:w-1/4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-[20px] sm:text-[24px] lg:text-[32px] mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "رحلاتنا"), /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/53db9e36-0882-445d-ab9d-1364d500d325/", alt: "Background of horses symbolizing trips section", className: "w-full h-[150px] sm:h-[200px] object-cover", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "w-full sm:w-1/2 lg:w-1/4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "تجمعاتنا"), /*#__PURE__*/ React.createElement("img", { src: "gatherings-bg.jpg", alt: "Background with a group of people symbolizing gatherings section", className: "w-full h-[150px] sm:h-[200px] object-cover", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "w-full sm:w-1/2 lg:w-1/4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-4 animate-pulse", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "آراء المشتركين"), /*#__PURE__*/ React.createElement("img", { src: "subscribers-opinions-bg.jpg", alt: "Background with ancient Egyptian architecture symbolizing subscribers opinions section", className: "w-full h-[150px] sm:h-[200px] object-cover", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }))); return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto my-8 bg-[#8B4513]", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center py-10 px-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl mb-8 text-white", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "مرحباً بكم في مجتمع بَري"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-8 py-2 bg-white text-[#8B4513] font-roboto rounded-md shadow-md hover:bg-opacity-90 transition duration-300", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "انضم الآن")), tabContent, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } `)); }