diff --git a/components/overview.tsx b/components/overview.tsx
index cc2e4a9..1066e8b 100644
--- a/components/overview.tsx
+++ b/components/overview.tsx
@@ -1,7 +1,7 @@
 import { motion } from 'framer-motion';
-import Link from 'next/link';
+import Image from 'next/image';
 
-import { MessageIcon, VercelIcon } from './icons';
+import { MessageIcon } from './icons';
 
 export const Overview = () => {
   return (
@@ -15,37 +15,20 @@ export const Overview = () => {
     >
       <div className="rounded-xl p-6 flex flex-col gap-8 leading-relaxed text-center max-w-xl">
         <p className="flex flex-row justify-center gap-4 items-center">
-          <VercelIcon size={32} />
+          <Image
+            /**
+             * FIXME: Handle light mode
+             * https://github.com/pattern-tech/pattern-app/issues/22
+             */
+            src="/images/logo-white.svg"
+            alt="Pattern"
+            width={32}
+            height={32}
+          />
           <span>+</span>
           <MessageIcon size={32} />
         </p>
-        <p>
-          This is an{' '}
-          <Link
-            className="font-medium underline underline-offset-4"
-            href="https://github.com/vercel/ai-chatbot"
-            target="_blank"
-          >
-            open source
-          </Link>{' '}
-          chatbot template built with Next.js and the AI SDK by Vercel. It uses
-          the{' '}
-          <code className="rounded-md bg-muted px-1 py-0.5">streamText</code>{' '}
-          function in the server and the{' '}
-          <code className="rounded-md bg-muted px-1 py-0.5">useChat</code> hook
-          on the client to create a seamless chat experience.
-        </p>
-        <p>
-          You can learn more about the AI SDK by visiting the{' '}
-          <Link
-            className="font-medium underline underline-offset-4"
-            href="https://sdk.vercel.ai/docs"
-            target="_blank"
-          >
-            docs
-          </Link>
-          .
-        </p>
+        <h1 className="text-xl">How can I help you?</h1>
       </div>
     </motion.div>
   );
diff --git a/public/images/logo-black.svg b/public/images/logo-black.svg
new file mode 100644
index 0000000..e087807
--- /dev/null
+++ b/public/images/logo-black.svg
@@ -0,0 +1,5 @@
+<svg width="94" height="77" viewBox="0 0 94 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 37.7032C0 36.4275 1.0983 35.4884 2.23926 34.9178C2.76688 34.6539 3.21656 34.2802 3.58831 33.7967C4.46965 32.6731 4.91032 31.2242 4.91032 29.4501V14.0154C4.91032 11.236 5.57132 8.78181 6.89333 6.65289C8.21534 4.52396 9.97802 2.8977 12.1814 1.7741C14.4477 0.591367 16.8399 0 19.358 0H21.9439C23.6448 0 25.0237 1.37889 25.0237 3.07984V4.19398C25.0237 5.89493 23.6448 7.27383 21.9439 7.27383H19.358C17.6583 7.27383 16.2103 7.89476 15.0142 9.13663C13.8811 10.3785 13.3145 11.9752 13.3145 13.9267V30.5146C13.3145 32.8172 12.8762 34.6624 11.9997 36.0502C11.2549 37.2293 11.2906 39.7115 12.0325 40.8925C12.8872 42.2531 13.3145 44.0865 13.3145 46.3928V62.9807C13.3145 64.8731 13.8811 66.4697 15.0142 67.7708C16.2103 69.0126 17.6583 69.6336 19.358 69.6336H21.9439C23.6448 69.6336 25.0237 71.0125 25.0237 72.7134V73.9163C25.0237 75.6172 23.6448 76.9961 21.9439 76.9961H19.358C16.8399 76.9961 14.4477 76.4047 12.1814 75.222C9.97802 74.0984 8.21534 72.4721 6.89333 70.3432C5.57132 68.2143 4.91032 65.7601 4.91032 62.9807V47.546C4.91032 45.7719 4.46965 44.3526 3.58831 43.2881C3.21494 42.7755 2.76295 42.3798 2.23234 42.1011C1.10298 41.5078 0 40.5686 0 39.2928V37.7032Z" fill="#0F0F0F"/>
+<path d="M91.625 39.2928C91.625 40.5686 90.5267 41.5077 89.3857 42.0783C88.8581 42.3422 88.4084 42.7159 88.0367 43.1994C87.1554 44.323 86.7147 45.7719 86.7147 47.546V62.9807C86.7147 65.7601 86.0537 68.2143 84.7317 70.3432C83.4097 72.4721 81.647 74.0984 79.4436 75.222C77.1773 76.4047 74.7851 76.9961 72.267 76.9961H69.6811C67.9802 76.9961 66.6013 75.6172 66.6013 73.9163V72.8021C66.6013 71.1012 67.9802 69.7223 69.6811 69.7223H72.267C73.9667 69.7223 75.4147 69.1013 76.6108 67.8595C77.7439 66.6176 78.3105 65.0209 78.3105 63.0694V46.4815C78.3105 44.1789 78.7488 42.3337 79.6253 40.9459C80.3701 39.7668 80.3344 37.2846 79.5925 36.1036C78.7378 34.743 78.3105 32.9095 78.3105 30.6033V14.0154C78.3105 12.123 77.7439 10.5264 76.6108 9.22534C75.4147 7.98347 73.9667 7.36253 72.267 7.36253H69.6811C67.9802 7.36253 66.6013 5.98364 66.6013 4.28269V3.07984C66.6013 1.37889 67.9802 0 69.6811 0H72.267C74.7851 0 77.1773 0.591366 79.4436 1.7741C81.647 2.8977 83.4097 4.52396 84.7317 6.65289C86.0537 8.78181 86.7147 11.236 86.7147 14.0154V29.4501C86.7147 31.2242 87.1554 32.6435 88.0367 33.708C88.4101 34.2206 88.8621 34.6163 89.3927 34.895C90.522 35.4883 91.625 36.4275 91.625 37.7033V39.2928Z" fill="#0F0F0F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.0749 39.6907C41.0749 44.4419 37.2233 48.2935 32.472 48.2935C27.7208 48.2935 23.8691 44.4419 23.8691 39.6907C23.8691 34.9395 27.7208 31.0879 32.472 31.0879C37.2233 31.0879 41.0749 34.9395 41.0749 39.6907ZM72.2959 39.6909C72.2959 44.4421 68.4443 48.2937 63.693 48.2937C61.9532 48.2937 60.3341 47.7773 58.9805 46.8894C57.1694 45.7013 55.2349 44.465 53.0689 44.465H51.4474C48.7609 44.465 46.583 42.2872 46.583 39.6007V39.6007C46.583 36.9142 48.7609 34.7364 51.4474 34.7364H53.2198C55.3766 34.7364 57.3129 33.5315 59.1422 32.389C60.4622 31.5645 62.022 31.0881 63.693 31.0881C68.4443 31.0881 72.2959 34.9397 72.2959 39.6909Z" fill="#0F0F0F"/>
+</svg>
diff --git a/public/images/logo-white.svg b/public/images/logo-white.svg
new file mode 100644
index 0000000..7c3ce37
--- /dev/null
+++ b/public/images/logo-white.svg
@@ -0,0 +1,5 @@
+<svg width="94" height="77" viewBox="0 0 94 77" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 37.7032C0 36.4275 1.0983 35.4884 2.23926 34.9178C2.76688 34.6539 3.21656 34.2802 3.58831 33.7967C4.46965 32.6731 4.91032 31.2242 4.91032 29.4501V14.0154C4.91032 11.236 5.57132 8.78181 6.89333 6.65289C8.21534 4.52396 9.97802 2.8977 12.1814 1.7741C14.4477 0.591367 16.8399 0 19.358 0H21.9439C23.6448 0 25.0237 1.37889 25.0237 3.07984V4.19398C25.0237 5.89493 23.6448 7.27383 21.9439 7.27383H19.358C17.6583 7.27383 16.2103 7.89476 15.0142 9.13663C13.8811 10.3785 13.3145 11.9752 13.3145 13.9267V30.5146C13.3145 32.8172 12.8762 34.6624 11.9997 36.0502C11.2549 37.2293 11.2906 39.7115 12.0325 40.8925C12.8872 42.2531 13.3145 44.0865 13.3145 46.3928V62.9807C13.3145 64.8731 13.8811 66.4697 15.0142 67.7708C16.2103 69.0126 17.6583 69.6336 19.358 69.6336H21.9439C23.6448 69.6336 25.0237 71.0125 25.0237 72.7134V73.9163C25.0237 75.6172 23.6448 76.9961 21.9439 76.9961H19.358C16.8399 76.9961 14.4477 76.4047 12.1814 75.222C9.97802 74.0984 8.21534 72.4721 6.89333 70.3432C5.57132 68.2143 4.91032 65.7601 4.91032 62.9807V47.546C4.91032 45.7719 4.46965 44.3526 3.58831 43.2881C3.21494 42.7755 2.76295 42.3798 2.23234 42.1011C1.10298 41.5078 0 40.5686 0 39.2928V37.7032Z" fill="white"/>
+<path d="M91.625 39.2928C91.625 40.5686 90.5267 41.5077 89.3857 42.0783C88.8581 42.3422 88.4084 42.7159 88.0367 43.1994C87.1554 44.323 86.7147 45.7719 86.7147 47.546V62.9807C86.7147 65.7601 86.0537 68.2143 84.7317 70.3432C83.4097 72.4721 81.647 74.0984 79.4436 75.222C77.1773 76.4047 74.7851 76.9961 72.267 76.9961H69.6811C67.9802 76.9961 66.6013 75.6172 66.6013 73.9163V72.8021C66.6013 71.1012 67.9802 69.7223 69.6811 69.7223H72.267C73.9667 69.7223 75.4147 69.1013 76.6108 67.8595C77.7439 66.6176 78.3105 65.0209 78.3105 63.0694V46.4815C78.3105 44.1789 78.7488 42.3337 79.6253 40.9459C80.3701 39.7668 80.3344 37.2846 79.5925 36.1036C78.7378 34.743 78.3105 32.9095 78.3105 30.6033V14.0154C78.3105 12.123 77.7439 10.5264 76.6108 9.22534C75.4147 7.98347 73.9667 7.36253 72.267 7.36253H69.6811C67.9802 7.36253 66.6013 5.98364 66.6013 4.28269V3.07984C66.6013 1.37889 67.9802 0 69.6811 0H72.267C74.7851 0 77.1773 0.591366 79.4436 1.7741C81.647 2.8977 83.4097 4.52396 84.7317 6.65289C86.0537 8.78181 86.7147 11.236 86.7147 14.0154V29.4501C86.7147 31.2242 87.1554 32.6435 88.0367 33.708C88.4101 34.2206 88.8621 34.6163 89.3927 34.895C90.522 35.4883 91.625 36.4275 91.625 37.7033V39.2928Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.0749 39.6907C41.0749 44.4419 37.2233 48.2935 32.472 48.2935C27.7208 48.2935 23.8691 44.4419 23.8691 39.6907C23.8691 34.9395 27.7208 31.0879 32.472 31.0879C37.2233 31.0879 41.0749 34.9395 41.0749 39.6907ZM72.2959 39.6909C72.2959 44.4421 68.4443 48.2937 63.693 48.2937C61.9532 48.2937 60.3341 47.7773 58.9805 46.8894C57.1694 45.7013 55.2349 44.465 53.0689 44.465H51.4474C48.7609 44.465 46.583 42.2872 46.583 39.6007V39.6007C46.583 36.9142 48.7609 34.7364 51.4474 34.7364H53.2198C55.3766 34.7364 57.3129 33.5315 59.1422 32.389C60.4622 31.5645 62.022 31.0881 63.693 31.0881C68.4443 31.0881 72.2959 34.9397 72.2959 39.6909Z" fill="white"/>
+</svg>