added tons of features

components/shared/header/index.tsx

@@ -0,0 +1,54 @@
+import {Menu} from '@radix-ui/react-menu'
+
+import HeaderControls from './controls'
+import Logo from '@/components/shared/home/logo'
+import LocaleSwitcher from '@/components/shared/locale-switcher'
+import Navbar from '@/components/shared/navbar'
+import SearchForm from '@/components/shared/search/form'
+import SocialMediaPanel from '@/components/shared/social-media-panel'
+import {Switch} from '@/ui/switch'
+
+type MenuProps = {
+	name: string
+	slug: string
+	href: string
+}
+
+export default async function Header() {
+	/*{
+		searchParams
+	}: {
+		searchParams: Promise<{query?: string}>
+	}*/
+	//const query = (await searchParams).query
+
+	return (
+		<header className='w-full border-none bg-background text-white'>
+			<div className='container flex'>
+				<div className='bw-layout-col-left'>
+					<Logo />
+				</div>
+				<div className='bw-layout-col-right flex-col'>
+					<div className='mt-1.5 flex h-10 items-center'>
+						<div className='bw-header-col-left flex justify-between gap-x-10'>
+							<Navbar />
+							<SocialMediaPanel size={16} className='gap-x-3 pr-1' />
+						</div>
+						<div className='bw-header-col-right flex justify-end text-stone'>
+							<LocaleSwitcher />
+						</div>
+					</div>
+
+					<div className='flex items-center'>
+						<div className='bw-header-col-left'>
+							<SearchForm />
+						</div>
+						<div className='bw-header-col-right'>
+							<HeaderControls />
+						</div>
+					</div>
+				</div>
+			</div>
+		</header>
+	)
+}