@extends('layouts.main')

@section('title', 'Sıkça Sorulan Sorular - TEK UMUT SİGARA TİKSİNDİRİCİ')

@section('meta')
    <meta name="description" content="Tek Umut Sigara Tiksindirici hakkında en çok merak edilen sorular ve cevapları.">
@endsection

@section('content')
    <div class="max-w-4xl mx-auto px-4 py-12 min-h-[60vh]">
        <div class="bg-surface-container-lowest p-8 md:p-12 rounded-2xl shadow-sm border border-outline-variant">
            <h1 class="font-headline-lg text-primary mb-8 pb-4 border-b border-outline-variant">Sıkça Sorulan Sorular</h1>
            
            <div class="prose max-w-none text-on-surface">
                @include('partials.faq-content')
            </div>
        </div>
        
        <div class="text-center mt-8 text-sm text-on-surface-variant">
            <a href="javascript:history.back()" class="text-primary hover:underline font-bold">&larr; Geri Dön</a>
        </div>
    </div>
@endsection