@props(['vertical' => null])

@php
  // El paso 3 (Expert Installation) cambia de copy según el vertical del servicio:
  // pools describe el proceso de renovación de la pileta; el resto (hardscape:
  // pavers, turf, overlays) usa el texto genérico de instalación. `vertical` llega
  // como prop desde el layout de servicio (null en estimate → default hardscape).
  $step3Body = $vertical === 'pools'
      ? 'Our crew handles the renovation process — from surface prep and resurfacing to tile, coping, pool deck upgrades, sunshelves, and water features — with attention to detail from start to finish.'
      : 'Our crew handles everything — excavation, base prep, installation, cleanup.';
@endphp

{{-- Par "hermanito" social-proof → how-it-works, extraído del layout global cuando
     dejó de ser universal. Viaja JUNTO y SOLO a services + estimate (dentro de su
     @section('content')). Los literales (stats/quote de social-proof; steps +
     heading "Simple Process. / Stunning Results." de how-it-works) vivían antes
     hardcodeados en layouts/landing.blade.php; se centralizan acá para no
     duplicarlos entre las dos páginas destino. Orden fijo: proof primero, process
     después. El body del paso 3 varía por vertical (ver $step3Body arriba). --}}
<x-home.social-proof background="bg-brand-deep" :stats="[
    ['n' => '2500+', 'l' => 'Jobs Completed'],
    ['n' => '100+ 5.0★', 'l' => 'Google Reviews'],
    ['n' => '98%', 'l' => 'Referral Rate'],
    ['n' => '15+ yrs', 'l' => 'In Business'],
]"
  quote="The pool completely transformed our backyard into a resort. Three neighbors have already asked for their number."
  name="John C." meta="Boca Raton, FL" />

<x-home.how-it-works :steps="[
    [
        'n' => '1',
        'title' => 'Free Estimate',
        'body' => 'We visit your property, assess your space, and deliver a clear written quote — at no cost to you.',
    ],
    [
        'n' => '2',
        'title' => 'Design & Material Selection',
        'body' =>
            'Choose your project shape, size, finish, and features. We walk you through every option and bring samples to you.',
    ],
    [
        'n' => '3',
        'title' => 'Expert Installation',
        'body' => $step3Body,
    ],
    [
        'n' => '4',
        'title' => 'Walkthrough & Warranty',
        'body' =>
            'We inspect every inch with you at final walkthrough and hand you a written warranty before we leave.',
    ],
]">
  <x-home.section-header eyebrow="How It Works" lead="Simple Process." emph="Stunning Results." />
</x-home.how-it-works>