diff --git a/apps/web/app/[domain]/layout.tsx b/apps/web/app/[domain]/layout.tsx
index 0d67cb8..b56755b 100644
--- a/apps/web/app/[domain]/layout.tsx
+++ b/apps/web/app/[domain]/layout.tsx
@@ -1,9 +1,8 @@
-import { Footer, Nav, NavMobile } from "@dub/ui";
+import { Footer, Nav } from "@dub/ui";
 
 export default function CustomDomainLayout(props) {
   return (
     <div className="flex min-h-screen flex-col justify-between bg-gray-50">
-      <NavMobile />
       <Nav />
       {props.children}
       <Footer />
diff --git a/apps/web/app/[domain]/page.tsx b/apps/web/app/[domain]/page.tsx
index c17a968..59c2e39 100644
--- a/apps/web/app/[domain]/page.tsx
+++ b/apps/web/app/[domain]/page.tsx
@@ -45,7 +45,6 @@ export async function generateStaticParams() {
 export default function CustomDomainPage() {
   return (
     <>
-      <Background />
       <PlaceholderContent />
     </>
   );
diff --git a/apps/web/app/[domain]/placeholder.tsx b/apps/web/app/[domain]/placeholder.tsx
index fb9d063..86ffd38 100644
--- a/apps/web/app/[domain]/placeholder.tsx
+++ b/apps/web/app/[domain]/placeholder.tsx
@@ -1,93 +1,52 @@
 "use client";
 
-import { InlineSnippet } from "@dub/ui";
-import { STAGGER_CHILD_VARIANTS } from "@dub/utils";
-import Spline from "@splinetool/react-spline";
+import { Logo, InlineSnippet } from "@dub/ui";
+import { Button } from "@react-email/components";
 import va from "@vercel/analytics";
-import { motion } from "framer-motion";
+import Link from "next/link";
 import { useParams } from "next/navigation";
-import { useState } from "react";
-import { useDebounce } from "use-debounce";
 
 export default function PlaceholderContent() {
   const { domain } = useParams() as { domain: string };
-  const [loading, setLoading] = useState(true);
-  const onLoad = () => {
-    setLoading(false);
-  };
-  // workarouond to avoid the blinking effect when Spline loads
-  const [opacity] = useDebounce(loading ? 0 : 1, 200);
-
-  const [showText] = useDebounce(loading ? false : true, 800);
 
   return (
-    <motion.div
-      className="z-10 mb-20"
-      exit={{ opacity: 0, scale: 0.95 }}
-      transition={{ duration: 0.5, type: "spring" }}
-    >
-      <div
-        className={`${
-          loading ? "scale-[25%] blur-md" : "scale-100 blur-0"
-        } mt-[7vh] h-[50vh] w-screen object-cover transition-all duration-1000`}
-      >
-        <Spline
-          onLoad={onLoad}
-          style={{ opacity: opacity }}
-          scene="https://prod.spline.design/cJkq6hsiUPNRHeMf/scene.splinecode"
-        />
+      <div className="flex flex-col justify-center">
+        <div className="mx-auto flex max-w-xs flex-col space-y-10 sm:max-w-lg">
+          <h1 className="font-display text-2xl font-bold">
+            Hey there, this is a Custom Domain from 7QR
+          </h1>
+          <p className="text-sm">
+            The link you clicked may not be working. Please make sure the link
+            you clicked on or typed contains letters or numbers after the
+            forward-slash (“/”).
+          </p>
+          <p className="text-sm">
+            <InlineSnippet>{domain}</InlineSnippet> is a custom domain on{" "}
+            <a
+              className="bg-clip-text font-semibold hover:underline"
+              href="https://7qr.codes"
+              onClick={() =>
+                va.track("Referred from custom domain", {
+                  domain,
+                  medium: "text",
+                })
+              }
+            >
+              7QR
+            </a>{" "}
+            - a great platform to boost your businesses with QR Codes.
+          </p>
+          <p className="text-sm">
+            Want to create your own QR Codes with 7QR?{" "}
+            <a
+              href="https://7qr.codes"
+              className="text-pink-medium font-medium hover:underline"
+            >
+              Click here
+            </a>{" "}
+            to discover how it can help you grow!
+          </p>
+        </div>
       </div>
-      <motion.div
-        variants={{
-          show: {
-            transition: {
-              staggerChildren: 0.3,
-            },
-          },
-        }}
-        initial="hidden"
-        animate={showText ? "show" : "hidden"}
-        className="mx-5 flex flex-col items-center space-y-10 text-center sm:mx-auto"
-      >
-        <motion.h1
-          className="font-display text-4xl font-bold text-gray-800 transition-colors sm:text-5xl"
-          variants={STAGGER_CHILD_VARIANTS}
-        >
-          Welcome to {process.env.NEXT_PUBLIC_APP_NAME}
-        </motion.h1>
-        <motion.p
-          className="max-w-xl text-gray-600 transition-colors sm:text-lg"
-          variants={STAGGER_CHILD_VARIANTS}
-        >
-          <InlineSnippet>{domain}</InlineSnippet> is a custom domain on{" "}
-          <a
-            className="bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text font-semibold text-transparent decoration-rose-600 hover:underline"
-            href="https://7qr.codes"
-            onClick={() =>
-              va.track("Referred from custom domain", {
-                domain,
-                medium: "text",
-              })
-            }
-          >
-            {process.env.NEXT_PUBLIC_APP_NAME}
-          </a>{" "}
-          - the link management infrastructure for modern marketing teams.
-        </motion.p>
-        <motion.a
-          variants={STAGGER_CHILD_VARIANTS}
-          href="https://7qr.codes"
-          onClick={() =>
-            va.track("Referred from custom domain", {
-              domain,
-              medium: "button",
-            })
-          }
-          className="rounded-full bg-gray-800 px-10 py-2 font-medium text-white transition-colors hover:bg-black"
-        >
-          Create Your Free Branded Link
-        </motion.a>
-      </motion.div>
-    </motion.div>
   );
 }
diff --git a/apps/web/app/admin.dub.co/layout.tsx b/apps/web/app/admin.dub.co/layout.tsx
index 973dd2c..927f5a9 100644
--- a/apps/web/app/admin.dub.co/layout.tsx
+++ b/apps/web/app/admin.dub.co/layout.tsx
@@ -8,7 +8,7 @@ export default async function AdminLayout({
 }) {
   return (
     <>
-      <Background />
+      
       <div className="relative z-10 flex h-screen w-screen justify-center">
         {children}
       </div>
diff --git a/apps/web/app/api/links/route.ts b/apps/web/app/api/links/route.ts
index 90be935..f7445a8 100644
--- a/apps/web/app/api/links/route.ts
+++ b/apps/web/app/api/links/route.ts
@@ -84,6 +84,14 @@ export const POST = withAuth(
 
     const response = await addLink(link);
 
+    console.log({
+      url: `${APP_DOMAIN_WITH_NGROK}/api/cron/links/event`,
+      body: {
+        linkId: response.id,
+        type: "create",
+      },
+    });
+    
     await qstash.publishJSON({
       url: `${APP_DOMAIN_WITH_NGROK}/api/cron/links/event`,
       body: {
diff --git a/apps/web/app/app.dub.co/(auth)/layout.tsx b/apps/web/app/app.dub.co/(auth)/layout.tsx
index df7a5ad..17f3d14 100644
--- a/apps/web/app/app.dub.co/(auth)/layout.tsx
+++ b/apps/web/app/app.dub.co/(auth)/layout.tsx
@@ -6,7 +6,7 @@ export const runtime = "edge";
 export default function AuthLayout({ children }: { children: ReactNode }) {
   return (
     <>
-      <Background />
+      
       <div className="relative z-10 flex h-screen w-screen justify-center">
         {children}
       </div>
diff --git a/apps/web/app/app.dub.co/(auth)/welcome/page.tsx b/apps/web/app/app.dub.co/(auth)/welcome/page.tsx
index a3ebbfc..0f13470 100644
--- a/apps/web/app/app.dub.co/(auth)/welcome/page.tsx
+++ b/apps/web/app/app.dub.co/(auth)/welcome/page.tsx
@@ -12,7 +12,7 @@ export const metadata = constructMetadata({
 export default function WelcomePage() {
   return (
     <>
-      <Background />
+      
       <Suspense>
         <WelcomePageClient />
       </Suspense>
diff --git a/apps/web/app/banned/page.tsx b/apps/web/app/banned/page.tsx
index e801d81..2d9422f 100644
--- a/apps/web/app/banned/page.tsx
+++ b/apps/web/app/banned/page.tsx
@@ -30,7 +30,7 @@ export default async function BannedPage() {
         </a>
       </div>
       <Footer />
-      <Background />
+      
     </main>
   );
 }
diff --git a/apps/web/app/expired/page.tsx b/apps/web/app/expired/page.tsx
index 4fe6f2b..be35d9c 100644
--- a/apps/web/app/expired/page.tsx
+++ b/apps/web/app/expired/page.tsx
@@ -32,7 +32,7 @@ export default async function ExpiredPage() {
         </a>
       </div>
       <Footer />
-      <Background />
+      
     </main>
   );
 }
diff --git a/apps/web/app/inspect/[domain]/[key]/page.tsx b/apps/web/app/inspect/[domain]/[key]/page.tsx
index 90dd18d..57d6f91 100644
--- a/apps/web/app/inspect/[domain]/[key]/page.tsx
+++ b/apps/web/app/inspect/[domain]/[key]/page.tsx
@@ -86,7 +86,7 @@ export default async function InspectPage({
           </a>
         </div>
         <Footer />
-        <Background />
+        
       </main>
     </>
   );
diff --git a/apps/web/app/password/[domain]/[key]/loading.tsx b/apps/web/app/password/[domain]/[key]/loading.tsx
index 2895abf..2575364 100644
--- a/apps/web/app/password/[domain]/[key]/loading.tsx
+++ b/apps/web/app/password/[domain]/[key]/loading.tsx
@@ -4,7 +4,7 @@ export default function Loading() {
   return (
     <main className="flex h-screen w-screen items-center justify-center">
       <LoadingSpinner />
-      <Background />
+      
     </main>
   );
 }
diff --git a/apps/web/app/password/[domain]/[key]/page.tsx b/apps/web/app/password/[domain]/[key]/page.tsx
index cb30744..e79b26a 100644
--- a/apps/web/app/password/[domain]/[key]/page.tsx
+++ b/apps/web/app/password/[domain]/[key]/page.tsx
@@ -113,7 +113,7 @@ export default async function PasswordProtectedLinkPage({
 
   return (
     <main className="flex h-screen w-screen items-center justify-center">
-      <Background />
+      
       <div className="z-10 w-full max-w-md overflow-hidden rounded-2xl border border-gray-100 shadow-xl">
         <div className="flex flex-col items-center justify-center space-y-3 border-b border-gray-200 bg-white px-4 py-6 pt-8 text-center sm:px-16">
           {!isDubDomain(domain) &&
diff --git a/apps/web/emails/login-link.tsx b/apps/web/emails/login-link.tsx
index 86bfe20..88f72c0 100644
--- a/apps/web/emails/login-link.tsx
+++ b/apps/web/emails/login-link.tsx
@@ -24,40 +24,39 @@ export default function LoginLink({
   return (
     <Html>
       <Head />
-      <Preview>Your 7QR Login Link</Preview>
+      <Preview>Your magic link from 7QR is ready</Preview>
       <Tailwind>
         <Body className="mx-auto my-auto bg-white font-sans">
-          <Container className="mx-auto my-10 max-w-[500px] rounded border border-solid border-gray-200 px-10 py-5">
+          <Container className="mx-auto my-5 max-w-[500px] rounded border border-solid border-gray-200 px-10">
             <Section className="mt-8">
               <Img
                 src={DUB_LOGO}
-                width="40"
-                height="40"
-                alt="Dub"
-                className="mx-auto my-0"
+                width="30"
+                height="30"
+                alt="7QR"
+                className="mx-auto my-0 rounded-sm"
               />
             </Section>
-            <Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold text-black">
-              Your Login Link
+            <Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold">
+              🪄 Your magic link
             </Heading>
-            <Text className="text-sm leading-6 text-black">
-              Welcome to 7QR!
-            </Text>
-            <Text className="text-sm leading-6 text-black">
+            <Text className="text-sm leading-6">Welcome back,</Text>
+            <Text className="text-sm leading-6">
               Please click the magic link below to sign in to your account.
             </Text>
             <Section className="my-8 text-center">
               <Link
-                className="rounded-full bg-black px-6 py-3 text-center text-[12px] font-semibold text-white no-underline"
+                className="rounded bg-[#08272E] px-5 py-3 text-center text-[12px] font-semibold text-white no-underline"
                 href={url}
               >
-                Sign in
+                👉 Click here to sign in 👈
               </Link>
             </Section>
-            <Text className="text-sm leading-6 text-black">
-              or copy and paste this URL into your browser:
+
+            <Text className="text-sm leading-6">
+              Or copy and paste the following code into the login page:
             </Text>
-            <Text className="max-w-sm flex-wrap break-words font-medium text-purple-600 no-underline">
+            <Text className="text-center text-lg font-bold leading-6 tracking-widest">
               {url.replace(/^https?:\/\//, "")}
             </Text>
             <Footer email={email} />
diff --git a/apps/web/emails/rebrand-email.tsx b/apps/web/emails/rebrand-email.tsx
deleted file mode 100644
index 20eb191..0000000
--- a/apps/web/emails/rebrand-email.tsx
+++ /dev/null
@@ -1,148 +0,0 @@
-import { DUB_LOGO, DUB_THUMBNAIL } from "@dub/utils";
-import {
-  Body,
-  Container,
-  Head,
-  Heading,
-  Hr,
-  Html,
-  Img,
-  Link,
-  Preview,
-  Section,
-  Tailwind,
-  Text,
-} from "@react-email/components";
-import Footer from "./components/footer";
-
-export default function RebrandEmail({
-  name = "Brendon Urie",
-  email = "panic@thedis.co",
-}: {
-  name: string | null;
-  email: string;
-}) {
-  return (
-    <Html>
-      <Head />
-      <Preview>
-        Today, we're thrilled to announce our rebrand. Dub.sh is now 7QR.
-      </Preview>
-      <Tailwind>
-        <Body className="mx-auto my-auto bg-white font-sans">
-          <Container className="mx-auto my-10 max-w-[500px] rounded border border-solid border-gray-200 px-10 py-5">
-            <Section className="mt-8">
-              <Img
-                src={DUB_LOGO}
-                width="40"
-                height="40"
-                alt="Dub"
-                className="mx-auto my-0"
-              />
-            </Section>
-            <Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold text-black">
-              Dub​.sh is rebranding to Dub​.co
-            </Heading>
-            <Section className="my-8">
-              <Img src={DUB_THUMBNAIL} alt="Dub" className="max-w-[500px]" />
-            </Section>
-            <Text className="text-sm leading-6 text-black">
-              Hey{name ? ` ${name}` : " there"}!
-            </Text>
-            <Text className="text-sm leading-6 text-black">
-              My name is Steven, and I'm the founder of Dub. Today, I have some
-              exciting news to share with you.
-            </Text>
-            <Text className="text-sm font-bold leading-6 text-black">
-              Dub​.sh is rebranding to Dub​.co.
-            </Text>
-            <Text className="text-sm leading-6 text-black">
-              You can learn more about the rebrand and what's changing{" "}
-              <Link
-                href="https://dub.co/blog/rebrand"
-                className="font-medium text-blue-600 no-underline"
-              >
-                in this blog post
-              </Link>
-              .
-            </Text>
-            <Text className="text-sm leading-6 text-black">
-              Moving forward, we'll also be sending product update emails from{" "}
-              <strong>ship.dub​.co</strong> instead of{" "}
-              <strong>ship.dub​.sh</strong>. We'd appreciate it if you can add{" "}
-              <strong>ship.dub​.co</strong> to your email whitelist to ensure
-              you receive our emails.
-            </Text>
-            <Hr />
-            <Text className="text-sm leading-6 text-black">
-              Along with the rebrand, we've also been working on a multitude of
-              new features. In the last 30 days, we rolled out 9 major updates:
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆{" "}
-              <Link
-                href="https://dub.co/blog/migration-assistants"
-                className="font-bold text-blue-600 no-underline"
-              >
-                Migration Assistants
-              </Link>{" "}
-              for Bitly and Short​.io
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆{" "}
-              <Link
-                href="https://dub.co/help"
-                className="font-bold text-blue-600 no-underline"
-              >
-                Dub Help Center
-              </Link>{" "}
-              - a one-stop shop for all your Dub questions
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Geo Targeting</strong> - Redirect visitors based on
-              their location
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Link comments</strong> - Leave comments on your links
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Link Cloaking</strong> – Mask your destination URL
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Custom QR Codes</strong> – Available on the Pro plan
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Custom Social Media Cards</strong>
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Detailed Link Stats</strong>
-            </Text>
-            <Text className="ml-1 text-sm leading-6 text-black">
-              ◆ <strong>Link Pagination</strong>
-            </Text>
-            <Text className="text-sm leading-6 text-black">
-              Check out our{" "}
-              <Link
-                href="https://dub.co/changelog"
-                className="font-medium text-blue-600 no-underline"
-              >
-                changelog
-              </Link>{" "}
-              to see what's new on Dub.
-            </Text>
-
-            <Text className="text-sm leading-6 text-black">
-              Let me know if you have any questions or feedback. I'm always
-              happy to help!
-            </Text>
-            <Text className="text-sm font-light leading-6 text-gray-400">
-              Steven from Dub
-            </Text>
-
-            <Footer email={email} marketing />
-          </Container>
-        </Body>
-      </Tailwind>
-    </Html>
-  );
-}
diff --git a/apps/web/emails/welcome-email.tsx b/apps/web/emails/welcome-email.tsx
index e44dcd0..c9211a4 100644
--- a/apps/web/emails/welcome-email.tsx
+++ b/apps/web/emails/welcome-email.tsx
@@ -1,4 +1,3 @@
-import { DUB_LOGO, DUB_THUMBNAIL } from "@dub/utils";
 import {
   Body,
   Container,
@@ -6,13 +5,13 @@ import {
   Heading,
   Html,
   Img,
-  Link,
   Preview,
   Section,
   Tailwind,
   Text,
 } from "@react-email/components";
 import Footer from "./components/footer";
+import { DUB_LOGO } from "@dub/utils";
 
 export default function WelcomeEmail({
   name = "Brendon Urie",
@@ -24,80 +23,40 @@ export default function WelcomeEmail({
   return (
     <Html>
       <Head />
-      <Preview>Welcome to 7QR</Preview>
+      <Preview>Welcome to 7QR 🤝</Preview>
       <Tailwind>
         <Body className="mx-auto my-auto bg-white font-sans">
-          <Container className="mx-auto my-10 max-w-[500px] rounded border border-solid border-gray-200 px-10 py-5">
+          <Container className="mx-auto my-5 max-w-[500px] rounded border border-solid border-gray-200 px-10">
             <Section className="mt-8">
               <Img
                 src={DUB_LOGO}
-                width="40"
-                height="40"
-                alt="Dub"
-                className="mx-auto my-0"
+                width="30"
+                height="30"
+                alt="7QR"
+                className="mx-auto my-0 rounded-sm"
               />
             </Section>
-            <Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold text-black">
-              Welcome to 7QR
+            <Heading className="mx-0 my-7 p-0 text-center text-xl font-semibold">
+              You're in. Time to begin 🎉
             </Heading>
-            <Section className="my-8">
-              <Img src={DUB_THUMBNAIL} alt="Dub" className="max-w-[500px]" />
-            </Section>
-            <Text className="text-sm leading-6 text-black">
-              Thanks for signing up{name && `, ${name}`}!
-            </Text>
-            <Text className="text-sm leading-6 text-black">
-              My name is Steven, and I'm the founder of 7QR - the modern link
-              management platform for you to create marketing campaigns, link
-              sharing features, and referral programs. We're excited to have you
-              on board!
-            </Text>
-            <Text className="text-sm leading-6 text-black">
-              Here are a few things you can do:
+            <Text className="text-sm leading-6">
+              Welcome to 7QR, {name && `, ${name}`}!
             </Text>
-            <Text className="ml-1 text-sm leading-4 text-black">
-              ◆ Create a{" "}
-              <Link
-                href="https://app.7qr.codes"
-                className="font-medium text-blue-600 no-underline"
-              >
-                new project
-              </Link>{" "}
-              and{" "}
-              <Link
-                href="https://dub.co/help/article/how-to-add-custom-domain"
-                className="font-medium text-blue-600 no-underline"
-              >
-                add your custom domain
-              </Link>
+            <Text className="text-sm leading-6">
+              Congratulations, you are about to transform how to communicate
+              with your customers.
             </Text>
-            <Text className="ml-1 text-sm leading-4 text-black">
-              ◆ Create your first{" "}
-              <Link
-                href="https://dub.co/help/article/how-to-create-link"
-                className="font-medium text-blue-600 no-underline"
-              >
-                short link
-              </Link>
+            <Text className="text-sm leading-6">
+              Throughout your free plan you have access to our best products
+              such QR codes, short links, analytics and more.
             </Text>
-            <Text className="ml-1 text-sm leading-4 text-black">
-              ◆ Check out our{" "}
-              <Link
-                href="https://7qr.codes/api"
-                className="font-medium text-blue-600 no-underline"
-              >
-                API documentation
-              </Link>{" "}
-              for programmatic link generation
+            <Text className="text-sm leading-6">
+              We're excited to have you on board!
             </Text>
-            <Text className="text-sm leading-6 text-black">
-              Let me know if you have any questions or feedback. I'm always
-              happy to help!
+            <Text className="text-sm font-light leading-6">
+              Best,
+              <br /> - The 7QR Team
             </Text>
-            <Text className="text-sm font-light leading-6 text-gray-400">
-              Steven from Dub
-            </Text>
-
             <Footer email={email} marketing />
           </Container>
         </Body>
diff --git a/apps/web/package.json b/apps/web/package.json
index d838438..3c95d98 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -4,6 +4,7 @@
   "license": "AGPL-3.0-or-later",
   "scripts": {
     "dev": "concurrently --kill-others \"prisma generate && next dev --turbo --port 8888\" \"prisma generate && prisma studio --browser none\" \"email dev --port 3333\"",
+    "dev:email": "email dev",
     "build": "prisma generate & next build",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "lint": "next lint",
diff --git a/package.json b/package.json
index 8a97a0a..879fc63 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "license": "AGPL-3.0-or-later",
   "scripts": {
     "build": "turbo build",
-    "build:packages": "dotenv -- turbo run build --filter='./packages/*'",
+    "build:packages": "turbo build --filter='./packages/*'",
     "dev": "turbo dev",
     "lint": "turbo lint",
     "clean": "turbo clean",
diff --git a/packages/ui/src/footer.tsx b/packages/ui/src/footer.tsx
index 7060a31..e46089d 100644
--- a/packages/ui/src/footer.tsx
+++ b/packages/ui/src/footer.tsx
@@ -1,312 +1,38 @@
-"use client";
-
-import { ALL_TOOLS, COMPARE_PAGES, cn, fetcher } from "@dub/utils";
-import va from "@vercel/analytics";
-import Image from "next/image";
 import Link from "next/link";
-import { useParams } from "next/navigation";
-import { useEffect, useState } from "react";
-import useSWR from "swr";
-import { FEATURES_LIST } from "./content";
-import { Github, LinkedIn, LogoType, Twitter, YouTube } from "./icons";
-import { MaxWidthWrapper } from "./max-width-wrapper";
+import { LogoType } from "./icons";
 
 const navigation = {
-  features: FEATURES_LIST.map(({ shortTitle, slug }) => ({
-    name: shortTitle,
-    href: `/${slug}`,
-  })),
-  product: [
-    { name: "Blog", href: "/blog" },
-    { name: "Changelog", href: "/changelog" },
-    { name: "Customers", href: "/customers" },
-    { name: "Pricing", href: "/pricing" },
-    { name: "Enterprise", href: "/enterprise" },
-    { name: "Help Center", href: "/help" },
-  ],
-  compare: COMPARE_PAGES.map(({ name, slug }) => ({
-    name,
-    href: `/compare/${slug}`,
-  })),
   legal: [
-    { name: "Privacy", href: "/privacy" },
-    { name: "Terms", href: "/terms" },
-    { name: "Abuse", href: "/abuse" },
+    { name: "Privacy Policy", href: "/privacy" },
+    { name: "Terms of Service", href: "/terms" },
+    { name: "Report Abuse", href: "/abuse" },
+    { name: "Imprint", href: "/imprint" },
   ],
-  tools: ALL_TOOLS.map(({ name, slug }) => ({
-    name,
-    href: `/tools/${slug}`,
-  })),
 };
 
 export function Footer() {
-  const { domain = "7qr.codes" } = useParams() as { domain: string };
-
-  const createHref = (href: string) =>
-    domain === "7qr.codes" ? href : `https://7qr.codes${href}`;
-
-  return (
-    <footer>
-      <MaxWidthWrapper className="relative z-10 overflow-hidden border border-b-0 border-gray-200 bg-white/50 pb-60 pt-16 backdrop-blur-lg md:rounded-t-2xl">
-        <div className="xl:grid xl:grid-cols-3 xl:gap-8">
-          <div className="space-y-6">
-            <Link
-              href={createHref("/")}
-              {...(domain !== "7qr.codes" && {
-                onClick: () => {
-                  va.track("Referred from custom domain", {
-                    domain,
-                    medium: `footer item (logo)`,
-                  });
-                },
-              })}
-            >
-              <span className="sr-only">
-                {process.env.NEXT_PUBLIC_APP_NAME} Logo
-              </span>
-              <LogoType className="h-7 text-gray-800" />
-            </Link>
-            <p className="max-w-xs text-sm text-gray-500">
-              Giving modern marketing teams superpowers with short links that
-              stand out.
-            </p>
-            <p className="text-sm leading-5 text-gray-400">
-              © {new Date().getFullYear()} Dub Technologies, Inc.
-            </p>
-            <div className="flex items-center space-x-3">
-              <a
-                href="https://twitter.com/dubdotco"
-                target="_blank"
-                rel="noreferrer"
-                className="group rounded-full border border-gray-200 p-2 transition-colors hover:bg-gray-100"
-              >
-                <span className="sr-only">Twitter</span>
-                <Twitter className="h-4 w-4 text-gray-600" />
-              </a>
-              <a
-                href="https://github.com/7qrcodes/7QR"
-                target="_blank"
-                rel="noreferrer"
-                className="rounded-full border border-gray-200 p-2 transition-colors hover:bg-gray-100"
-              >
-                <span className="sr-only">Github</span>
-                <Github className="h-4 w-4 text-gray-600" />
-              </a>
-              <a
-                href="https://www.linkedin.com/company/dubinc"
-                target="_blank"
-                rel="noreferrer"
-                className="rounded-full border border-gray-200 p-2 transition-colors hover:bg-gray-100"
-              >
-                <span className="sr-only">LinkedIn</span>
-                <LinkedIn className="h-4 w-4 text-gray-600" />
-              </a>
-              <a
-                href="https://www.youtube.com/@dubdotco"
-                target="_blank"
-                rel="noreferrer"
-                className="rounded-full border border-gray-200 p-2 transition-colors hover:bg-gray-100"
-              >
-                <span className="sr-only">YouTube</span>
-                <YouTube className="h-4 w-4 text-gray-600" />
-              </a>
-            </div>
-            <StatusBadge />
-          </div>
-          <div className="mt-16 grid grid-cols-2 gap-4 xl:col-span-2 xl:mt-0">
-            <div className="md:grid md:grid-cols-2">
-              <div>
-                <h3 className="text-sm font-semibold text-gray-800">
-                  Features
-                </h3>
-                <ul role="list" className="mt-4 space-y-4">
-                  {navigation.features.map((item) => (
-                    <li key={item.name}>
-                      <Link
-                        href={createHref(item.href)}
-                        {...(domain !== "7qr.codes" && {
-                          onClick: () => {
-                            va.track("Referred from custom domain", {
-                              domain,
-                              medium: `footer item (${item.name})`,
-                            });
-                          },
-                        })}
-                        className="text-sm text-gray-500 hover:text-gray-800"
-                      >
-                        {item.name}
-                      </Link>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-              <div className="mt-10 md:mt-0">
-                <h3 className="text-sm font-semibold text-gray-800">Product</h3>
-                <ul role="list" className="mt-4 space-y-4">
-                  {navigation.product.map((item) => (
-                    <li key={item.name}>
-                      <Link
-                        href={createHref(item.href)}
-                        {...(domain !== "7qr.codes" && {
-                          onClick: () => {
-                            va.track("Referred from custom domain", {
-                              domain,
-                              medium: `footer item (${item.name})`,
-                            });
-                          },
-                        })}
-                        className="text-sm text-gray-500 hover:text-gray-800"
-                      >
-                        {item.name}
-                      </Link>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            </div>
-            <div className="md:grid md:grid-cols-2">
-              <div className="flex flex-col space-y-8">
-                <div>
-                  <h3 className="text-sm font-semibold text-gray-800">
-                    Compare
-                  </h3>
-                  <ul role="list" className="mt-4 space-y-4">
-                    {navigation.compare.map((item) => (
-                      <li key={item.name}>
-                        <Link
-                          href={createHref(item.href)}
-                          {...(domain !== "7qr.codes" && {
-                            onClick: () => {
-                              va.track("Referred from custom domain", {
-                                domain,
-                                medium: `footer item (${item.name})`,
-                              });
-                            },
-                          })}
-                          className="text-sm text-gray-500 hover:text-gray-800"
-                        >
-                          {item.name}
-                        </Link>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-                <div>
-                  <h3 className="text-sm font-semibold text-gray-800">Legal</h3>
-                  <ul role="list" className="mt-4 space-y-4">
-                    {navigation.legal.map((item) => (
-                      <li key={item.name}>
-                        <Link
-                          href={createHref(item.href)}
-                          {...(domain !== "7qr.codes" && {
-                            onClick: () => {
-                              va.track("Referred from custom domain", {
-                                domain,
-                                medium: `footer item (${item.name})`,
-                              });
-                            },
-                          })}
-                          className="text-sm text-gray-500 hover:text-gray-800"
-                        >
-                          {item.name}
-                        </Link>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              </div>
-
-              <div className="mt-10 md:mt-0">
-                <h3 className="text-sm font-semibold text-gray-800">Tools</h3>
-                <ul role="list" className="mt-4 space-y-4">
-                  {navigation.tools.map((item) => (
-                    <li key={item.name}>
-                      <Link
-                        href={createHref(item.href)}
-                        {...(domain !== "7qr.codes" && {
-                          onClick: () => {
-                            va.track("Referred from custom domain", {
-                              domain,
-                              medium: `footer item (${item.name})`,
-                            });
-                          },
-                        })}
-                        className="text-sm text-gray-500 hover:text-gray-800"
-                      >
-                        {item.name}
-                      </Link>
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            </div>
-          </div>
-        </div>
-        <Image
-          src="https://assets.7qr.codes/footer.png"
-          alt="Dub Technologies, Inc. Logo"
-          width={1959}
-          height={625}
-          className="pointer-events-none absolute inset-x-0 bottom-0 z-0"
-        />
-      </MaxWidthWrapper>
-    </footer>
-  );
-}
-
-function StatusBadge() {
-  const { data } = useSWR<{
-    ongoing_incidents: {
-      name: string;
-      current_worst_impact:
-        | "degraded_performance"
-        | "partial_outage"
-        | "full_outage";
-    }[];
-  }>("https://status.7qr.codes/api/v1/summary", fetcher);
-
-  const [color, setColor] = useState("bg-gray-200");
-  const [status, setStatus] = useState("Loading status...");
-
-  useEffect(() => {
-    if (!data) return;
-    const { ongoing_incidents } = data;
-    if (ongoing_incidents.length > 0) {
-      const { current_worst_impact, name } = ongoing_incidents[0];
-      const color =
-        current_worst_impact === "degraded_performance"
-          ? "bg-yellow-500"
-          : "bg-red-500";
-      setStatus(name);
-      setColor(color);
-    } else {
-      setStatus("All systems operational");
-      setColor("bg-green-500");
-    }
-  }, [data]);
+  const createHref = (href: string) => `https://7qr.codes${href}`;
 
   return (
-    <Link
-      href="https://status.7qr.codes"
-      target="_blank"
-      className="group flex max-w-fit items-center space-x-2 rounded-md border border-gray-200 bg-white px-3 py-2 transition-colors hover:bg-gray-100"
-    >
-      <div className="relative h-3 w-3">
-        <div
-          className={cn(
-            "absolute inset-0 m-auto h-3 w-3 animate-ping items-center justify-center rounded-full group-hover:animate-none",
-            color,
-            status === "Loading status..." && "animate-none",
-          )}
-        />
-        <div
-          className={cn(
-            "absolute inset-0 z-10 m-auto h-3 w-3 rounded-full",
-            color,
-          )}
-        />
+    <footer className="bg-primary text-primary-foreground z-10 py-8">
+      <div className="flex w-full flex-col items-center">
+        <LogoType className="h-[28px] w-[100px]" />
+        <p className="text-primary-foreground mt-8 px-4 text-sm leading-5">
+          © {new Date().getFullYear()} 7QR.CODES | Made in Switzerland | Av.
+          des Grandes-Communes 8 | Geneva 🇨🇭
+        </p>
+      </div>
+      <div className="my-6 flex md:items-center">
+        <ul role="list" className="mx-auto flex flex-wrap justify-center gap-4">
+          {navigation.legal.map((item) => (
+            <li key={item.name}>
+                <Link href={createHref(item.href)} className="text-sm">
+                  {item.name}
+                </Link>
+            </li>
+          ))}
+        </ul>
       </div>
-      <p className="text-sm font-medium text-gray-800">{status}</p>
-    </Link>
+    </footer>
   );
 }
diff --git a/packages/ui/src/icons/logo.tsx b/packages/ui/src/icons/logo.tsx
index adbb232..2f625ee 100644
--- a/packages/ui/src/icons/logo.tsx
+++ b/packages/ui/src/icons/logo.tsx
@@ -1,33 +1,23 @@
 import { cn } from "@dub/utils";
 
 export default function Logo({ className }: { className?: string }) {
-  const blueColor = "#BCE7FD";
-  const orangeColor = "#FF934F";
-  const baseColor = "#08272E";
-
   return (
     <svg
       width="191"
       height="191"
-      viewBox="0 0 360 360"
+      viewBox="0 0 191 191"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       className={cn("h-10 w-10 text-black", className)}
     >
+      <circle cx="95.5" cy="95.5" r="95.5" fill="#08272E" />
       <path
-        d="M0 180C0 80.5887 80.5887 0 180 0V0C279.411 0 360 80.5887 360 180V180V180C360 279.411 279.411 360 180 360V360C80.5887 360 0 279.411 0 180V180Z"
-        fill={baseColor}
-        shapeRendering="geometricPrecision"
-      />
-      <path
-        d="M193.246 280H130.361C136.937 236.784 158.002 197.589 193.554 162.417H104.159V127.876H256.439V156.502C216.982 196.249 195.917 237.415 193.246 280Z"
-        fill={blueColor}
-        shapeRendering="geometricPrecision"
+        d="M102.528 148.556H69.1637C72.6528 125.627 83.8286 104.832 102.691 86.1713H55.2621V67.8451H136.055V83.0333C115.121 104.121 103.945 125.962 102.528 148.556Z"
+        fill="#BCE7FD"
       />
       <path
-        d="M104 80H256.223V109.268H104V80Z"
-        fill={orangeColor}
-        shapeRendering="geometricPrecision"
+        d="M55.1778 42.4445H135.94V57.9729H55.1778V42.4445Z"
+        fill="#FF934F"
       />
     </svg>
   );
diff --git a/packages/ui/src/nav-mobile.tsx b/packages/ui/src/nav-mobile.tsx
index 8a845e3..158f0f9 100644
--- a/packages/ui/src/nav-mobile.tsx
+++ b/packages/ui/src/nav-mobile.tsx
@@ -7,7 +7,6 @@ import { useParams } from "next/navigation";
 import { useEffect, useState } from "react";
 import useSWR from "swr";
 import { FEATURES_LIST } from "./content";
-import { navItems } from "./nav";
 
 export function NavMobile() {
   const { domain = "7qr.codes" } = useParams() as { domain: string };
@@ -85,19 +84,6 @@ export function NavMobile() {
               </div>
             )}
           </li>
-          {navItems.map(({ name, slug }) => (
-            <li key={slug} className="py-3">
-              <Link
-                href={
-                  domain === "7qr.codes" ? `/${slug}` : `https://7qr.codes/${slug}`
-                }
-                onClick={() => setOpen(false)}
-                className="flex w-full font-semibold capitalize"
-              >
-                {name}
-              </Link>
-            </li>
-          ))}
 
           {session && Object.keys(session).length > 0 ? (
             <li className="py-3">
diff --git a/packages/ui/src/nav.tsx b/packages/ui/src/nav.tsx
index cfda56e..02cb126 100644
--- a/packages/ui/src/nav.tsx
+++ b/packages/ui/src/nav.tsx
@@ -1,52 +1,18 @@
 "use client";
 
 import { APP_DOMAIN, HIDE_BACKGROUND_SEGMENTS, cn, fetcher } from "@dub/utils";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import va from "@vercel/analytics";
-import { ChevronDown } from "lucide-react";
 import Link from "next/link";
 import { useParams, useSelectedLayoutSegment } from "next/navigation";
 import useSWR from "swr";
-import { FEATURES_LIST } from "./content";
 import { useScroll } from "./hooks";
 import { LogoType } from "./icons";
 import { MaxWidthWrapper } from "./max-width-wrapper";
 
-export const navItems = [
-  {
-    name: "Customers",
-    slug: "customers",
-  },
-  {
-    name: "Pricing",
-    slug: "pricing",
-  },
-  {
-    name: "Enterprise",
-    slug: "enterprise",
-  },
-  {
-    name: "Blog",
-    slug: "blog",
-  },
-  {
-    name: "Changelog",
-    slug: "changelog",
-  },
-];
-
 export function Nav() {
   const { domain = "7qr.codes" } = useParams() as { domain: string };
   const scrolled = useScroll(80);
   const selectedLayout = useSelectedLayoutSegment();
-  const helpCenter = selectedLayout === "help";
-  const { data: session, isLoading } = useSWR(
-    domain === "7qr.codes" && "/api/auth/session",
-    fetcher,
-    {
-      dedupingInterval: 60000,
-    },
-  );
 
   return (
     <div
@@ -57,11 +23,8 @@ export function Nav() {
       })}
     >
       <MaxWidthWrapper
-        {...(helpCenter && {
-          className: "max-w-screen-lg",
-        })}
       >
-        <div className="flex h-14 items-center justify-between">
+        <div className="flex h-14 items-center justify-center">
           <div className="flex items-center space-x-4">
             <Link
               href={domain === "7qr.codes" ? "/" : `https://7qr.codes`}
@@ -76,150 +39,6 @@ export function Nav() {
             >
               <LogoType />
             </Link>
-            {helpCenter ? (
-              <div className="flex items-center">
-                <div className="mr-3 h-5 border-l-2 border-gray-400" />
-                <Link
-                  href="/help"
-                  className="font-display text-lg font-bold text-gray-700"
-                >
-                  Help Center
-                </Link>
-              </div>
-            ) : (
-              <NavigationMenuPrimitive.Root
-                delayDuration={0}
-                className="relative hidden lg:block"
-              >
-                <NavigationMenuPrimitive.List className="flex flex-row space-x-2 p-4">
-                  <NavigationMenuPrimitive.Item>
-                    <NavigationMenuPrimitive.Trigger className="group flex items-center space-x-2 rounded-md px-3 py-2 text-sm font-medium hover:bg-gray-100 focus:outline-none">
-                      <p
-                        className={cn(
-                          "text-sm font-medium text-gray-500 transition-colors ease-out group-hover:text-black",
-                          {
-                            "text-black": selectedLayout === "features",
-                          },
-                        )}
-                      >
-                        Features
-                      </p>
-                      <ChevronDown className="h-4 w-4 transition-all group-data-[state=open]:rotate-180" />
-                    </NavigationMenuPrimitive.Trigger>
-
-                    <NavigationMenuPrimitive.Content>
-                      <div className="grid w-[32rem] grid-cols-2 gap-1 p-3">
-                        {FEATURES_LIST.map(
-                          ({ slug, icon: Icon, title, shortTitle }) => (
-                            <Link
-                              key={slug}
-                              href={
-                                domain === "7qr.codes"
-                                  ? `/${slug}`
-                                  : `https://7qr.codes/${slug}`
-                              }
-                              {...(domain !== "7qr.codes" && {
-                                onClick: () => {
-                                  va.track("Referred from custom domain", {
-                                    domain,
-                                    medium: `navbar item (/${slug})`,
-                                  });
-                                },
-                              })}
-                              className="rounded-lg p-3 transition-colors hover:bg-gray-100 active:bg-gray-200"
-                            >
-                              <div className="flex items-center space-x-2">
-                                <Icon className="h-4 w-4 text-gray-700" />
-                                <p className="text-sm font-medium text-gray-700">
-                                  {shortTitle}
-                                </p>
-                              </div>
-                              <p className="mt-1 line-clamp-1 text-sm text-gray-500">
-                                {title}
-                              </p>
-                            </Link>
-                          ),
-                        )}
-                      </div>
-                    </NavigationMenuPrimitive.Content>
-                  </NavigationMenuPrimitive.Item>
-
-                  {navItems.map(({ name, slug }) => (
-                    <NavigationMenuPrimitive.Item key={slug} asChild>
-                      <Link
-                        id={`nav-${slug}`}
-                        key={slug}
-                        href={
-                          domain === "7qr.codes"
-                            ? `/${slug}`
-                            : `https://7qr.codes/${slug}`
-                        }
-                        {...(domain !== "7qr.codes" && {
-                          onClick: () => {
-                            va.track("Referred from custom domain", {
-                              domain,
-                              medium: `navbar item (${slug})`,
-                            });
-                          },
-                        })}
-                        className={cn(
-                          "rounded-md px-3 py-2 text-sm font-medium text-gray-500 transition-colors ease-out hover:text-black",
-                          {
-                            "text-black": selectedLayout === slug,
-                          },
-                        )}
-                      >
-                        {name}
-                      </Link>
-                    </NavigationMenuPrimitive.Item>
-                  ))}
-                </NavigationMenuPrimitive.List>
-
-                <NavigationMenuPrimitive.Viewport className="data-[state=closed]:animate-scale-out-content data-[state=open]:animate-scale-in-content absolute left-0 top-full flex w-[var(--radix-navigation-menu-viewport-width)] origin-[top_center] justify-start rounded-lg border border-gray-200 bg-white shadow-lg" />
-              </NavigationMenuPrimitive.Root>
-            )}
-          </div>
-
-          <div className="hidden lg:block">
-            {session && Object.keys(session).length > 0 ? (
-              <Link
-                href={APP_DOMAIN}
-                className="animate-fade-in rounded-full border border-black bg-black px-4 py-1.5 text-sm text-white transition-all hover:bg-white hover:text-black"
-              >
-                Dashboard
-              </Link>
-            ) : !isLoading ? (
-              <>
-                <Link
-                  href={`${APP_DOMAIN}/login`}
-                  {...(domain !== "7qr.codes" && {
-                    onClick: () => {
-                      va.track("Referred from custom domain", {
-                        domain,
-                        medium: `navbar item (login)`,
-                      });
-                    },
-                  })}
-                  className="animate-fade-in rounded-full px-4 py-1.5 text-sm font-medium text-gray-500 transition-colors ease-out hover:text-black"
-                >
-                  Log in
-                </Link>
-                <Link
-                  href={`${APP_DOMAIN}/register`}
-                  {...(domain !== "7qr.codes" && {
-                    onClick: () => {
-                      va.track("Referred from custom domain", {
-                        domain,
-                        medium: `navbar item (signup)`,
-                      });
-                    },
-                  })}
-                  className="animate-fade-in rounded-full border border-black bg-black px-4 py-1.5 text-sm text-white transition-all hover:bg-white hover:text-black"
-                >
-                  Sign Up
-                </Link>
-              </>
-            ) : null}
           </div>
         </div>
       </MaxWidthWrapper>