--primary-light: #e8651a; --dark: #1a1f2e; --text: #4a5568; --text-light: #718096; --bg: #f7f8fc; --white: #ffffff; --border: rgba(0,0,0,0.07); --shadow-sm: 0 2px 8px rgba(0,0,0,0.06); --shadow-md: 0 8px 30px rgba(0,0,0,0.10); --shadow-lg: 0 20px 60px rgba(0,0,0,0.12); --radius-sm: 12px; --radius-md: 18px; --radius-lg: 28px; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { display: flex; flex-direction: column; min-height: 100vh; background: var(--bg); font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--dark); -webkit-font-smoothing: antialiased; } /* ── Navbar ── */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 0 24px; height: 60px; display: flex; align-items: center; background: rgba(255,255,255,0.92); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); } .nav-inner { max-width: 1100px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; } .nav-logo { font-size: 1.5rem; font-weight: 900; color: var(--primary); text-decoration: none; letter-spacing: -1.5px; } .nav-logo span { color: var(--dark); } .nav-btn { padding: 9px 22px; background: var(--primary); color: #fff; border-radius: var(--radius-sm); text-decoration: none; font-weight: 700; font-size: 0.875rem; transition: background 0.2s, transform 0.15s; } .nav-btn:hover { background: var(--primary-light); transform: translateY(-1px); } /* ── Hero ── */ .hero { position: relative; height: 580px; margin-top: 60px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; background: var(--dark); } .hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); transition: transform 8s ease; } .hero:hover .hero-img { transform: scale(1.0); } .hero-overlay { position: absolute; inset: 0; background: linear-gradient( to bottom, rgba(10,12,20,0.15) 0%, rgba(10,12,20,0.45) 50%, rgba(10,12,20,0.82) 100% ); } .hero-body { position: relative; z-index: 2; width: 100%; max-width: 1100px; padding: 0 32px 52px; } .hero-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(211,84,0,0.85); color: #fff; font-size: 0.78rem; font-weight: 700; padding: 5px 14px; border-radius: 999px; margin-bottom: 18px; letter-spacing: 0.5px; text-transform: uppercase; } .hero-body h1 { font-size: clamp(2rem, 5.5vw, 3.6rem); font-weight: 900; color: #fff; line-height: 1.08; letter-spacing: -2px; margin: 0 0 16px; text-shadow: 0 4px 24px rgba(0,0,0,0.4); } .hero-body p { font-size: clamp(1rem, 2vw, 1.2rem); color: rgba(255,255,255,0.85); margin: 0 0 28px; max-width: 560px; line-height: 1.6; } .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; } .hero-cta-primary { padding: 14px 32px; background: var(--primary); color: #fff; border-radius: var(--radius-sm); text-decoration: none; font-weight: 800; font-size: 1rem; transition: background 0.2s, transform 0.15s; box-shadow: 0 4px 20px rgba(211,84,0,0.4); } .hero-cta-primary:hover { background: var(--primary-light); transform: translateY(-2px); } .hero-cta-secondary { padding: 14px 28px; background: rgba(255,255,255,0.15); color: #fff; border: 1.5px solid rgba(255,255,255,0.35); border-radius: var(--radius-sm); text-decoration: none; font-weight: 700; font-size: 1rem; backdrop-filter: blur(8px); transition: background 0.2s; } .hero-cta-secondary:hover { background: rgba(255,255,255,0.25); } /* ── Stats Bar ── */ .stats-bar { background: var(--white); border-bottom: 1px solid var(--border); box-shadow: var(--shadow-sm); } .stats-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); divide-x: 1px solid var(--border); } .stat-item { padding: 22px 24px; text-align: center; border-right: 1px solid var(--border); } .stat-item:last-child { border-right: none; } .stat-num { font-size: 1.8rem; font-weight: 900; color: var(--primary); letter-spacing: -1px; line-height: 1; } .stat-label { font-size: 0.8rem; color: var(--text-light); margin-top: 4px; font-weight: 500; } /* ── Layout ── */ .page-wrap { max-width: 1100px; margin: 0 auto; padding: 48px 24px 80px; flex: 1; display: grid; grid-template-columns: 1fr 320px; gap: 40px; align-items: start; } .main-col {} .side-col {} /* ── Breadcrumb ── */ .breadcrumb { font-size: 0.82rem; color: var(--text-light); margin-bottom: 36px; display: flex; align-items: center; gap: 6px; } .breadcrumb a, .breadcrumb .breadcrumb-link { color: var(--primary); text-decoration: none; } .breadcrumb a:hover, .breadcrumb .breadcrumb-link:hover { text-decoration: underline; } .breadcrumb-sep { opacity: 0.4; } /* ── Intro ── */ .intro-text { font-size: 1.1rem; line-height: 1.85; color: var(--text); margin-bottom: 40px; padding: 24px 28px; background: var(--white); border-radius: var(--radius-md); border-left: 4px solid var(--primary); box-shadow: var(--shadow-sm); } /* ── Feature Cards ── */ .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 48px; } .feature-card { background: var(--white); border-radius: var(--radius-md); padding: 24px 20px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); text-align: center; transition: transform 0.2s, box-shadow 0.2s; } .feature-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); } .feature-icon { font-size: 2rem; margin-bottom: 12px; display: block; } .feature-card h3 { font-size: 0.95rem; font-weight: 800; color: var(--dark); margin: 0 0 8px; } .feature-card p { font-size: 0.85rem; color: var(--text-light); margin: 0; line-height: 1.5; } /* ── Content sections ── */ .seo-content h2 { font-size: 1.55rem; font-weight: 800; color: var(--dark); margin: 48px 0 16px; letter-spacing: -0.5px; } .seo-content h2:first-child { margin-top: 0; } .seo-content p { font-size: 1.02rem; line-height: 1.85; color: var(--text); margin-bottom: 18px; } .seo-content ul, .seo-content ol { padding-left: 22px; margin-bottom: 24px; } .seo-content li { font-size: 1rem; line-height: 1.7; color: var(--text); margin-bottom: 10px; } .seo-content strong { color: var(--dark); } .seo-section { background: var(--white); border-radius: var(--radius-md); padding: 32px; margin-bottom: 20px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); } .seo-section h2 { margin-top: 0; } /* ── Biz Grid ── */ .biz-section-title { font-size: 1.55rem; font-weight: 800; color: var(--dark); margin: 48px 0 20px; letter-spacing: -0.5px; } .biz-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; margin-bottom: 48px; } .biz-card { background: var(--white); border-radius: var(--radius-sm); padding: 18px; text-decoration: none; color: var(--dark); box-shadow: var(--shadow-sm); border: 1px solid var(--border); transition: all 0.2s; display: flex; flex-direction: column; gap: 4px; } .biz-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--primary); } .biz-card-name { font-weight: 800; font-size: 0.95rem; } .biz-card-meta { font-size: 0.8rem; color: var(--text-light); } .biz-empty { color: var(--text-light); font-size: 0.95rem; padding: 20px 0; grid-column: 1/-1; } .biz-card-hidden { display: none; } .biz-show-more { grid-column: 1 / -1; margin-top: 4px; padding: 11px 24px; background: var(--white); border: 1.5px solid rgba(211,84,0,0.3); border-radius: var(--radius-sm); color: var(--primary); font-size: 0.88rem; font-weight: 700; cursor: pointer; transition: background 0.15s, border-color 0.15s; width: 100%; } .biz-show-more:hover { background: rgba(211,84,0,0.05); border-color: var(--primary); } /* ── FAQ ── */ .faq-section { margin-bottom: 48px; } .faq-section h2 { font-size: 1.55rem; font-weight: 800; color: var(--dark); margin: 0 0 20px; letter-spacing: -0.5px; } .faq-list { display: flex; flex-direction: column; gap: 10px; } .faq-item { background: var(--white); border-radius: var(--radius-sm); border: 1px solid var(--border); overflow: hidden; box-shadow: var(--shadow-sm); } .faq-question { font-size: 0.98rem; font-weight: 700; color: var(--dark); margin: 0; padding: 18px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; user-select: none; } .faq-question::after { content: '+'; font-size: 1.4rem; font-weight: 400; color: var(--primary); flex-shrink: 0; transition: transform 0.2s; } .faq-item.open .faq-question::after { transform: rotate(45deg); } .faq-answer { font-size: 0.95rem; line-height: 1.75; color: var(--text); margin: 0; padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; } .faq-item.open .faq-answer { max-height: 300px; padding: 0 20px 18px; } /* ── CTA Box ── */ .cta-box { background: linear-gradient(135deg, #1a1f2e 0%, #2d3561 100%); border-radius: var(--radius-lg); padding: 56px 40px; text-align: center; color: var(--white); margin: 48px 0; position: relative; overflow: hidden; } .cta-box::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 50%, rgba(211,84,0,0.25) 0%, transparent 65%); } .cta-box > * { position: relative; z-index: 1; } .cta-box h2 { font-size: 1.9rem; font-weight: 900; margin: 0 0 12px; letter-spacing: -1px; } .cta-box p { font-size: 1.05rem; color: rgba(255,255,255,0.75); margin: 0 0 28px; } .cta-btn { display: inline-block; background: var(--primary); color: #fff; padding: 16px 40px; border-radius: var(--radius-sm); text-decoration: none; font-weight: 800; font-size: 1.05rem; box-shadow: 0 6px 24px rgba(211,84,0,0.45); transition: background 0.2s, transform 0.15s; } .cta-btn:hover { background: var(--primary-light); transform: translateY(-2px); } .cta-note { display: block; margin-top: 14px; font-size: 0.82rem; color: rgba(255,255,255,0.45); } /* ── Sidebar ── */ .side-card { background: var(--white); border-radius: var(--radius-md); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--border); margin-bottom: 20px; } .side-card-title { font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-light); margin: 0 0 16px; } .side-links { display: flex; flex-direction: column; gap: 8px; } .side-link { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: var(--radius-sm); text-decoration: none; color: var(--dark); font-size: 0.9rem; font-weight: 600; border: 1px solid var(--border); transition: all 0.15s; } .side-link:hover { background: rgba(211,84,0,0.05); border-color: rgba(211,84,0,0.3); color: var(--primary); } .side-tags { display: flex; flex-wrap: wrap; gap: 8px; } .side-tag { padding: 6px 14px; border: 1px solid rgba(211,84,0,0.2); border-radius: 999px; font-size: 0.82rem; font-weight: 600; color: var(--primary); text-decoration: none; background: rgba(211,84,0,0.04); transition: all 0.15s; } .side-tag:hover { background: var(--primary); color: #fff; border-color: var(--primary); } .side-cta { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%); border-radius: var(--radius-md); padding: 28px 24px; text-align: center; color: #fff; margin-bottom: 20px; } .side-cta h3 { font-size: 1.1rem; font-weight: 900; margin: 0 0 8px; } .side-cta p { font-size: 0.85rem; opacity: 0.85; margin: 0 0 18px; line-height: 1.5; } .side-cta-btn { display: block; background: #fff; color: var(--primary); padding: 12px 20px; border-radius: var(--radius-sm); text-decoration: none; font-weight: 800; font-size: 0.9rem; transition: transform 0.15s; } .side-cta-btn:hover { transform: translateY(-2px); } /* ── Footer ── */ .footer { background: var(--white); border-top: 1px solid var(--border); padding: 32px 24px; text-align: center; } .footer p { font-size: 0.85rem; color: var(--text-light); margin: 0; } .footer a { color: var(--primary); text-decoration: none; } /* ── Responsive ── */ @media (max-width: 900px) { .page-wrap { grid-template-columns: 1fr; padding: 32px 20px 60px; } .side-col { order: -1; } .stats-inner { grid-template-columns: repeat(2, 1fr); } .stat-item:nth-child(2) { border-right: none; } } @media (max-width: 640px) { .hero { height: 480px; } .hero-body { padding: 0 20px 40px; } .hero-body h1 { letter-spacing: -1px; } .features-grid { grid-template-columns: 1fr; } .stats-inner { grid-template-columns: repeat(2, 1fr); } .cta-box { padding: 40px 24px; } .cta-box h2 { font-size: 1.5rem; } }

