feat: port website header with mega-menu, add showcase bg to hero, fix carousel container size

app/layout-content.tsx

@@ -3,6 +3,7 @@
 import { OfflineBanner } from '@/components/OfflineBanner'
 import { Footer } from '@/components/Footer'
 import { Header, type CipheraApp } from '@ciphera-net/ui'
+import { Header as MarketingHeader } from '@/components/marketing/Header'
 import NotificationCenter from '@/components/notifications/NotificationCenter'
 import { useAuth } from '@/lib/auth/context'
 import { useOnlineStatus } from '@/lib/hooks/useOnlineStatus'
@@ -144,31 +145,11 @@ function LayoutInner({ children }: { children: React.ReactNode }) {
     )
   }
 
-  // Public/marketing: floating header + footer
+  // Public/marketing: sticky header + footer
   return (
     <div className="flex flex-col min-h-screen">
-      <Header
-        auth={auth}
-        LinkComponent={Link}
-        logoSrc="/pulse_icon_no_margins.png"
-        appName="Pulse"
-        variant="floating"
-        showFaq={false}
-        showSecurity={false}
-        showPricing={true}
-        topOffset={showOfflineBar ? '2.5rem' : undefined}
-        apps={CIPHERA_APPS}
-        currentAppId="pulse"
-        customNavItems={
-          <Link
-            href="/features"
-            className="px-4 py-2 text-sm font-medium text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white rounded-lg hover:bg-neutral-100/50 dark:hover:bg-neutral-800/50 transition-all duration-200"
-          >
-            Features
-          </Link>
-        }
-      />
-      <main className="flex-1 pb-8 pt-24">
+      <MarketingHeader />
+      <main className="flex-1 pb-8">
         {children}
       </main>
       <Footer