fix(public): improve mobile experiance

apps/public/components/hero.tsx

@@ -14,7 +14,7 @@ export function Hero() {
       {/* Content */}
       <div className="container relative z-10">
         <div className="max-w-2xl col gap-4 pt-28 text-center mx-auto ">
-          <h1 className="text-6xl font-bold leading-[1.1]">
+          <h1 className="text-4xl md:text-6xl font-bold leading-[1.1]">
             An open-source alternative to <span>Mixpanel</span>
           </h1>
           <p className="text-xl text-muted-foreground">
@@ -24,7 +24,7 @@ export function Hero() {
         </div>
 
         {/* CTA */}
-        <div className="row gap-4 center-center my-12">
+        <div className="col md:row gap-4 center-center my-12">
           <Button size="lg" asChild>
             <Link href="https://dashboard.openpanel.dev/register">
               Try it for free