update OG image

apps/public/src/app/hero.tsx

@@ -48,14 +48,14 @@ export function Hero() {
       </div>
 
       <div
-        className="flex flex-col items-center w-full text-center text-blue-950 bg-[radial-gradient(circle_at_2px_2px,#D9DEF6_2px,transparent_0)]"
+        className="flex flex-col items-center w-full text-center text-blue-950 bg-[radial-gradient(circle_at_2px_2px,#D9DEF6_2px,transparent_0)] relative"
         style={{
           backgroundSize: '70px 70px',
         }}
       >
         <div className="py-20 pt-32 p-4 flex flex-col items-center max-w-3xl bg-[radial-gradient(circle,rgba(255,255,255,0.7)_0%,rgba(255,255,255,0.7)_50%,rgba(255,255,255,0)_100%)]">
           <Heading1 className="mb-4">
-            A open-source
+            An open-source
             <br />
             alternative to Mixpanel
           </Heading1>

apps/public/src/app/meta.ts

@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
 
-const title = 'Openpanel.dev | A Open-Source Analytics Library';
+const title = 'Openpanel.dev | An Open-Source Analytics Library';
 const description =
   'Unlock actionable insights effortlessly with Insightful, the open-source analytics library that combines the power of Mixpanel with the simplicity of Plausible. Enjoy a unified overview, predictable pricing, and a vibrant community. Join us in democratizing analytics today!';
 
@@ -14,7 +14,7 @@ export const defaultMeta: Metadata = {
         url: 'https://openpanel.dev/ogimage.png',
         width: 1200,
         height: 630,
-        alt: 'Openpanel.dev | A Open-Source Analytics Library',
+        alt: title,
       },
     ],
   },