function MainComponent() { const iconSpacing = "mx-1 md:mx-2"; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#fefefe] font-noto-sans-jp", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { backgroundImage: `url('/path/to/thailand-banner.jpg')` }, className: "bg-cover bg-center min-h-[500px]", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[rgba(255,255,255,.7)]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 md:space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/amazing-thailand-logo.svg", alt: "Amazing Thailand logo", className: "h-[30px] md:h-[40px]", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/icon-flower.svg", alt: "Flower icon", className: `h-6 ${iconSpacing}`, __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/icon-erawan.svg", alt: "Erawan shrine icon", className: `h-6 ${iconSpacing}`, __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/icon-market.svg", alt: "Market icon", className: `h-6 ${iconSpacing}`, __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/icon-loy-krathong.svg", alt: "Loy Krathong icon", className: `h-6 ${iconSpacing}`, __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/icon-hot-springs.svg", alt: "Hot springs icon", className: `h-6 ${iconSpacing}`, __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/icon-wink.svg", alt: "Winking face icon", className: `h-6 ${iconSpacing}`, __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-base text-[#707070]", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "旅のテーマ"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-1 md:space-x-3", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#707070]", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "TAT Global (ENG)"), /*#__PURE__*/ React.createElement("a", { href: "/facebook", className: "text-[#707070]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 22, columnNumber: 60 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/twitter", className: "text-[#707070]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 23, columnNumber: 59 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/line", className: "text-[#707070]", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-line", __source: { fileName: "", lineNumber: 24, columnNumber: 56 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-[#707070]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 25, columnNumber: 48 }, __self: this })))), /*#__PURE__*/ React.createElement("main", { className: "px-4 md:px-8 py-4 md:py-6", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-white bg-opacity-80 rounded-lg shadow p-4 mb-4 md:mb-6", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { "aria-label": "Previous", className: "text-gray-800", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left", __source: { fileName: "", lineNumber: 30, columnNumber: 69 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-4xl font-extrabold text-[#D71345] leading-tight text-center", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Best time to visit Thailand"), /*#__PURE__*/ React.createElement("button", { "aria-label": "Next", className: "text-gray-800", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right", __source: { fileName: "", lineNumber: 34, columnNumber: 65 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center space-x-2 md:space-x-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/travel-book-logo.svg", alt: "Travel Book logo", className: "h-[22px] md:h-[26px]", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#D71345] text-xs md:text-sm", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, "No.5"), " 紅葉狩り季節開幕")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-2 md:py-4 px-4 md:px-8", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs md:text-sm text-[#707070] text-center font-medium", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "NEWS")))); }