From 0dfbdfa5572b63d4291cd857f91368eceb2921c8 Mon Sep 17 00:00:00 2001
From: zaragoza444 <zardashtways44@gmail.com>
Date: Sun, 28 Jun 2026 09:33:48 -0700
Subject: [PATCH] fix: add missing PageShell component for production build

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 frontend-dapp/src/components/ui/PageShell.tsx | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 frontend-dapp/src/components/ui/PageShell.tsx

diff --git a/frontend-dapp/src/components/ui/PageShell.tsx b/frontend-dapp/src/components/ui/PageShell.tsx
new file mode 100644
index 0000000..47727cd
--- /dev/null
+++ b/frontend-dapp/src/components/ui/PageShell.tsx
@@ -0,0 +1,20 @@
+interface PageShellProps {
+  title: string
+  subtitle?: string
+  badge?: string
+  wide?: boolean
+  children: React.ReactNode
+}
+
+export default function PageShell({ title, subtitle, badge, wide, children }: PageShellProps) {
+  return (
+    <div className={`ui-animate-in ${wide ? 'ui-page-wide' : 'ui-page'}`}>
+      <header className="mb-8">
+        {badge && <div className="ui-badge mb-3 w-fit">{badge}</div>}
+        <h1 className="ui-hero-title">{title}</h1>
+        {subtitle && <p className="ui-hero-sub">{subtitle}</p>}
+      </header>
+      {children}
+    </div>
+  )
+}