diff --git a/src/app/page.tsx b/src/app/page.tsx
index afc2192..7027468 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,6 +8,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import { Sparkles, Layers, Zap, FileImage, Pen, Palette, Quote, Lock } from 'lucide-react';
 
@@ -68,6 +69,19 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="billboard" data-section="billboard">
+        <HeroBillboard
+          title="Featured Work"
+          description="Exceptional designs that drive results"
+          backgroundImageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ah7s0jO8w9WGuyjKlaxFkqK5Zp/modern-ui-ux-design-portfolio-showcase-d-1773033406002-d93af35f.png"
+          backgroundImageAlt="Featured Project"
+          buttons={[
+            { text: "View Portfolio", href: "#projects" }
+          ]}
+          overlayOpacity="medium"
+        />
+      </div>
+
       <div id="metrics" data-section="metrics">
         <MetricCardSeven
           title="Proven Track Record"