Merge branch 'main' into Jaime_Blob_Arena_minor_changes

apps/nextjs/content/games/blob-arena.mdoc

@@ -16,11 +16,11 @@ tokens:
 icon: icon.png
 coverImage: coverImage.webp
 screenshots:
-  - screenshots/0.png
-  - screenshots/1.png
-  - screenshots/2.png
   - screenshots/3.png
   - screenshots/4.png
+  - screenshots/1.png
+  - screenshots/2.png
+  - screenshots/5.png
 links:
   homepage: https://www.blobarena.xyz/
   discord: https://discord.gg/Aa43XBgYvh

apps/nextjs/content/games/realms-eternum.mdoc

@@ -1,6 +1,6 @@
 ---
-title: 'Realms: Eternum'
-color: '#f5f5f5'
+title: "Realms: Eternum"
+color: "#f5f5f5"
 status: beta
 developer: biblio-dao
 genres:
@@ -14,27 +14,28 @@ operatingSystems:
   - Web Browser
 lords: Trade for resources
 chains:
-  - '420'
+  - "420"
 collections:
   - realms
 tokens:
   - Lords
 icon: icon.png
 coverImage: coverImage.png
 screenshots:
-  - screenshots/0.png
-  - screenshots/1.png
-  - screenshots/2.png
-  - screenshots/3.png
-  - screenshots/4.png
+  - screenshots/0.jpg
+  - screenshots/1.jpg
+  - screenshots/2.jpg
+  - screenshots/3.jpg
+  - screenshots/4.jpg
 links:
-  homepage: https://alpha-eternum.realms.world/
-  discord: https://discord.gg/uQnjZhZPfu
-  twitter: https://twitter.com/LootRealms
+  homepage: https://eternum.realms.world/
+  discord: https://discord.gg/realmsworld
+  twitter: https://twitter.com/RealmsEternum
   github: https://github.com/BibliothecaDAO/eternum
-  testnet: https://eternum.realms.world
+  testnet: https://next-eternum.realms.world/
 playable: true
 ---
+
 Eternum represents the culmination of two years of dedicated effort, aimed at
 crafting a world that transcends the bounds of its creators. It's not just a
 game; it's a sophisticated fusion of economic and social frameworks, forming the

apps/nextjs/src/app/(app)/page.tsx

@@ -15,13 +15,20 @@ import { PageLayout } from "../_components/PageLayout";
 import { Partners } from "../_components/Partners";
 import { BlogGrid } from "./blogs/BlogGrid";
 import CollectionsList from "./collection/CollectionsList";
-import { EventGrid } from "./events/EventGrid";
+
+//import { EventGrid } from "./events/EventGrid";
 
 export default async function Home() {
   const games = await reader().collections.games.all();
   const carouselItems = games
     .filter((a) => a.slug === "realms-eternum")
-    .concat(games.filter((a) => (a.slug !== "realms-eternum" && (a.entry.status === "beta" || a.entry.status === "mainnet"))))
+    .concat(
+      games.filter(
+        (a) =>
+          a.slug !== "realms-eternum" &&
+          (a.entry.status === "beta" || a.entry.status === "mainnet"),
+      ),
+    )
     .map((game) => ({
       alt: game.entry.title,
       src: `/content/games/${game.slug}/${game.entry.coverImage}`,
@@ -37,7 +44,7 @@ export default async function Home() {
           {carouselItems.map((item, index) => (
             <CarouselItem key={index}>
               <Link href={item.href}>
-                <div className="relative h-[300px] sm:h-[400px] md:h-[500px] lg:h-[700px] border-b">
+                <div className="relative h-[300px] border-b sm:h-[400px] md:h-[500px] lg:h-[700px]">
                   <Image
                     src={item.src}
                     alt={item.alt}
@@ -46,9 +53,15 @@ export default async function Home() {
                     className="h-full w-full rounded object-cover"
                   />
                   <div className="absolute bottom-0 left-0 right-0 rounded bg-gradient-to-r from-black to-transparent p-4 sm:p-6 md:p-8">
-                    <h2 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl">{item.title}</h2>
-                    <p className="mb-2 sm:mb-3 md:mb-4 text-sm sm:text-base md:text-lg lg:text-xl">{item.description}</p>
-                    <Button variant="outline" className="text-sm sm:text-base">View game</Button>
+                    <h2 className="text-xl sm:text-2xl md:text-3xl lg:text-4xl">
+                      {item.title}
+                    </h2>
+                    <p className="mb-2 text-sm sm:mb-3 sm:text-base md:mb-4 md:text-lg lg:text-xl">
+                      {item.description}
+                    </p>
+                    <Button variant="outline" className="text-sm sm:text-base">
+                      View game
+                    </Button>
                   </div>
                 </div>
               </Link>
@@ -61,24 +74,28 @@ export default async function Home() {
       <div className="px-4 sm:px-6 md:px-8">
         <Partners />
 
-        <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">All Games</h2>
+        <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">
+          All Games
+        </h2>
         <div className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
           {games.map((game, index) => (
             <GameCard key={index} game={game.entry} slug={game.slug} />
           ))}
         </div>
 
         <div className="my-12 sm:my-16 md:my-20 lg:my-24">
-          <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">News</h2>
+          <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">
+            News
+          </h2>
           <BlogGrid />
         </div>
 
-        <div className="my-12 sm:my-16 md:my-20 lg:my-24">
+        {/*<div className="my-12 sm:my-16 md:my-20 lg:my-24">
           <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">Events</h2>
           <EventGrid isHomepage={true} />
-        </div>
+        </div>*/}
 
-        <hr className="my-6 sm:my-8 border" />
+        <hr className="my-6 border sm:my-8" />
         <div className="my-12 sm:my-16 md:my-20">
           <h2 className="mb-4 font-sans text-xl sm:text-2xl md:text-3xl">
             Featured Collections

apps/nextjs/src/app/_components/SideMenu.tsx

@@ -13,11 +13,10 @@ import Gamepad from "@/icons/gamepad.svg";
 import LordsIcon from "@/icons/lords.svg";
 import RWLogo from "@/icons/rw-logo.svg";
 import SideHeaderImg from "@/icons/side-header.svg";
-import { Github, Newspaper, Twitter, User } from "lucide-react";
-import { cn } from "@realms-world/utils";
-
 import { Button } from "@realms-world/ui/components/ui/button";
 import { ScrollArea } from "@realms-world/ui/components/ui/scroll-area";
+import { cn } from "@realms-world/utils";
+import { Github, Newspaper, Twitter, User } from "lucide-react";
 
 import { useUIStore } from "../../providers/UIStoreProvider";
 
@@ -38,11 +37,11 @@ const Sidebar = () => {
       href: "/collection",
       icon: <Album className="w-[25px]" />,
     },
-    {
+    /* {
       name: "Events",
       href: "/events",
       icon: <Calender className="w-[25px]" />,
-    },
+    },*/
     {
       name: "Blog",
       href: "/blogs",