diff --git a/src/app/page.tsx b/src/app/page.tsx
index a5b8897..ccb0750 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TextAnimation from '@/components/text/TextAnimation';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -44,10 +44,15 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <TextAnimation
-          type="entrance-slide"
+        <HeroLogo
           title="Welcome to our company"
-          variant="trigger"
+          description="Delivering excellence in IT solutions since 2015, serving over 300 enterprise clients worldwide"
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766739283383-4enee5x3.jpg"
+          logoAlt="TechVision Logo"
+          buttons={[
+            { text: "Get Started", href: "#contact" },
+            { text: "Learn More", href: "#about" }
+          ]}
         />
       </div>