♻️ Reorganize public dir (#1283)

apps/landing/next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

apps/landing/public/if-need-be.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="#fbbf24" viewBox="0 0 20 20">
-  <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.106-7.553c-.31-.62-.586-1.014-.813-1.24C12.116 9.03 12.02 9.004 12 9c-.02.004-.116.03-.293.207-.226.226-.503.62-.812 1.24-.357.714-.747 1.32-1.188 1.76C9.265 12.65 8.692 13 8 13c-.692 0-1.265-.35-1.707-.793-.44-.44-.83-1.046-1.187-1.76a1 1 0 1 1 1.789-.894c.31.62.586 1.013.812 1.24.177.177.273.204.293.207.02-.004.116-.03.293-.207.226-.226.503-.62.813-1.24.357-.714.747-1.32 1.187-1.76C10.735 7.35 11.308 7 12 7c.692 0 1.265.35 1.707.793.44.44.83 1.046 1.188 1.76a1 1 0 1 1-1.79.894ZM11.996 9H12h-.002Zm.005 0h.003-.003Zm-3.997 2h-.003.003ZM8 11h-.003H8Z" clip-rule="evenodd" />
-</svg>

apps/landing/public/no.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="size-5" viewBox="0 0 20 20" fill="#94a3b8">
-  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
-</svg>

apps/landing/public/yes.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" class="size-5" viewBox="0 0 20 20" fill="#22c55e">
-  <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
-</svg>

apps/landing/src/components/layouts/page-layout/footer.tsx

@@ -20,9 +20,6 @@ import { useRouter } from "next/router";
 import * as React from "react";
 
 import { Trans } from "@/components/trans";
-import DigitalOcean from "~/digitalocean.svg";
-import Sentry from "~/sentry.svg";
-import Vercel from "~/vercel-logotype-dark.svg";
 
 export const LanguageSelect = () => {
   const router = useRouter();
@@ -273,7 +270,12 @@ const Footer: React.FunctionComponent = () => {
                 href="https://vercel.com?utm_source=rallly&utm_campaign=oss"
                 className="inline-block text-white"
               >
-                <Vercel className="h-5" />
+                <Image
+                  src="/static/images/third-party/vercel-logotype-dark.svg"
+                  alt="Vercel"
+                  width={100}
+                  height={24}
+                />
               </Link>
             </div>
             <div>
@@ -282,7 +284,12 @@ const Footer: React.FunctionComponent = () => {
                 className="inline-block"
                 href="https://m.do.co/c/f91efc9c9e50"
               >
-                <DigitalOcean className="h-7" />
+                <Image
+                  src="/static/images/third-party/digitalocean.svg"
+                  alt="DigitalOcean"
+                  width={150}
+                  height={25}
+                />
               </Link>
             </div>
             <div>
@@ -291,7 +298,12 @@ const Footer: React.FunctionComponent = () => {
                 className="inline-block"
                 href="https://sentry.io"
               >
-                <Sentry className="h-6" />
+                <Image
+                  src="/static/images/third-party/sentry.svg"
+                  alt="Sentry"
+                  width={105}
+                  height={24}
+                />
               </Link>
             </div>
           </div>

apps/landing/src/pages/api/og-image.tsx

@@ -42,7 +42,7 @@ export default async function handler(req: NextRequest) {
             <div tw="flex justify-between items-center w-full">
               <img
                 alt="Rallly"
-                src="https://rallly.co/logo-color.svg"
+                src="https://rallly.co/static/images/logo-color.svg"
                 height={64}
               />
               <div tw="flex text-gray-800 text-3xl tracking-tight font-bold">

apps/web/src/pages/api/og-image-poll.tsx

@@ -39,7 +39,7 @@ export default async function handler(req: NextRequest) {
           <div tw="flex justify-between items-center w-full">
             <img
               alt="Rallly"
-              src="https://rallly.co/logo-color.svg"
+              src="https://rallly.co/static/images/logo-color.svg"
               height={64}
             />
             <div tw="flex text-gray-800 text-3xl tracking-tight font-bold">