function MainComponent() { const [tab, setTab] = React.useState('home'); const tabsContent = { home: /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center flex-col", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/davinci.jpg", alt: "Captivating painting of Leonardo da Vinci", className: "w-full max-w-[800px] h-auto", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-6 text-lg font-roboto text-[#34495e]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Welcome to ExploreDaVinci.com, an immersive journey into the life and artistry of Leonardo da Vinci.")), creativity: /*#__PURE__*/ React.createElement("div", { className: "mt-6 max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), childhood: /*#__PURE__*/ React.createElement("div", { className: "mt-6 max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }), contemporarySales: /*#__PURE__*/ React.createElement("div", { className: "mt-6 max-w-[800px] mx-auto", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }) }; const content = tabsContent[tab]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#ecf0f1] p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex flex-wrap justify-between items-center py-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto text-[#34495e]", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "ExploreDaVinci.com"), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `px-3 py-2 rounded-lg font-roboto text-[#34495e] ${tab === 'home' ? 'bg-white shadow-lg' : ''}`, onClick: ()=>setTab('home'), __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { className: `px-3 py-2 rounded-lg font-roboto text-[#34495e] ${tab === 'creativity' ? 'bg-white shadow-lg' : ''}`, onClick: ()=>setTab('creativity'), __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Creativity"), /*#__PURE__*/ React.createElement("button", { className: `px-3 py-2 rounded-lg font-roboto text-[#34495e] ${tab === 'childhood' ? 'bg-white shadow-lg' : ''}`, onClick: ()=>setTab('childhood'), __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Childhood"), /*#__PURE__*/ React.createElement("button", { className: `px-3 py-2 rounded-lg font-roboto text-[#34495e] ${tab === 'contemporarySales' ? 'bg-white shadow-lg' : ''}`, onClick: ()=>setTab('contemporarySales'), __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Contemporary Sales"))), /*#__PURE__*/ React.createElement("main", { className: "mt-6", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, content), /*#__PURE__*/ React.createElement("section", { className: "mt-6", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }))); }