\n Welcome to{' '}\n \n BubbleSpace\n \n

\n A modern social platform with 3D illustrations, real-time messaging, and interactive experiences.\n

\n\n {/* Bento Grid Layout */}\n

\n {/* Welcome Card - Always first */}\n

\n \n

\n\n {/* Create Post - Only for logged in users */}\n {user && (\n

\n \n

\n )}\n\n {/* Stats Card */}\n

\n \n

\n\n {/* Trending Card */}\n

\n \n

\n\n {/* Posts */}\n {posts.map((post, index) => (\n

\n \n

\n ))}\n\n {/* Load More Indicator */}\n {loadingMore && (\n

🫧

Loading more posts...

\n )}\n\n {/* End of Posts Message */}\n {!hasMore && posts.length > 0 && (\n

🎉

You've reached the end! Why not create a new post?

\n )}\n\n {/* Empty State */}\n {!loading && posts.length === 0 && (\n

🫧

\n No posts yet!\n

\n Be the first to share something amazing with the community.\n

\n {user ? (\n

\n Use the create post card above to get started! ✨\n

\n ) : (\n \n )}\n

\n )}\n

\n\n {/* Floating Elements for Visual Interest */}\n \n \n \n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/jex/io/code/frontend/components/BentoGrid.tsx","extension","actionData","errors"]