"use client";
import Link from "next/link";import { Menu, X } from "lucide-react";import { useState } from "react";
export function SiteHeader(){const[open,setOpen]=useState(false);return <header className="site-header"><div className="container nav-wrap"><Link href="/" className="brand"><i>Ω</i><div><b>OMEGA FIRE</b><small>MINISTRIES</small></div></Link><nav className={open?"open":""}>{[["Home","/"],["About","/about"],["Speakers","/about#speakers"],["Schedule","/about#schedule"],["Venue","/#venue"],["FAQ","/#faq"]].map(x=><Link onClick={()=>setOpen(false)} key={x[0]} href={x[1]}>{x[0]}</Link>)}<Link className="nav-support" href="/support">Support</Link><Link className="nav-register" href="/register">Register</Link></nav><button className="menu-btn" onClick={()=>setOpen(!open)} aria-label="Toggle navigation">{open?<X/>:<Menu/>}</button></div></header>}
