diff --git a/src/app/page.tsx b/src/app/page.tsx
index cce0a7e..1ab4507 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroCarouselLogo from '@/components/sections/hero/HeroCarouselLogo';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -271,15 +271,16 @@ const page = () => {
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
           logoText="TEMPLE AI"
-          subtitle="Digital Solutions"
           description="Transform your business with our comprehensive suite of digital services designed to drive growth and innovation."
           buttons={[
             { text: 'Get Started', href: 'https://example.com/start' },
             { text: 'View Services', href: '#services' }
           ]}
-          carouselMode="auto"
-          animationType="slide-up"
-          mediaAnimation="none"
+          slides={[
+            { imageSrc: 'https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop' },
+            { imageSrc: 'https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop' },
+            { imageSrc: 'https://images.unsplash.com/photo-1460925895917-adf4198c868f?w=800&h=600&fit=crop' }
+          ]}
         />
       </div>