> ## Documentation Index
> Fetch the complete documentation index at: https://bodrum.momtur.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Popular Places

> Discover the most popular and highly rated places in Bodrum

# Popular Places in Bodrum

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-8">
  <a href="/places/mimoza-gumusluk" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1753805793/ce1stuksqe4xlritrszd.jpg" alt="Mimoza Gümüşlük" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Mimoza Gümüşlük</h3>
      <p className="text-gray-700 mb-2">Gümüşlük</p>
      <p className="text-sm text-gray-500">Seafood Restaurant</p>
    </div>
  </a>

  <a href="/places/scorpios-bodrum" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1753805909/qu3dnprf3z24xzj2khbt.png" alt="Scorpios Bodrum" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Scorpios Bodrum</h3>
      <p className="text-gray-700 mb-2">Maxx Royal, Göltürkbükü</p>
      <p className="text-sm text-gray-500">Beach Club & Restaurant</p>
    </div>
  </a>

  <a href="/places/gemibasi-restaurant" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1753806010/kvffpfehpdf6yaizrsl5.webp" alt="Gemibaşı Restaurant" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Gemibaşı Restaurant</h3>
      <p className="text-gray-700 mb-2">Bodrum Merkez, Marina Karşısı</p>
      <p className="text-sm text-gray-500">Seafood & Meze</p>
    </div>
  </a>

  <a href="/places/sips-bodrum" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752956115/hbevqsm3rskziphtt1vv.webp" alt="Sips Bodrum" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Sips Bodrum</h3>
      <p className="text-gray-700 mb-2">Yalıkavak, Ruins Luxury Resort içi</p>
      <p className="text-sm text-gray-500">Bar/Kokteyl</p>
    </div>
  </a>

  <a href="/places/macakizi" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752956452/nc88f8lh9fymmxa7klf8.jpg" alt="Maçakızı" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Maçakızı</h3>
      <p className="text-gray-700 mb-2">Göltürkbükü, Narçiçeği Sokak</p>
      <p className="text-sm text-gray-500">Restoran & Bar</p>
    </div>
  </a>

  <a href="/places/lucca" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752956829/mg4wrnnmis4g1v4kn69j.jpg" alt="Lucca" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Lucca</h3>
      <p className="text-gray-700 mb-2">Bodrum Merkez</p>
      <p className="text-sm text-gray-500">Plaj Kulübü & Restoran</p>
    </div>
  </a>

  <a href="/places/miam" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752955931/sm3eghiy0cg8uhvg3y9r.jpg" alt="Miam" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Miam</h3>
      <p className="text-gray-700 mb-2">Yalıkavak</p>
      <p className="text-sm text-gray-500">Restoran & Bar / Meyhane</p>
    </div>
  </a>

  <a href="/places/xuma-beach" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752955001/bxrovasig7qrzbsz0iyp.jpg" alt="Xuma Village" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Xuma Village</h3>
      <p className="text-gray-700 mb-2">Yalıkavak</p>
      <p className="text-sm text-gray-500">Beach Club & Wellness</p>
    </div>
  </a>

  <a href="/places/zuma" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752958024/jhq8nrn35a1zvlwn9vrj.jpg" alt="Zuma Bodrum" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Zuma Bodrum</h3>
      <p className="text-gray-700 mb-2">Yalıkavak Marina</p>
      <p className="text-sm text-gray-500">Japon Restoranı & Bar</p>
    </div>
  </a>

  <a href="/places/camel-beach" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752962063/bodrum-transfer/camel-beach-kargi.webp" alt="Camel Beach" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Camel Beach</h3>
      <p className="text-gray-700 mb-2">Ortakent, Kargı Koyu</p>
      <p className="text-sm text-gray-500">Plaj</p>
    </div>
  </a>

  <a href="/places/dibeklihan-kultur-ve-sanat-koyu" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752962434/places/dibeklihan-sanat-koyu-giris.jpg" alt="Dibeklihan Kültür ve Sanat Köyü" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Dibeklihan Kültür ve Sanat Köyü</h3>
      <p className="text-gray-700 mb-2">Ortakent, Yakaköy</p>
      <p className="text-sm text-gray-500">Kültür & Sanat Köyü</p>
    </div>
  </a>

  <a href="/places/kavanoz-yalikavak" className="block bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300">
    <div className="h-48 bg-gray-200 overflow-hidden">
      <img src="https://res.cloudinary.com/djzzikcey/image/upload/v1752966129/dswaxntxo1hoeo3qrimc.jpg" alt="Kavanoz Yalıkavak" className="w-full h-full object-cover" />
    </div>

    <div className="p-4">
      <h3 className="text-xl font-bold text-gray-800 mb-2">Kavanoz Yalıkavak</h3>
      <p className="text-gray-700 mb-2">Yalıkavak, Barış Caddesi</p>
      <p className="text-sm text-gray-500">Kokteyl Barı / Restoran</p>
    </div>
  </a>
</div>

<style jsx global>
  {`
    .grid {
      display: grid;
    }
    .grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (min-width: 768px) {
      .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (min-width: 1024px) {
      .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    .gap-6 {
      gap: 1.5rem;
    }
    .my-8 {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .bg-white {
      background-color: #fff;
    }
    .rounded-lg {
      border-radius: 0.5rem;
    }
    .shadow-md {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    .hover\:shadow-lg:hover {
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .transition-shadow {
      transition-property: box-shadow;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }
    .overflow-hidden {
      overflow: hidden;
    }
    .h-48 {
      height: 12rem;
    }
    .bg-gray-200 {
      background-color: #edf2f7;
    }
    .w-full {
      width: 100%;
    }
    .h-full {
      height: 100%;
    }
    .object-cover {
      object-fit: cover;
    }
    .p-4 {
      padding: 1rem;
    }
    .text-xl {
      font-size: 1.25rem;
      line-height: 1.75rem;
    }
    .font-bold {
      font-weight: 700;
    }
    .text-gray-800 {
      color: #2d3748;
    }
    .text-gray-600 {
      color: #4a5568;
    }
    .text-gray-700 {
      color: #4a5568;
    }
    .text-gray-500 {
      color: #a0aec0;
    }
    .text-sm {
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .mb-2 {
      margin-bottom: 0.5rem;
    }
    `}
</style>