{{-- ═══ Creative Agency about fields ═══ --}}

{{-- Expandable sections (About) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Secciones Expandibles (About)</h4>
    <p class="text-gray-600 fs-7 mb-4">Los 3 bloques con título y contenido expandible en la página About.</p>
    <div class="row g-4 mb-6">
        @for($i = 1; $i <= 3; $i++)
        <div class="col-12 col-md-4">
            <label class="form-label">Título {{ $i }}</label>
            <input type="text" name="about[section{{ $i }}_title]" class="form-control form-control-solid" value="{{ old("about.section{$i}_title", $siteData['about']["section{$i}_title"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Contenido {{ $i }}</label>
            <textarea name="about[section{{ $i }}_content]" class="form-control form-control-solid" rows="2">{{ old("about.section{$i}_content", $siteData['about']["section{$i}_content"] ?? '') }}</textarea>
        </div>
        @endfor
    </div>
</div>

{{-- Counters + CTA from default --}}
@include('admin.site-data.about._default')