@extends('layouts.app')
@section('title', 'KERTI BÚTOROK - DOMA Gate Kft.')
@section('meta_description', 'Prémium kertkapuk, tolókapuk és nyílókapuk egyedi méretben. Tartós, esztétikus megoldások otthonra és ipari környezetbe – DOMA Gate Kft.')
@section('meta_keywords', 'kertkapu, tolókapu, nyílókapu, kaputechnika, kapu Veszprém, fém kapu, modern kertkapu, ipari kapu, kaputelepítés, egyedi kapu')

@section('content')

<!-- Masthead-->
<header class="masthead masthead_bg_kertkapu">
    <div class="container px-4 px-lg-5 d-flex h-100 align-items-center">
        <div class="text-start">

            <h1 class="mx-auto my-0 text-uppercase mb-3">
                DOMA GATE KFT – KERTI BÚTOROK
            </h1>

            <h2 class="text-white-50 mt-2 mb-2">
                A kerti bútor ma már nem csak egy egyszerű ülőhely a kertben.
            </h2>

            <h2 class="text-white-50 mt-2 mb-2">
                A modern kerti bútorok a terasz, a pergola vagy a kert központi elemei lehetnek, ahol a család és a barátok együtt pihenhetnek.
            </h2>

            <p class="text-white mt-5 mb-5">
                A Doma Gate Kaputechnika Kft. prémium kerti bútor megoldásokat kínál, amelyek tökéletesen illenek pergolák, teraszfedések és modern kertek alá.
            </p>

            <a class="btn btn-primary mt-2"
               href="{{ asset('assets/catalog/kertibutorok_2026tavasz.pdf') }}">
                Töltse le katalógusunkat!
            </a>

        </div>
    </div>
</header>

<section id="kertibutor" class="text-white">
    <div class="container px-4 px-lg-5">
        <h2 class="text-center mb-5">Kínálatunkban megtalálhatóak elegáns kerti bútor szettek, amelyek ideálisak:</h2>
        <div class="row mb-2">
            <div class="col-md-8 offset-md-2">
                <div class="card">
                    <ul class="mt-3 list-unstyled">
                        <li class="mt-2 text-white font-weight-bold">&#10004; teraszra</li>
                        <li class="mt-2 text-white font-weight-bold">&#10004; pergola alá</li>
                        <li class="mt-2 text-white font-weight-bold">&#10004; medence mellé</li>
                        <li class="mt-2 text-white font-weight-bold">&#10004; kertbe</li>
                        <li class="mt-2 text-white font-weight-bold">&#10004; vendéglátó teraszokra</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row mb-2 mt-4">
            <div class="col-12 text-center">
                <p>
                    A minőségi kerti bútor nemcsak kényelmes, hanem időjárásálló is, így hosszú éveken keresztül megőrzi esztétikus megjelenését.
                </p>

                <a class="btn btn-primary mt-3" href="{{ asset('assets/catalog/Doma Gate kertibútor katalógus.pdf') }}">
                    Töltse le katalógusunkat!
                </a>
            </div>
        </div>

    </div>
</section>

<!-- Contact -->
<section class="contact-section bg-black">
    <div class="container px-4 px-lg-5">
        <div class="row gx-4 gx-lg-5">
            {{-- <div class="col-md-4 mb-3 mb-md-0">
                        <div class="card py-4 h-100">
                            <div class="card-body text-center">
                                <i class="fas fa-map-marked-alt text-primary mb-2" style="color: #e01f26 !important;"></i>
                                <h4 class="text-uppercase m-0">Address</h4>
                                <hr class="my-4 mx-auto" />
                                <div class="small text-black-50">4923 Market Street, Orlando FL</div>
                            </div>
                        </div>
                    </div> --}}
            <div class="col-md-6 mb-3 mb-md-0">
                <div class="card py-4 h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-envelope text-primary mb-2" style="color: #e01f26 !important;"></i>
                        <h4 class="text-uppercase m-0">Email</h4>
                        <hr class="my-4 mx-auto" />
                        <div class="small text-black-50"><a href="mail-to:info@domakaputech.hu">info@domakaputech.hu</a></div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-3 mb-md-0">
                <div class="card py-4 h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-mobile-alt text-primary mb-2" style="color: #e01f26 !important;"></i>
                        <h4 class="text-uppercase m-0">Telefonszám</h4>
                        <hr class="my-4 mx-auto" />
                        <div class="small text-black-50"><a href="tel:+36 (70) 310-0036">+36 (70) 310-0036</a></div>
                        <div class="small text-black-50"><a href="tel:+36 (70) 904-0921">+36 (70) 904-0921</a></div>
                    </div>
                </div>
            </div>
        </div>
        {{-- <div class="social d-flex justify-content-center">
                    {{-- <a class="mx-2" href="#!"><i class="fab fa-twitter"></i></a> - -}}
        <a class="mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
        {{-- <a class="mx-2" href="#!"><i class="fab fa-github"></i></a> - -}}
    </div> --}}
    </div>
</section>

@endsection