diff --git a/src/app/page.tsx b/src/app/page.tsx
index a9503c8..ba60a00 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Archive, BookOpen, ExternalLink, FileText, HelpCircle, Info, Search } from "lucide-react";
+import { Archive, BookOpen, ExternalLink, FileText, HelpCircle, Info, Search, Sparkles, House, MessageSquareText, Settings, CircleDollarSign, ArrowLeftRight, Send } from "lucide-react";
 
 export default function DOJPortalPage() {
   return (
@@ -28,9 +29,9 @@ export default function DOJPortalPage() {
         <NavbarLayoutFloatingOverlay
           brandName="DOJ Information Portal"
           navItems={[
+            { name: "Home", id: "/" },
             { name: "About", id: "about" },
             { name: "Documents", id: "documents" },
-            { name: "Resources", id: "resources" },
             { name: "FAQ", id: "faq" },
             { name: "Contact", id: "contact" }
           ]}
@@ -40,6 +41,50 @@ export default function DOJPortalPage() {
         />
       </div>
 
+      <div id="hero" data-section="hero">
+        <HeroBillboardDashboard
+          title="Real-Time Government Intelligence"
+          description="Monitor official information, verified documents, and authoritative resources from the Department of Justice."
+          tag="Official Portal"
+          tagIcon={Sparkles}
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Access Documents", href: "#documents" },
+            { text: "Learn More", href: "#about" }
+          ]}
+          dashboard={{
+            title: "Official Information Hub",            logoIcon: House,
+            imageSrc: "https://img.b2bpic.net/free-photo/discussing-busines-report_1098-16536.jpg",            buttons: [
+              { text: "View All", href: "#documents" },
+              { text: "Download", href: "#" }
+            ],
+            sidebarItems: [
+              { icon: House, active: true },
+              { icon: FileText },
+              { icon: Settings }
+            ],
+            stats: [
+              { title: "Documents", values: [500, 750, 1200], description: "Official records available." },
+              { title: "Cases", values: [25, 42, 68], description: "Documented cases." },
+              { title: "Updates", values: [15, 28, 45], description: "Recent updates." }
+            ],
+            chartTitle: "Document Growth",            chartData: [
+              { value: 50 },
+              { value: 75 },
+              { value: 90 },
+              { value: 60 },
+              { value: 85 }
+            ],
+            listTitle: "Latest Releases",            listItems: [
+              { icon: FileText, title: "New Court Filing", status: "Published" },
+              { icon: ExternalLink, title: "Investigation Summary", status: "Available" },
+              { icon: Search, title: "Case Documentation", status: "Public" }
+            ],
+            searchPlaceholder: "Search documents..."
+          }}
+        />
+      </div>
+
       <div id="about" data-section="about">
         <MediaAbout
           title="About This Portal"
@@ -145,9 +190,9 @@ export default function DOJPortalPage() {
           columns={[
             {
               title: "Navigation",              items: [
+                { label: "Home", href: "/" },
                 { label: "About", href: "#about" },
-                { label: "Documents", href: "#documents" },
-                { label: "Resources", href: "#resources" }
+                { label: "Documents", href: "#documents" }
               ]
             },
             {