function MainComponent() { const { data: user, loading } = useUser(); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto font-bold text-gray-900", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Noble Social"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, "Loading...") : user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }, user.email), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "bg-gray-200 hover:bg-gray-300 px-4 py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, "Sign Out")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-blue-600 hover:text-blue-700 font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this }, "Sign Up"))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-roboto font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Connect, Share, and Make a Difference"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Join our community to support meaningful causes and connect with like-minded individuals.")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-600 mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hand-holding-heart text-4xl", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-2", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Support Causes"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "Vote and support causes that matter to you. Make your voice heard and create positive change."), /*#__PURE__*/ React.createElement("a", { href: "/causes", className: "inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Explore Causes"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-600 mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-4xl", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-2", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Social Community"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, "Connect with others, share content, and join groups with shared interests."), /*#__PURE__*/ React.createElement("a", { href: "/social-hub", className: "inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, "Join Community"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-blue-600 mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video text-4xl", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-bold mb-2", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Share Content"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Share videos and audio content with the community. Engage through likes and comments."), /*#__PURE__*/ React.createElement("a", { href: "/social-hub", className: "inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg font-roboto", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Start Sharing")))), /*#__PURE__*/ React.createElement("div", { className: "mt-16 text-center", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, "Ready to get started?"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "inline-block bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-roboto text-lg", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Join Now"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white border-t mt-24", __source: { fileName: "", lineNumber: 133, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, "© 2025 Noble Social. All rights reserved.")))); }