Remove beta branding from homepage

Author: ashtonanderson

src/components/Common/Footer.tsx

@@ -97,7 +97,7 @@ export const Footer: React.FC = () => {
           <div className="mb-2 flex flex-col items-start gap-1 md:mb-0 md:items-center md:gap-0.5">
             <div className="flex items-center gap-2">
               <Image
-                src="/maia-no-bg.png"
+                src="/maia-ios-icon.png"
                 alt="Maia Chess"
                 width={26}
                 height={26}

src/components/Common/Header.tsx

@@ -140,7 +140,12 @@ export const Header: React.FC = () => {
     <div className="flex w-[90%] flex-row items-center justify-between">
       <div className="flex flex-row items-center justify-start gap-6">
         <Link href="/" className="flex flex-row items-center gap-2">
-          <Image src="/maia.png" width={40} height={40} alt="Maia Logo" />
+          <Image
+            src="/maia-ios-icon.png"
+            width={40}
+            height={40}
+            alt="Maia Logo"
+          />
           <h2 className="text-2xl font-bold">Maia Chess</h2>
         </Link>
         <div className="hidden flex-row gap-1 text-sm tracking-wider md:flex">
@@ -327,7 +332,12 @@ export const Header: React.FC = () => {
     <div className="flex w-full flex-row justify-between px-4">
       <Link href="/" passHref>
         <div className="flex flex-row items-center gap-2">
-          <Image src="/maia.png" width={40} height={40} alt="Maia Logo" />
+          <Image
+            src="/maia-ios-icon.png"
+            width={40}
+            height={40}
+            alt="Maia Logo"
+          />
           <h2 className="text-2xl font-bold">Maia Chess</h2>
         </div>
       </Link>
@@ -343,7 +353,12 @@ export const Header: React.FC = () => {
           <div className="flex w-full flex-row justify-between px-4">
             <Link href="/" passHref>
               <div className="flex flex-row items-center gap-2">
-                <Image src="/maia.png" width={40} height={40} alt="Maia Logo" />
+                <Image
+                  src="/maia-ios-icon.png"
+                  width={40}
+                  height={40}
+                  alt="Maia Logo"
+                />
                 <h2 className="text-2xl font-bold">Maia Chess</h2>
               </div>
             </Link>

src/components/Home/HomeHero.tsx

@@ -140,7 +140,6 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
 
   return (
     <Fragment>
-      <BetaBlurb />
       <div className="relative flex flex-col items-center justify-center gap-4 overflow-hidden pb-6 pt-4 md:gap-14 md:pt-16">
         <div className="z-10 flex w-full max-w-[1200px] flex-col items-center justify-center gap-10 p-4 text-left md:flex-row md:gap-20">
           <div className="flex w-full flex-col items-start justify-center gap-6 md:w-[45%] md:gap-8">
@@ -272,21 +271,3 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
     </Fragment>
   )
 }
-
-function BetaBlurb() {
-  return (
-    <div className="mt-2 flex items-center justify-center md:mt-10">
-      <div className="select-none rounded-full border border-glass-border bg-black/20 px-6 py-2.5 backdrop-blur-sm transition-all duration-200 hover:border-white/15">
-        <div className="flex flex-row items-center gap-2">
-          <span className="material-symbols-outlined material-symbols-filled text-sm text-white/90">
-            favorite
-          </span>
-          <p className="text-sm text-white/90">
-            Maia Chess is in open beta. You now have full access to the
-            platform!
-          </p>
-        </div>
-      </div>
-    </div>
-  )
-}