📍 Muğla

Muğla'da QR Menü ve Dijital Sipariş

Muğla'daki restoran ve kafeler için 10 dakikada kurulum. Müşteriler QR okutarak sipariş verir, siz tek ekrandan yönetirsiniz.

Ücretsiz Dene → Özellikleri Gör

10 dk

Kurulum süresi

%30

Daha fazla satış

14 gün

Ücretsiz deneme

7/24

Destek

Muğla'daki restoran, kafe, otel ve beach club işletmeleri için QR menü ve dijital sipariş sistemi. VOKO ile Muğla'da dijital dönüşümünüzü 10 dakikada tamamlayın.

📍

Muğla'a Özel

Bölgedeki işletmelere yerel destek ve hızlı kurulum.

⚡

10 Dakika Kurulum

Menünüzü yükleyin, QR kodunuzu alın, hemen başlayın.

📱

Uygulama Yok

Müşteriler sadece kamera ile QR okutarak sipariş verir.

Ege Bölgesinde VOKO Kullanan İşletmeler

Yunusemre, Manisa

Sıkça Sorulan Sorular

Muğla'da QR menü nasıl kurulur?

VOKO'ya ücretsiz kayıt olun, menünüzü oluşturun ve masa QR kodlarınızı indirin. Muğla'daki işletmeniz 10 dakikada dijital menüye geçer. Teknik bilgi gerekmez.

Muğla'da VOKO kullanan işletmeler var mı?

Evet, Muğla ve Ege Bölgesi'ndeki pek çok restoran, kafe ve otel VOKO kullanmaktadır. Sayfanın alt bölümünde Muğla'daki aktif işletmeleri görebilirsiniz.

Muğla için fiyatlar nedir?

Tüm Türkiye için aynı fiyatlar geçerlidir. 14 gün boyunca tüm özellikleri ücretsiz deneyin; sonrasında işletme büyüklüğünüze uygun aylık planlardan birini seçin.

Muğla'da garson çağırma sistemi nasıl çalışır?

Müşteriler masadaki QR kodu okutarak tek tıkla garson çağırabilir veya hesap isteyebilir. Talepler anlık olarak garson ekranına iletilir; ek uygulama veya cihaz gerekmez.

Muğla'da Dijital Menüye Geçin

14 gün boyunca tüm özellikleri ücretsiz deneyin.

Hemen Ücretsiz Başla → Kredi kartı gerekmez · İstediğiniz zaman iptal