function MainComponent() { const [votes, setVotes] = React.useState({ optionA: 0, optionB: 0 }); const handleVote = (option)=>{ setVotes((prevVotes)=>({ ...prevVotes, [option]: prevVotes[option] + 1 })); }; const totalRevenue = 5 * (votes.optionA + votes.optionB); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 bg-white shadow-md", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto flex items-center justify-between px-6", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Poll & Win")))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-6 py-16", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "poll", className: "text-center py-16", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl text-[#121212]", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Vote and You Could Win Vodafone Cash!"), /*#__PURE__*/ React.createElement("div", { className: "mt-8 space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleVote('optionA'), className: "w-full max-w-xs py-2 text-white bg-[#0099ff] rounded-md hover:bg-[#007acc]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Option A"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleVote('optionB'), className: "w-full max-w-xs py-2 text-white bg-[#0099ff] rounded-md hover:bg-[#007acc]", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Option B"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-lg text-[#121212]", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Total Votes: ", votes.optionA + votes.optionB)), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-lg text-[#121212]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Total Ad Revenue: $", totalRevenue)))), /*#__PURE__*/ React.createElement("section", { id: "advertisement", className: "py-16", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Advertisement"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "ads/vodafone.jpg", alt: "Vodafone Cash Advertisement", className: "mx-auto w-[300px] h-[200px] object-cover", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-6 bg-[#121212]", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center text-white px-6", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " Poll & Win. All rights reserved."))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } `)); }