33 lines
988 B
TypeScript
33 lines
988 B
TypeScript
"use client";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { Menu, Search } from "lucide-react";
|
|
import Image from "next/image";
|
|
|
|
export default function Header() {
|
|
return (
|
|
<div className="container mx-auto px-4 md:px-6 lg:px-8">
|
|
<header className="flex h-20 w-full shrink-0 items-center justify-between">
|
|
<div className="flex gap-2">
|
|
<Button variant="ghost" className="px-2 py-1">
|
|
<Menu />
|
|
منو
|
|
</Button>
|
|
<Button variant="ghost" className="px-2 py-1">
|
|
<Search />
|
|
جستجو
|
|
</Button>
|
|
</div>
|
|
<div>
|
|
<Image src={"/logo.png"} width={45} height={45} alt="logo" />
|
|
</div>
|
|
<div className="flex gap-2">
|
|
<Button variant="outline" className="px-2 py-1">
|
|
ورود
|
|
</Button>
|
|
<Button className="px-2 py-1 bg-parch">مشترک شوید</Button>
|
|
</div>
|
|
</header>
|
|
</div>
|
|
);
|
|
}
|