{{-- ═══ Architecture-2 (Art & Design) about fields ═══ --}}

{{-- 1. Sección principal --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Sección principal</h4>
    <p class="text-gray-600 fs-7 mb-4">Encabezado del about con texto stroke + label + heading + 5 párrafos.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke (fondo)</label>
            <input type="text" name="about[stroke_text]" class="form-control form-control-solid" value="{{ old('about.stroke_text', $siteData['about']['stroke_text'] ?? '') }}" placeholder="ESTUDIO" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label (eyebrow)</label>
            <input type="text" name="about[main_label]" class="form-control form-control-solid" value="{{ old('about.main_label', $siteData['about']['main_label'] ?? '') }}" placeholder="SOBRE NOSOTROS" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Subtítulo principal</label>
            <input type="text" name="about[main_subtitle]" class="form-control form-control-solid" value="{{ old('about.main_subtitle', $siteData['about']['main_subtitle'] ?? '') }}" placeholder="Diseño que transforma..." />
        </div>
        @for($i = 1; $i <= 5; $i++)
        <div class="col-12">
            <label class="form-label">Párrafo {{ $i }}</label>
            <textarea name="about[paragraph_{{ $i }}]" class="form-control form-control-solid" rows="3">{{ old("about.paragraph_{$i}", $siteData['about']["paragraph_{$i}"] ?? '') }}</textarea>
        </div>
        @endfor
    </div>
</div>

{{-- 2. Sección Equipo --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sección Equipo</h4>
    <p class="text-gray-600 fs-7 mb-4">Título y párrafos descriptivos. Los miembros se editan desde el módulo Team.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke</label>
            <input type="text" name="about[team_stroke_text]" class="form-control form-control-solid" value="{{ old('about.team_stroke_text', $siteData['about']['team_stroke_text'] ?? '') }}" placeholder="EQUIPO" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label</label>
            <input type="text" name="about[team_label]" class="form-control form-control-solid" value="{{ old('about.team_label', $siteData['about']['team_label'] ?? '') }}" placeholder="PROFESIONALES" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Título</label>
            <input type="text" name="about[team_title]" class="form-control form-control-solid" value="{{ old('about.team_title', $siteData['about']['team_title'] ?? '') }}" placeholder="Nuestro Equipo" />
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo 1</label>
            <textarea name="about[team_paragraph_1]" class="form-control form-control-solid" rows="2">{{ old('about.team_paragraph_1', $siteData['about']['team_paragraph_1'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo 2</label>
            <textarea name="about[team_paragraph_2]" class="form-control form-control-solid" rows="2">{{ old('about.team_paragraph_2', $siteData['about']['team_paragraph_2'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 3. Testimonios --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Sección Testimonios</h4>
    <p class="text-gray-600 fs-7 mb-4">Encabezado de la sección. Los testimonios se editan desde el módulo References.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Label</label>
            <input type="text" name="about[testimonials_label]" class="form-control form-control-solid" value="{{ old('about.testimonials_label', $siteData['about']['testimonials_label'] ?? '') }}" placeholder="CLIENTES" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Título</label>
            <input type="text" name="about[testimonials_title]" class="form-control form-control-solid" value="{{ old('about.testimonials_title', $siteData['about']['testimonials_title'] ?? '') }}" />
        </div>
    </div>
</div>

{{-- 4. Cierre / CTA inferior --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Cierre del About</h4>
    <p class="text-gray-600 fs-7 mb-4">Párrafos de cierre que invitan al contacto.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Párrafo 1</label>
            <textarea name="about[bottom_paragraph_1]" class="form-control form-control-solid" rows="2">{{ old('about.bottom_paragraph_1', $siteData['about']['bottom_paragraph_1'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo 2</label>
            <textarea name="about[bottom_paragraph_2]" class="form-control form-control-solid" rows="2">{{ old('about.bottom_paragraph_2', $siteData['about']['bottom_paragraph_2'] ?? '') }}</textarea>
        </div>
    </div>
</div>