@extends('layouts.app')

@section('title', $title ?? __('pages.solutions_performance_optimization_title'))

@section('json-ld')
<x-json-ld :schemas="['product']" :data="['slug' => $slug ?? 'performance-optimization']" />
@endsection

@section('content')
{{-- Hero --}}
@include('sections.solutions.performance.hero')

{{-- Introduction --}}
@include('sections.solutions.performance.introduction')

{{-- What We Measure --}}
@include('sections.solutions.performance.what-we-measure')

{{-- Monitoring --}}
@include('sections.solutions.performance.monitoring')

{{-- Diagnostic --}}
@include('sections.solutions.performance.diagnostic')

{{-- Actions --}}
@include('sections.solutions.performance.actions')

<x-layouts.gradient-layout>
    {{-- Tools (inside gradient bg-background card) --}}
    <div class="w-full px-4">
        <div class="w-full bg-background rounded-b-lg py-20 px-4">
            @include('sections.solutions.performance.tools')
        </div>
    </div>

    {{-- CTA --}}
    @include('sections.solutions.performance.cta')
</x-layouts.gradient-layout>
@endsection