src/app/faq/page.tsx

@@ -131,4 +131,4 @@ const FAQPage = () => {
   );
 };
 
-export default FAQPage;
+export default FAQPage;

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroCarouselLogo from '@/components/sections/hero/HeroCarouselLogo';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
@@ -269,55 +269,17 @@ const page = () => {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          background={{ variant: 'radial-gradient' }}
-          tag="Digital Solutions"
-          tagIcon={Sparkles}
-          title=" "
-          description=""
+        <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' }
           ]}
-          dashboard={{
-            title: 'Services Dashboard',
-            logoIcon: Hexagon,
-            imageSrc: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face',
-            buttons: [
-              { text: 'Explore Services', href: '#' },
-              { text: 'Get Quote', href: '#' }
-            ],
-            sidebarItems: [
-              { icon: House, active: true },
-              { icon: MessageSquareText },
-              { icon: Settings }
-            ],
-            stats: [
-              {
-                title: 'Clients Served',
-                values: [150, 225, 320],
-                description: 'Satisfied customers.'
-              },
-              {
-                title: 'Projects',
-                values: [45, 67, 89],
-                description: 'Completed projects.'
-              },
-              {
-                title: 'Services',
-                values: [6, 6, 6],
-                description: 'Core services offered.'
-              }
-            ],
-            chartTitle: 'Client Growth',
-            chartData: [{ value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }],
-            listTitle: 'Service Features',
-            listItems: [
-              { icon: CircleDollarSign, title: 'Transparent Pricing', status: 'Available' },
-              { icon: ArrowLeftRight, title: 'Flexible Solutions', status: 'Offered' },
-              { icon: Send, title: '24/7 Support', status: 'Active' }
-            ]
-          }}
+          carouselMode="auto"
+          animationType="slide-up"
+          mediaAnimation="none"
         />
       </div>
 
@@ -438,4 +400,4 @@ const page = () => {
   );
 };
 
-export default page;
+export default page;