new styles

frontend/style/components/header.tsx

@@ -0,0 +1,35 @@
+import Link from "next/link"
+import { Search } from "./search"
+import { Button } from "./ui/button"
+import { ShoppingCart, Heart, Package2 } from 'lucide-react'
+import { CatalogMenu } from "./catalog-menu"
+
+export function Header() {
+  return (
+    <header className="border-b sticky top-0 bg-white z-50">
+      <div className="container mx-auto px-4">
+        <div className="flex h-16 items-center justify-between">
+          <div className="flex items-center gap-8">
+            <Link href="/" className="text-2xl font-bold text-blue-600">
+              Eternos
+            </Link>
+            <CatalogMenu />
+            <Search />
+          </div>
+          <div className="flex items-center gap-4">
+            <Button variant="ghost" size="icon">
+              <Package2 className="h-5 w-5" />
+            </Button>
+            <Button variant="ghost" size="icon">
+              <Heart className="h-5 w-5" />
+            </Button>
+            <Button variant="ghost" size="icon">
+              <ShoppingCart className="h-5 w-5" />
+            </Button>
+          </div>
+        </div>
+      </div>
+    </header>
+  )
+}
+