@extends('layouts.frontend', ['body_class' => ''])

@php
    SEOMeta::setTitle('Szolgáltatások');
@endphp

@section('content')
    <x-frontend.header />

    <x-frontend.main pattern="atlantis">


        <x-frontend.section class="py-8 lg:py-16">
            <x-frontend.container size="large">
                <x-frontend.column.two reverse>
                    <x-slot name="left">
                        <img src="{{ asset('kepek/services/01.png') }}" alt="" width="720" height="720">
                    </x-slot>
                    <x-slot name="right">
                        <x-frontend.column.content>
                            <h2>Szolgáltatások</h2>
                            <p>
                                A lakások egyszerre komfortosak és energiahatékonyak, köszönhetően a korszerű építészeti,
                                épületgépészeti és megoldásoknak, amelyek lehetővé teszik a fenntartható és gazdaságos
                                üzemeltetést. Az ingatlanok kulcsrakészen, igényes műszaki kivitelben, prémium részletekkel
                                kerülnek értékesítésre, így a leendő lakók azonnal élvezhetik az otthon nyújtotta kényelmet.
                            </p>
                        </x-frontend.column.content>
                    </x-slot>
                </x-frontend.column.two>
            </x-frontend.container>
        </x-frontend.section>

        <x-frontend.section class="py-8 lg:py-16">
            <x-frontend.container size="large">

                @php
                    $services = [
                        [
                            'img' => '/kepek/services/01.svg',
                            'title' => 'Privát vízpart',
                            'description' =>
                                'Kizárólag lakástulajdonosok, vagy lakást bérlők által használható, zárt, privát balatoni vízpart több, mint 130 m hosszban.',
                        ],
                        [
                            'img' => '/kepek/services/02.svg',
                            'title' => 'Stég',
                            'description' => 'A privát parszakaszon kialakításra kerül partmenti stég.',
                        ],
                        [
                            'img' => '/kepek/services/03.svg',
                            'title' => 'Strandmedence gyermekpancsolóval és zuhanyzókkal',
                            'description' =>
                                'A terület súlyponti részén kerül kialakításra, a közel 120 m<sup>2</sup> vízfelületű strandmedence, 16 m<sup>2</sup>-es gyermekpancsolóval.',
                        ],
                        [
                            'img' => '/kepek/services/04.svg',
                            'title' => 'Kültéri játszótér',
                            'description' =>
                                'A területen kialakított, zöldterületbe illesztett gyermek játszótér biztosítja a legkisebbek felhőtlen időtöltését.',
                        ],
                        [
                            'img' => '/kepek/services/05.svg',
                            'title' => 'Helyszíni üzemeltetési ügyfélszolgálat',
                            'description' =>
                                'A területen kialakított gondnoki, üzemeltetési iroda, ahonnan a terület közös használatú területeinek fenntartásának, valamint az esetleges lakástulajdonosi hibajelzések gyors megoldásának irányítása történik.',
                        ],
                        [
                            'img' => '/kepek/services/06.svg',
                            'title' => 'Gondozott zöldfelületek',
                            'description' =>
                                'A telken egy korszerű, automata öntözőhálózat épül, amely biztosítja a lakóépületek közötti zöldfelületek, valamint a Balaton parti zöldterületek folyamatos és hatékony öntözését.',
                        ],
                    ];
                @endphp

                <x-frontend.services :services="$services" />

            </x-frontend.container>
        </x-frontend.section>


        <x-frontend.section class="py-8 bg-sage/20 lg:py-16">
            <x-frontend.container size="small">
                <x-frontend.animation>
                    <img class="mx-auto" src="{{ asset('kepek/services/terkep.jpg') }}" alt="Vadvirág Residence térkép"
                        width="1080" height="1080">
                </x-frontend.animation>
            </x-frontend.container>
        </x-frontend.section>


    </x-frontend.main>

    <x-frontend.footer />
@endsection