Initial commit

src/components/shared/page-header.tsx

@@ -0,0 +1,28 @@
+"use client"
+
+import { motion } from "framer-motion"
+import { cn } from "@/lib/utils"
+
+interface PageHeaderProps {
+  title: string | React.ReactNode
+  description?: string
+  children?: React.ReactNode
+  className?: string
+}
+
+export function PageHeader({ title, description, children, className }: PageHeaderProps) {
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: -10 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ duration: 0.3 }}
+      className={cn("flex items-center justify-between pb-6", className)}
+    >
+      <div>
+        <h1 className="text-2xl font-bold tracking-tight">{title}</h1>
+        {description && <p className="text-sm text-muted-foreground mt-1">{description}</p>}
+      </div>
+      {children && <div className="flex items-center gap-3">{children}</div>}
+    </motion.div>
+  )
+}