function MainComponent() { const headerStyle = { backgroundImage: 'url(/images/travel-banner.jpg)', backgroundSize: 'cover', backgroundPosition: 'center' }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: headerStyle, className: "flex flex-col justify-between h-[768px]", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "pt-5 px-4 bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/logo.png", alt: "Hays Travel logo", className: "w-[150px]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#007bff]", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-phone", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }), " Contact"), /*#__PURE__*/ React.createElement("button", { className: "text-[#007bff]", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }), " Menu"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 bg-white p-3 rounded-full shadow-sm flex", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "SEARCH HOLIDAYS", className: "flex-grow outline-none pl-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-search text-[#007bff]", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start px-4 py-2", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white text-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-left", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-white text-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-right", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "px-4 py-4 bg-white", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "£1MILLION BIRTHDAY GIVEAWAY"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-[#666] my-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Book a Riviera Travel Cruise with Hays Travel and receive an exclusive £50pp discount"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-[#666]", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Book between 2-5 February 2024 and be entered into a draw for a chance to win."), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-[#ffc107] px-6 py-3 rounded-full flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-hand-pointer text-white pr-2", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), " SEE RIVIERA OFFERS")))); }