Restaurant Full Page

<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom">
  <div class="container"><a class="navbar-brand fw-bold" href="#"><i class="bi bi-cup-hot-fill text-danger"></i> Spice Kitchen</a>
    <ul class="navbar-nav ms-auto flex-row gap-3">
      <li class="nav-item"><a class="nav-link" href="#">Menu</a></li>
      <li class="nav-item"><a class="nav-link" href="#">About</a></li>
      <li class="nav-item"><a class="nav-link" href="#">Reserve</a></li>
    </ul>
  </div>
</nav>
<section style="background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1600&h=900&fit=crop') center/cover;min-height:70vh" class="d-flex align-items-center text-white">
  <div class="container text-center">
    <h1 class="display-2 fw-bold">Authentic Bengali Cuisine</h1>
    <p class="lead">Since 1998 · in the heart of Dhaka</p><a href="#" class="btn btn-danger btn-lg">Reserve a table</a>
  </div>
</section>
<section class="py-5">
  <div class="container">
    <h2 class="text-center fw-bold">Popular dishes</h2>
    <div class="row g-4 mt-3">
      <div class="col-md-4">
        <div class="border rounded-4 overflow-hidden h-100"><img src="https://images.unsplash.com/photo-1565557623262-b51c2513a641?w=600&h=400&fit=crop" alt="Bengali beef biryani" class="w-100" style="height:200px;object-fit:cover">
          <div class="p-3">
            <h5 class="fw-bold">Kacchi Biryani</h5>
            <p class="text-muted small mb-1">Aromatic mutton biryani slow-cooked with basmati rice.</p><span class="text-danger fw-bold">৳ 450</span>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="border rounded-4 overflow-hidden h-100"><img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&h=400&fit=crop" alt="Ilish fish curry" class="w-100" style="height:200px;object-fit:cover">
          <div class="p-3">
            <h5 class="fw-bold">Sorshe Ilish</h5>
            <p class="text-muted small mb-1">National fish in mustard curry — served with steamed rice.</p><span class="text-danger fw-bold">৳ 550</span>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="border rounded-4 overflow-hidden h-100"><img src="https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=600&h=400&fit=crop" alt="Sweet dessert" class="w-100" style="height:200px;object-fit:cover">
          <div class="p-3">
            <h5 class="fw-bold">Roshogolla</h5>
            <p class="text-muted small mb-1">Classic Bengali sweet — soft, spongy, syrupy.</p><span class="text-danger fw-bold">৳ 40</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="py-5 bg-light">
  <div class="container">
    <div class="row g-4 align-items-center">
      <div class="col-md-6">
        <h2 class="fw-bold">Visit us</h2>
        <p><i class="bi bi-geo-alt-fill text-danger me-2"></i>House 23, Road 11, Banani, Dhaka</p>
        <p><i class="bi bi-telephone-fill text-danger me-2"></i>+880 1700-000000</p>
        <p><i class="bi bi-clock-fill text-danger me-2"></i>Everyday · 12:00 PM – 11:00 PM</p><a href="#" class="btn btn-danger">Book table</a>
      </div>
      <div class="col-md-6"><img src="https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=800&h=600&fit=crop" alt="Restaurant interior" class="img-fluid rounded-4"></div>
    </div>
  </div>
</section>
<footer class="py-3 bg-dark text-white text-center">
  <div class="container"><small>© Spice Kitchen 2026</small></div>
</footer>