38 lines
1.4 KiB
JavaScript
38 lines
1.4 KiB
JavaScript
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>
|
|
);
|
|
}
|