feat: update screenshot

public/Crossbell.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 407.7 407.7"><g id="c"><circle cx="203.85" cy="203.85" r="203.85" fill="none"/><g><path d="M243.74,326.62c0,12.25-17.86,22.18-39.89,22.18s-39.89-9.93-39.89-22.18h79.79Z" fill="#e7b75b"/><g><path d="M172.2,178.08l-64.81,12.31c0-67.42,39.67-122.08,88.61-122.08l-.4,88.66-23.39,21.1Z" fill="#e7b75b"/><path d="M192.33,222.94l-3.49,36.72-4.74,49.91c-.39,.06-.79,.1-1.19,.14-15.91,1.66-38.23-3.4-60.51-14.89-26.95-13.91-46.29-33.32-50.93-49.22,5.9-.3,12.69-2.34,19.23-6.12,8.08-4.67,14.06-10.98,16.85-17.08,.42-.89,.76-1.77,1.03-2.65,.72-2.33,.94-4.58,.58-6.65l63.04-10.39,20.13,20.23Z" fill="#e7b75b"/><path d="M235.5,178.08l64.81,12.31c0-67.42-39.67-122.08-88.61-122.08l.4,88.66,23.39,21.1Z" fill="#e7b75b"/><path d="M215.37,222.94l3.49,36.72,4.74,49.91c.39,.06,.79,.1,1.19,.14,15.91,1.66,38.23-3.4,60.51-14.89,26.95-13.91,46.29-33.32,50.93-49.22-5.9-.3-12.69-2.34-19.23-6.12-8.08-4.67-14.06-10.98-16.85-17.08-.42-.89-.76-1.77-1.03-2.65-.72-2.33-.94-4.58-.58-6.65l-63.04-10.39-20.13,20.23Z" fill="#e7b75b"/></g></g></g></svg>

src/pages/index.tsx

@@ -16,6 +16,7 @@ import { Button } from "~/components/ui/Button"
 import { useConnectModal } from "@rainbow-me/rainbowkit"
 import { useRouter } from "next/router"
 import { GITHUB_LINK, APP_NAME } from "~/lib/env"
+import { getSiteLink } from "~/lib/helpers"
 
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
   return {
@@ -71,8 +72,8 @@ export default function Home({ region }: { region: string | null }) {
     {
       screenshot: {
         src: "/screenshot2.png",
-        width: 812,
-        height: 1041,
+        width: 1528,
+        height: 1204,
       },
       icon: <LoveIcon className="inline mb-2" />,
       title: "Rich Interactions",
@@ -81,8 +82,8 @@ export default function Home({ region }: { region: string | null }) {
     {
       screenshot: {
         src: "/screenshot3.png",
-        width: 1101,
-        height: 721,
+        width: 4232,
+        height: 1486,
       },
       icon: <DashboardIcon className="inline mb-2" />,
       title: "Highly Customizable",
@@ -91,8 +92,8 @@ export default function Home({ region }: { region: string | null }) {
     {
       screenshot: {
         src: "/screenshot1.png",
-        width: 812,
-        height: 835,
+        width: 1520,
+        height: 1331,
       },
       icon: <LaughIcon className="inline mb-2" />,
       title: "Elegant",
@@ -145,12 +146,32 @@ export default function Home({ region }: { region: string | null }) {
               Trusted by these awesome teams and geeks
               <ul className="mt-4 space-x-4">
                 <li className="inline-flex w-20 align-middle items-center">
-                  <Image
-                    src="/RSS3.png"
-                    alt="RSS3"
-                    width="2518"
-                    height="629"
-                  ></Image>
+                  <UniLink
+                    href={getSiteLink({
+                      subdomain: "rss3",
+                    })}
+                  >
+                    <Image
+                      src="/RSS3.png"
+                      alt="RSS3"
+                      width="2518"
+                      height="629"
+                    ></Image>
+                  </UniLink>
+                </li>
+                <li className="inline-flex w-12 align-middle items-center">
+                  <UniLink
+                    href={getSiteLink({
+                      subdomain: "crossbell-blog",
+                    })}
+                  >
+                    <Image
+                      src="/Crossbell.svg"
+                      alt="Crossbell"
+                      width="1000"
+                      height="1000"
+                    ></Image>
+                  </UniLink>
                 </li>
                 <li className="inline-flex h-5 align-middle items-center">
                   <UniLink className="inline-block" href="#">