@extends('layouts.app')

@section('title', 'Sobre Nosotros | Datos Matrimonios')

@section('content')
<div class="container py-5" style="max-width: 960px;">

    {{-- HERO --}}
    <div class="text-center mb-5">
        <span class="dm-pill">💍 Nuestra historia</span>
        <h1 class="fw-bold mt-2">Sobre Datos Matrimonios</h1>
        <p class="muted mt-3" style="max-width: 720px; margin: 0 auto;">
            Creamos DatosMatrimonios.cl para ayudar a parejas en Chile a organizar su matrimonio
            de forma simple, clara y sin estrés.
        </p>
    </div>

    {{-- QUIÉNES SOMOS --}}
    <section class="mb-5">
        <h2 class="h4 fw-bold mb-3">¿Quiénes somos?</h2>
        <p>
            <strong>DatosMatrimonios.cl</strong> es una plataforma digital dedicada a la planificación
            de matrimonios y bodas en Chile. Reunimos en un solo lugar herramientas prácticas,
            contenido inspirador y proveedores del rubro para acompañar a las parejas
            durante todo el proceso de organización.
        </p>
        <p>
            Sabemos que planificar un matrimonio puede ser emocionante, pero también abrumador.
            Por eso creamos un espacio pensado para simplificar decisiones, ordenar ideas
            y entregar información clara y útil.
        </p>
    </section>

    {{-- QUÉ HACEMOS --}}
    <section class="mb-5">
        <h2 class="h4 fw-bold mb-3">¿Qué hacemos?</h2>

        <div class="row g-3">
            <div class="col-md-6">
                <div class="dm-card p-4 h-100">
                    <div class="fw-bold mb-1">📋 Planner de matrimonio</div>
                    <div class="muted">
                        Una herramienta online para organizar checklist, presupuesto, invitados
                        y el timeline del día del matrimonio.
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="dm-card p-4 h-100">
                    <div class="fw-bold mb-1">✨ Inspiración y contenidos</div>
                    <div class="muted">
                        Artículos, guías y consejos sobre estilos de boda, tendencias,
                        proveedores y organización.
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="dm-card p-4 h-100">
                    <div class="fw-bold mb-1">🏪 Proveedores y productos</div>
                    <div class="muted">
                        Un espacio donde los proveedores pueden mostrar sus servicios
                        y las parejas pueden inspirarse y contactarlos directamente.
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="dm-card p-4 h-100">
                    <div class="fw-bold mb-1">🇨🇱 Enfoque local</div>
                    <div class="muted">
                        Contenido, herramientas y proveedores pensados específicamente
                        para matrimonios en Chile.
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{-- MISIÓN --}}
    <section class="mb-5">
        <h2 class="h4 fw-bold mb-3">Nuestra misión</h2>
        <p>
            Nuestra misión es ayudar a las parejas a <strong>organizar su matrimonio con menos estrés
            y mejores decisiones</strong>, entregando información confiable, herramientas prácticas
            y un espacio de encuentro con proveedores del rubro.
        </p>
    </section>

    {{-- VISIÓN --}}
    <section class="mb-5">
        <h2 class="h4 fw-bold mb-3">Nuestra visión</h2>
        <p>
            Queremos convertirnos en la plataforma de referencia en Chile para la planificación
            de matrimonios, siendo un apoyo real tanto para las parejas como para los proveedores
            que forman parte de este momento tan importante.
        </p>
    </section>

    {{-- VALORES --}}
    <section class="mb-5">
        <h2 class="h4 fw-bold mb-3">Nuestros valores</h2>
        <ul>
            <li><strong>Claridad:</strong> información simple y fácil de entender.</li>
            <li><strong>Cercanía:</strong> hablamos desde la experiencia real de las parejas.</li>
            <li><strong>Confianza:</strong> transparencia con usuarios y proveedores.</li>
            <li><strong>Utilidad:</strong> cada herramienta y contenido debe aportar valor.</li>
        </ul>
    </section>

    {{-- CTA --}}
    <section class="text-center mt-5">
        <h2 class="h4 fw-bold mb-3">¿Estás organizando tu matrimonio?</h2>
        <p class="muted mb-4">
            Comienza hoy a planificar tu boda con herramientas pensadas para ti.
        </p>

        <div class="d-flex justify-content-center gap-2 flex-wrap">
            <a href="{{ route('planner.landing') }}" class="btn btn-primary btn-lg">
                Probar el Planner
            </a>
            <a href="{{ route('blog.index') }}" class="btn btn-outline-secondary btn-lg">
                Ver ideas y consejos
            </a>
        </div>
    </section>

</div>
@endsection