import Link from 'next/link';
import styles from './Navbar.module.css';

export default function Navbar() {
  return (
    <nav className={styles.navbar}>
      <div className={styles.navInner}>
        {/* Logo */}
        <Link href="/" className={styles.logo}>
          <span className={styles.logoLeaf}>🌿</span>
          <span className={styles.logoText}>My Dosa Place</span>
        </Link>

        {/* Navigation Links */}
        <ul className={styles.navLinks}>
          <li><Link href="/" className={styles.navLink}>Home</Link></li>
          <li><Link href="#about" className={styles.navLink}>About</Link></li>
          <li><Link href="#menu" className={styles.navLink}>Menu</Link></li>
          <li><Link href="#specials" className={styles.navLink}>Specials</Link></li>
          <li><Link href="#catering" className={styles.navLink}>Catering</Link></li>
          <li><Link href="#gallery" className={styles.navLink}>Gallery</Link></li>
          <li><Link href="#contact" className={styles.navLink}>Contact</Link></li>
        </ul>

        {/* Right Actions */}
        <div className={styles.navActions}>
          <Link href="tel:+15191234567" className={styles.btnCall}>
            📞 Call Now
          </Link>
          <Link href="#order" className={styles.btnOrder}>
            Order Online
          </Link>
        </div>
      </div>
    </nav>
  );
}