1import Link from "next/link";
2import { CartButton } from "./cart-button";
3import { SearchInput } from "./search-input";
4
5const NAV = [
6 { href: "/shop", label: "Shop" },
7 { href: "/collections", label: "Collections" },
8 { href: "/about", label: "About" },
9];
10
11export function StorefrontHeader() {
12 return (
13 <header className="site-header">
14 <div className="header-inner">
15 <Link href="/" className="wordmark">
16 Grove
17 </Link>
18 <nav aria-label="Primary">
19 {NAV.map((item) => (
20 <Link key={item.href} href={item.href}>
21 {item.label}
22 </Link>
23 ))}
24 </nav>
25 <div className="header-actions">
26 <SearchInput placeholder="Search plants" />
27 <CartButton count={2} />
28 </div>
29 </div>
30 </header>
31 );
32}