@extends('layouts.app')

@section('title', 'Le centre — Concept X Formation')
@section('meta_description', "Concept X Formation : centre de formation certifié Qualiopi et CFA en Guadeloupe. Notre histoire, nos engagements et notre équipe pédagogique.")

@section('content')
<div class="breadcrumb">
    <div class="container">
        <a href="{{ route('accueil') }}">Accueil</a><span class="sep">/</span><span class="current">Le centre</span>
    </div>
</div>

<section class="page-hero">
    <div class="container">
        <div class="page-hero-eyebrow">Qui sommes-nous</div>
        <h1>10 ans d'<em>expertise</em><br>en formation numérique.</h1>
        <p class="lead">Concept X Formation, c'est l'histoire d'un centre guadeloupéen qui accompagne les métiers créatifs et numériques, du présentiel local au distanciel national.</p>
    </div>
</section>

<section class="block">
    <div class="container-narrow">
        <div class="block-eyebrow">Notre histoire</div>
        <h2 class="block-title">10 ans, 3 implantations,<br>des centaines de parcours.</h2>
        <div class="timeline">
            <div class="timeline-item"><div class="timeline-year">2014</div><h4>Création de Concept X Formation</h4><p>Ouverture du premier centre à Basse-Terre autour des métiers du multimédia et de l'audiovisuel.</p></div>
            <div class="timeline-item"><div class="timeline-year">2014</div><h4>Ouverture aux Abymes</h4><p>Élargissement du catalogue : infographie, web, bureautique et accompagnement des professionnels.</p></div>
            <div class="timeline-item"><div class="timeline-year">2020</div><h4>Certification Qualiopi</h4><p>Obtention de la certification qualité, indispensable pour l'accès aux financements publics et mutualisés.</p></div>
            <div class="timeline-item"><div class="timeline-year">2021</div><h4>Lancement du CFA</h4><p>Développement de l'activité apprentissage pour accompagner les jeunes et les entreprises.</p></div>
            <div class="timeline-item"><div class="timeline-year">2026</div><h4>Offre distancielle nationale</h4><p>Le savoir-faire Concept X devient accessible partout en France, avec des cohortes encadrées.</p></div>
        </div>
    </div>
</section>

<section class="block alt" id="partenaire">
    <div class="container">
        <span id="partenaires" class="anchor-offset" aria-hidden="true"></span>
        <div class="block-eyebrow">Notre engagement</div>
        <h2 class="block-title">Qualité, proximité,<br>compétences métier.</h2>
        <p class="block-intro">Notre sérieux est reconnu par les partenaires institutionnels et financeurs de la formation professionnelle.</p>
        <div class="sectors-grid">
            @foreach($partenaires as $p)
                <div class="sector-card">
                    @if($p->logo)
                        <img class="sector-logo" src="{{ asset($p->logo) }}" alt="{{ $p->libelle }}">
                    @else
                        <div class="sector-icon">{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}</div>
                    @endif
                    <h4>{{ $p->libelle }}</h4>
                    <p>{{ $p->description }}</p>
                </div>
            @endforeach
        </div>
    </div>
</section>

<section class="block">
    <div class="container">
        <div class="block-eyebrow">L'équipe</div>
        <h2 class="block-title">Des formateurs<br>du terrain.</h2>
        <p class="block-intro">Nos formateurs sont avant tout des praticiens : développeurs, graphistes, monteurs, community managers et experts bureautiques.</p>
        <div class="team-grid">
            <div class="team-card"><div class="team-avatar"></div><h4>Direction pédagogique</h4><p>Coordination des parcours, qualité et accompagnement des stagiaires.</p></div>
            <div class="team-card"><div class="team-avatar green"></div><h4>Experts numériques</h4><p>Web, IA, automatisation, réseaux sociaux et usages professionnels.</p></div>
            <div class="team-card"><div class="team-avatar terracotta"></div><h4>Créatifs & PAO</h4><p>Graphisme, Photoshop, Illustrator, InDesign et production de contenus.</p></div>
            <div class="team-card"><div class="team-avatar gold"></div><h4>Bureautique</h4><p>Excel, Word, Microsoft 365 et méthodes d'organisation professionnelle.</p></div>
        </div>
    </div>
</section>
@endsection