feat: add herostat component

apps/landing/src/app/(frontend)/(home)/_components/hero/hero-main-text.tsx

@@ -8,8 +8,8 @@ export function HeroMainText() {
         </span>
       </h1>
       <p className="max-w-[600px] text-muted-foreground md:text-xl lg:text-lg">
-        Bergabunglah bersama 180.000+ programmer Indonesia dan berkembang
-        bersama komunitas ini.
+        Tempat para programmer struggle bersama, berbagi meme, pengalaman,
+        tutorial, dan tempat yapping yang nyaman
       </p>
     </div>
   );

apps/landing/src/app/(frontend)/(home)/_components/hero/hero-stat.tsx

@@ -0,0 +1,23 @@
+import { Avatar, AvatarImage } from '@components/atoms';
+
+export function HeroStat() {
+  return (
+    <div className="flex items-center rounded-full border border-border bg-background p-1 shadow shadow-black/5 md:w-fit">
+      <div className="flex -space-x-4">
+        <Avatar>
+          <AvatarImage src="https://avatars.githubusercontent.com/u/53475078?v=4" />
+        </Avatar>
+        <Avatar>
+          <AvatarImage src="https://avatars.githubusercontent.com/u/49753444?v=4" />
+        </Avatar>
+        <Avatar>
+          <AvatarImage src="https://avatars.githubusercontent.com/u/97678571?v=4" />
+        </Avatar>
+      </div>
+      <p className="px-2 text-xs text-muted-foreground">
+        <strong className="font-medium text-foreground">180K+</strong>{' '}
+        Programmer Indonesia telah bergabung
+      </p>
+    </div>
+  );
+}

apps/landing/src/app/(frontend)/(home)/_components/hero/index.tsx

@@ -6,6 +6,7 @@ import { ButtonJoinCommunity } from './button-join-community';
 import { HeroBadge } from './hero-badge';
 import { HeroImage } from './hero-image';
 import { HeroMainText } from './hero-main-text';
+import { HeroStat } from './hero-stat';
 import { HeroWrapper } from './hero-wrapper';
 
 export function Hero() {
@@ -26,6 +27,8 @@ export function Hero() {
               <ButtonJoinCommunity />
               <ButtonExploreEvent />
             </div>
+
+            <HeroStat />
           </motion.div>
 
           <HeroImage />