import Link from 'next/link'
import styles from './Header.module.css'

export default function Header() {
    return (
        <header className={styles.header}>
            <div className={styles.container}>
                <Link href="/" className={styles.logo} prefetch={false}>
                    {/* Placeholder for logo icon if needed */}
                    <div className={styles.logoText}>
                        <span>ANTALYA</span>
                    </div>
                </Link>

                <nav className={styles.nav}>
                    <ul className={styles.navList}>
                        <li><Link href="/" className={styles.navLink} prefetch={false}>Home</Link></li>
                        <li><Link href="#about" className={styles.navLink} prefetch={false}>About</Link></li>
                        <li><Link href="#gallery" className={styles.navLink} prefetch={false}>Gallery</Link></li>
                        <li><Link href="#menu" className={styles.navLink} prefetch={false}>Menu</Link></li>
                        <li><Link href="#blog" className={styles.navLink} prefetch={false}>Blog</Link></li>
                        <li><Link href="#contact" className={styles.navLink} prefetch={false}>Contact</Link></li>
                    </ul>
                </nav>

                <button className={styles.mobileMenuBtn}>☰</button>
            </div>
        </header>
    )
}
