function MainComponent() { const topStories = [ { id: 1, src: "/images/story1.jpg", alt: "Top story 1" }, { id: 2, src: "/images/story2.jpg", alt: "Top story 2" }, { id: 3, src: "/images/story3.jpg", alt: "Top story 3" } ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#0092d1] text-white flex justify-between p-4", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-sans font-bold text-2xl ml-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "FIFA")), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "TOURNAMENTS"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "MATCH CENTRE"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "NEWS"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "WATCH ON FIFA+"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "PLAY"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "SHOP"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "INSIDE FIFA")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "TICKETS"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "FIFA+"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "FIFA STORE"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "INSIDE FIFA"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-xl", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-xl", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-xl", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[35%] bg-[#0052a4] flex flex-col justify-center items-center p-8 text-white", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-sans text-2xl mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Experience FIFA's tournaments"), /*#__PURE__*/ React.createElement("p", { className: "font-sans mb-4 text-center", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Buy or register interest in tickets and hospitality for upcoming FIFA tournaments"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00aaff] rounded-full py-2 px-6", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Find Tickets Today")), /*#__PURE__*/ React.createElement("div", { className: "w-[65%] relative", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/africa-qualifiers.jpg", alt: "Africa World Cup qualifiers", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 left-4 text-white", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-md font-sans", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "DISCOVER"), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-sans font-bold", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "The state of play in Africa's World Cup qualifiers"), /*#__PURE__*/ React.createElement("p", { className: "font-sans mt-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "A vital pair of matchdays are almost upon us in CAF qualifying as the race to North America heats up.")))), /*#__PURE__*/ React.createElement("section", { className: "p-8 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-sans", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "TOP STORIES"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-sans text-blue-600", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, "SEE ALL")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, topStories.map((story)=>/*#__PURE__*/ React.createElement("img", { key: story.id, src: story.src, alt: story.alt, className: "w-[30%] h-[200px] object-cover", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }))))); }