@extends('layouts.app')
@section('title', 'PRÉMIUM KAPUTECHNIKA ÉS ÁRNYÉKOLÁSTECHNIKA - DOMA Gate Kft.')
@section('meta_description', 'Prémium kaputechnika és árnyékolástechnika. Garázskapuk, kertkapuk, pergolák – modern megoldások a DOMA Gate Kft.-től.')
@section('meta_keywords', 'prémium kaputechnika, árnyékolástechnika, garázskapu, kertkapu, pergola')

@section('content')

<!-- Masthead-->
<header class="masthead masthead_bg_home">
    <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-start">
        <div class="d-flex justify-content-center">
            <div class="text-start">
                <h1 class="mx-auto my-0 text-uppercase mb-3">DOMA GATE KFT - PRÉMIUM KAPUTECHNIKA ÉS ÁRNYÉKOLÁSTECHNIKA</h1>
                <h2 class="text-white-50 mt-2 mb-2">Pergola. Garázskapu. Stílusos lét - DOMA GATE.</h2>
                <h2 class="text-white-50 mt-2 mb-2">A Doma Gate Kft. a prémium pergolák, garázskapuk és kaputechnikai megoldások szakértője, ahol a modern design, a megbízhatóság és a tartósság találkozik.</h2>
                <h2 class="text-white-50 mt-2 mb-5">Válassza a minőséget, válassza a kényelmet, válassza a Doma Gate Kft.-t.</h2>
            </div>
        </div>
    </div>
</header>

<section class="departments-section bg-light">
    <div class="container px-4 px-lg-5">
        <h2 class="text-center mb-5">Szakterületeink</h2>
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4 ">
            <a href="/garazskapu">
                <div class="col text-center">
                    <h3>Garázskapu</h3>
                    <img src="{{ asset('assets/img/doma-gate-garazskapu-001.PNG') }}" class="img-fluid" alt="">
                </div>
            </a>
            <a href="/pergola">
                <div class="col text-center">
                    <h3>Pergola</h3>
                    <img src="{{ asset('assets/img/doma-gate-pergola-016.jpg') }}" class="img-fluid" alt="">
                </div>
            </a>
            <a href="/kertkapu">
                <div class="col text-center">
                    <h3>Kertkapu</h3>
                    <img src="{{ asset('assets/img/doma-gate-kertkapu-004.jpg') }}" class="img-fluid" alt="">
                </div>
            </a>
            <a href="/kertibutor">
                <div class="col text-center">
                    <h3>Kerti&nbsp;bútorok</h3>
                    <img src="{{ asset('assets/img/doma-gate-kertibutor-001.webp') }}" class="img-fluid" alt="">
                </div>
            </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-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