diff --git a/apps/landing/src/app/(public)/(home)/_components/hero.tsx b/apps/landing/src/app/(public)/(home)/_components/hero-section.tsx
similarity index 99%
rename from apps/landing/src/app/(public)/(home)/_components/hero.tsx
rename to apps/landing/src/app/(public)/(home)/_components/hero-section.tsx
index 71affed..5d3b497 100644
--- a/apps/landing/src/app/(public)/(home)/_components/hero.tsx
+++ b/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;
diff --git a/apps/landing/src/app/(public)/(home)/page.tsx b/apps/landing/src/app/(public)/(home)/page.tsx
index 820e34d..535f374 100644
--- a/apps/landing/src/app/(public)/(home)/page.tsx
+++ b/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 />