feat: implement HeroSection component with dynamic content and animations

apps/landing/src/app/(public)/(home)/_components/hero-section.tsx

@@ -8,7 +8,7 @@ import Image from 'next/image';
 import { useRouter } from 'next/navigation';
 import { Fragment, useEffect, useState } from 'react';
 
-export function Hero() {
+export function HeroSection() {
   const router = useRouter();
   const { communityLabel, headingLine1, headingLine2, description, buttons } =
     HERO_CONTENT;

apps/landing/src/app/(public)/(home)/page.tsx

@@ -1,11 +1,11 @@
 import { CommunitySection } from './_components/community-section';
 import { CTASection } from './_components/cta-section';
-import { Hero } from './_components/hero';
+import { HeroSection } from './_components/hero-section';
 import { TestimonialSection } from './_components/testimonial-section';
 export default function Page() {
   return (
     <>
-      <Hero />
+      <HeroSection />
       <CommunitySection />
       <TestimonialSection />
       <CTASection />