function MainComponent() { const [currentPage, setCurrentPage] = React.useState("home"); let pageContent; switch(currentPage){ case "home": pageContent = /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center bg-[#40E0D0] text-[#F5FFFA] font-candara", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Welcome to Pacific Ideas"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Exploring new horizons"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("overview"), className: "text-sm", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("services"), className: "text-sm", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("contact"), className: "text-sm", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("img", { src: "path/to/home/image.jpg", alt: "Pacific Ideas Home", className: "w-[400px] h-auto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })); break; case "overview": pageContent = /*#__PURE__*/ React.createElement("div", { className: "bg-[#AFEEEE] text-[#F5FFFA] font-candara", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Discover what we do and how we make an impact"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("home"), className: "text-sm", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("services"), className: "text-sm", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("contact"), className: "text-sm", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Contact")); break; case "services": pageContent = /*#__PURE__*/ React.createElement("div", { className: "bg-[#48D1CC] text-[#F5FFFA] font-candara", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Check out our wide range of services"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("home"), className: "text-sm", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("overview"), className: "text-sm", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("contact"), className: "text-sm", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "Contact")); break; case "contact": pageContent = /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFDD0] text-[#20B2AA] font-candara", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "border-2 border-[#20B2AA]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "border-2 border-[#20B2AA]", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: "border-2 border-[#20B2AA]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#40E0D0] text-white", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Send")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "text-[#3b5998]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-facebook", __source: { fileName: "", lineNumber: 55, columnNumber: 71 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "text-[#00acee]", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter", __source: { fileName: "", lineNumber: 56, columnNumber: 70 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "text-[#C13584]", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-instagram", __source: { fileName: "", lineNumber: 57, columnNumber: 72 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("home"), className: "text-sm", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("overview"), className: "text-sm", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Overview"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("services"), className: "text-sm", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Services")); break; default: pageContent = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 21 }, __self: this }, "Page not found"); } return pageContent; }