@extends('layouts.app') @section('title', __('app.how_it_works.title')) @section('meta_description', __('app.how_it_works.meta_description')) @section('content') {{-- Hero: Centered, clean typography, compact on mobile --}}
@include('partials.breadcrumbs', [ 'crumbs' => [ ['name' => __('app.nav.home'), 'url' => lroute('home')], ['name' => __('app.nav.how_it_works')], ], 'dark' => true, 'navClass' => 'mb-8 flex justify-center', ]) {{ __('app.how_it_works.hero_badge') }}

{{ __('app.how_it_works.h1') }}

{{ __('app.how_it_works.lead') }}

{{ __('app.nav.book_demo') }}
{{-- One solution for everything: 2 columns on mobile, 4 on desktop --}}

{{ __('app.how_it_works.solution_for_title') }}

@foreach (__('app.how_it_works.solution_for') as $i => $item)
{{ $i + 1 }}

{{ $item }}

@endforeach
{{-- For guests: Responsive 2-col on desktop, mobile-ordered --}}
{{ __('app.how_it_works.for_guests_badge') }}

{{ __('app.how_it_works.users_title') }}

{{ __('app.how_it_works.users_subtitle') }}

    @foreach (__('app.how_it_works.users') as $feature)

  • {{ $feature['title'] }}

    {{ $feature['text'] }}

    • @endforeach
{{ __('app.how_it_works.users_img_alt') }}
{{-- For businesses --}}
{{ __('app.how_it_works.for_business_badge') }}

{{ __('app.how_it_works.business_title') }}

{{ __('app.how_it_works.business_subtitle') }}

{{ __('app.how_it_works.business_img_alt') }}
@foreach (__('app.how_it_works.business') as $feature)

{{ $feature['title'] }}

{{ $feature['text'] }}

@endforeach
{{-- Compact showcase banner --}}
{{ __('app.how_it_works.wide_img_alt') }}
{{-- Steps: 2x2 grid on mobile, 4 in a row on desktop --}}

{{ __('app.how_it_works.steps_title') }}

@foreach (__('app.how_it_works.steps') as $i => $step)
{{ $i + 1 }}

{{ $step['title'] }}

{{ $step['text'] }}

@endforeach
@include('partials.cta') @endsection