Update src/app/shop/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -14,7 +14,7 @@ export default function BlogPage() {
         <ThemeProvider
             defaultButtonVariant="text-shift"
             defaultTextAnimation="reveal-blur"
-            borderRadius="sharp"
+            borderRadius="rounded"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
             background="blurBottom"
@@ -31,7 +31,6 @@ export default function BlogPage() {
                             { name: "Home", id: "/" },
                             { name: "About", id: "about" },
                             { name: "Documents", id: "documents" },
-                            { name: "Resources", id: "resources" },
                             { name: "FAQ", id: "faq" },
                             { name: "Contact", id: "contact" }
                         ]}
@@ -66,9 +65,9 @@ export default function BlogPage() {
                         columns={[
                             {
                                 title: "Navigation",                                items: [
+                                    { label: "Home", href: "/" },
                                     { label: "About", href: "#about" },
-                                    { label: "Documents", href: "#documents" },
-                                    { label: "Resources", href: "#resources" }
+                                    { label: "Documents", href: "#documents" }
                                 ]
                             },
                             {
@@ -92,4 +91,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1316,4 +1316,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -2,20 +2,21 @@
 
 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 (
     <ThemeProvider
       defaultButtonVariant="text-shift"
       defaultTextAnimation="reveal-blur"
-      borderRadius="sharp"
+      borderRadius="rounded"
       contentWidth="small"
       sizing="mediumLargeSizeMediumTitles"
       background="blurBottom"
@@ -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" }
               ]
             },
             {
@@ -170,4 +215,4 @@ export default function DOJPortalPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -71,7 +71,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             <ThemeProvider
                 defaultButtonVariant="text-shift"
                 defaultTextAnimation="reveal-blur"
-                borderRadius="sharp"
+                borderRadius="rounded"
                 contentWidth="small"
                 sizing="mediumLargeSizeMediumTitles"
                 background="blurBottom"
@@ -88,10 +88,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"Home","id":"/"},
                                 {"name":"About","id":"about"},
                                 {"name":"Documents","id":"documents"},
-                                {"name":"Resources","id":"resources"},
                                 {"name":"FAQ","id":"faq"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -103,7 +101,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <FooterBaseCard
                             logoText="DOJ Portal"
                             columns={[
-                                {"title":"Navigation","items":[{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"},{"label":"Resources","href":"#resources"}]},
+                                {"title":"Navigation","items":[{"label":"Home","href":"/"},{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"}]},
                                 {"title":"Information","items":[{"label":"FAQ","href":"#faq"},{"label":"Contact","href":"#contact"},{"label":"Accessibility","href":"#"}]},
                                 {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Use","href":"#"},{"label":"Disclaimer","href":"#"}]}
                             ]}
@@ -120,7 +118,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             <ThemeProvider
                 defaultButtonVariant="text-shift"
                 defaultTextAnimation="reveal-blur"
-                borderRadius="sharp"
+                borderRadius="rounded"
                 contentWidth="small"
                 sizing="mediumLargeSizeMediumTitles"
                 background="blurBottom"
@@ -137,10 +135,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"Home","id":"/"},
                                 {"name":"About","id":"about"},
                                 {"name":"Documents","id":"documents"},
-                                {"name":"Resources","id":"resources"},
                                 {"name":"FAQ","id":"faq"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -160,7 +156,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <FooterBaseCard
                             logoText="DOJ Portal"
                             columns={[
-                                {"title":"Navigation","items":[{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"},{"label":"Resources","href":"#resources"}]},
+                                {"title":"Navigation","items":[{"label":"Home","href":"/"},{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"}]},
                                 {"title":"Information","items":[{"label":"FAQ","href":"#faq"},{"label":"Contact","href":"#contact"},{"label":"Accessibility","href":"#"}]},
                                 {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Use","href":"#"},{"label":"Disclaimer","href":"#"}]}
                             ]}
@@ -176,7 +172,7 @@ export default function ProductPage({ params }: ProductPageProps) {
         <ThemeProvider
             defaultButtonVariant="text-shift"
             defaultTextAnimation="reveal-blur"
-            borderRadius="sharp"
+            borderRadius="rounded"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
             background="blurBottom"
@@ -193,10 +189,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                             {"name":"Home","id":"/"},
                             {"name":"About","id":"about"},
                             {"name":"Documents","id":"documents"},
-                            {"name":"Resources","id":"resources"},
                             {"name":"FAQ","id":"faq"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -241,7 +235,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <FooterBaseCard
                         logoText="DOJ Portal"
                         columns={[
-                            {"title":"Navigation","items":[{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"},{"label":"Resources","href":"#resources"}]},
+                            {"title":"Navigation","items":[{"label":"Home","href":"/"},{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"}]},
                             {"title":"Information","items":[{"label":"FAQ","href":"#faq"},{"label":"Contact","href":"#contact"},{"label":"Accessibility","href":"#"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Use","href":"#"},{"label":"Disclaimer","href":"#"}]}
                         ]}
@@ -251,4 +245,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -23,7 +23,7 @@ export default function ShopPage() {
             <ThemeProvider
                 defaultButtonVariant="text-shift"
                 defaultTextAnimation="reveal-blur"
-                borderRadius="sharp"
+                borderRadius="rounded"
                 contentWidth="small"
                 sizing="mediumLargeSizeMediumTitles"
                 background="blurBottom"
@@ -40,10 +40,8 @@ export default function ShopPage() {
                                 {"name":"Home","id":"/"},
                                 {"name":"About","id":"about"},
                                 {"name":"Documents","id":"documents"},
-                                {"name":"Resources","id":"resources"},
                                 {"name":"FAQ","id":"faq"},
-                                {"name":"Contact","id":"contact"},
-                                {"name":"Shop","id":"/shop"}
+                                {"name":"Contact","id":"contact"}
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -55,7 +53,7 @@ export default function ShopPage() {
                         <FooterBaseCard
                             logoText="DOJ Portal"
                             columns={[
-                                {"title":"Navigation","items":[{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"},{"label":"Resources","href":"#resources"}]},
+                                {"title":"Navigation","items":[{"label":"Home","href":"/"},{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"}]},
                                 {"title":"Information","items":[{"label":"FAQ","href":"#faq"},{"label":"Contact","href":"#contact"},{"label":"Accessibility","href":"#"}]},
                                 {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Use","href":"#"},{"label":"Disclaimer","href":"#"}]}
                             ]}
@@ -71,7 +69,7 @@ export default function ShopPage() {
         <ThemeProvider
             defaultButtonVariant="text-shift"
             defaultTextAnimation="reveal-blur"
-            borderRadius="sharp"
+            borderRadius="rounded"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
             background="blurBottom"
@@ -88,10 +86,8 @@ export default function ShopPage() {
                             {"name":"Home","id":"/"},
                             {"name":"About","id":"about"},
                             {"name":"Documents","id":"documents"},
-                            {"name":"Resources","id":"resources"},
                             {"name":"FAQ","id":"faq"},
-                            {"name":"Contact","id":"contact"},
-                            {"name":"Shop","id":"/shop"}
+                            {"name":"Contact","id":"contact"}
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -111,7 +107,7 @@ export default function ShopPage() {
                     <FooterBaseCard
                         logoText="DOJ Portal"
                         columns={[
-                            {"title":"Navigation","items":[{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"},{"label":"Resources","href":"#resources"}]},
+                            {"title":"Navigation","items":[{"label":"Home","href":"/"},{"label":"About","href":"#about"},{"label":"Documents","href":"#documents"}]},
                             {"title":"Information","items":[{"label":"FAQ","href":"#faq"},{"label":"Contact","href":"#contact"},{"label":"Accessibility","href":"#"}]},
                             {"title":"Legal","items":[{"label":"Privacy Policy","href":"#"},{"label":"Terms of Use","href":"#"},{"label":"Disclaimer","href":"#"}]}
                         ]}
@@ -121,4 +117,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}