function MainComponent() { const welcomeMessage = "Welcome to the Place Introducing App"; const handleGetStartedClick = ()=>{ // Logic to navigate or initiate the app's onboarding process }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#121212] mb-2 font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, welcomeMessage), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#656565] mb-8 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "Explore and discover amazing places around the world!"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[250px] object-cover", src: "/images/discover-places.jpg", alt: "Discover new places", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#121212] font-semibold font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Discover New Places"), /*#__PURE__*/ React.createElement("p", { className: "text-[#7a7a7a] font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Find your next adventure or cozy retreat.")), /*#__PURE__*/ React.createElement("span", { className: "ml-auto text-5xl", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "🔍")), /*#__PURE__*/ React.createElement("button", { onClick: handleGetStartedClick, className: "w-full bg-[#0056b3] hover:bg-[#004494] text-white font-bold py-2 px-4 rounded font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Explore Now")))); }