diff --git a/src/app/page.tsx b/src/app/page.tsx
index f1f5dc2..024387c 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/HeroCarouselLogo';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -10,7 +10,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Award, Clock, Coffee, Mail, Newspaper, Sparkles, Star, TrendingUp, Users } from 'lucide-react';
+import { Award, Clock, Coffee, Mail, Newspaper, Sparkles, Star, TrendingUp, Users, BarChart3, TrendingUp as TrendingUpIcon } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -40,20 +40,49 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroCarouselLogo
-          logoText="Brew Haven"
+        <HeroBillboardDashboard
+          title="Brew Haven"
           description="Premium specialty coffee crafted with passion. Experience the art of perfect brewing."
+          tag="Coffee Excellence"
+          tagIcon={Sparkles}
+          tagAnimation="blur-reveal"
           buttons={[
             { text: "Order Now", href: "#products" },
             { text: "Learn More", href: "#about" }
           ]}
-          slides={[
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6mgex6",              imageAlt: "Artisan coffee brewing"
-            }
-          ]}
-          autoplayDelay={4000}
-          showDimOverlay={false}
+          buttonAnimation="blur-reveal"
+          background={{ variant: "plain" }}
+          dashboard={{
+            title: "Dashboard",            stats: [
+              { label: "Orders Today", value: "1,234", icon: TrendingUpIcon },
+              { label: "Active Members", value: "15K+", icon: Users },
+              { label: "Awards Won", value: "12+", icon: Award }
+            ],
+            logoIcon: Coffee,
+            sidebarItems: [
+              { label: "Dashboard", icon: BarChart3 },
+              { label: "Orders", icon: Coffee },
+              { label: "Analytics", icon: TrendingUpIcon }
+            ],
+            buttons: [
+              { text: "View Orders", href: "#products" }
+            ],
+            listItems: [
+              { title: "Premium Espresso", value: "$4.50" },
+              { title: "Velvety Cappuccino", value: "$5.50" },
+              { title: "Cold Brew", value: "$5.00" }
+            ],
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=673ag3",            imageAlt: "Brew Haven Dashboard",            searchPlaceholder: "Search coffee...",            chartTitle: "Weekly Sales",            chartData: [
+              { name: "Mon", value: 100 },
+              { name: "Tue", value: 120 },
+              { name: "Wed", value: 110 },
+              { name: "Thu", value: 140 },
+              { name: "Fri", value: 160 },
+              { name: "Sat", value: 180 },
+              { name: "Sun", value: 150 }
+            ],
+            listTitle: "Today's Specials"
+          }}
         />
       </div>