title = "Esasy sahypa"
url = "/"
layout = "default"
description = "Home page description"
is_hidden = 0
robot_index = "index"
robot_follow = "follow"

[builderList]
modelClass = "TPS\Birzha\Models\SliderApp"
scope = "scopeMainSlider"
scopeValue = "{{ :scope }}"
displayColumn = "img"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderList builderList2]
modelClass = "TPS\Birzha\Models\SliderApp"
scope = "scopeSlider2Type"
scopeValue = "{{ :scope }}"
displayColumn = "img"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderList builderList4]
modelClass = "TPS\Birzha\Models\Category"
scope = "scopeActiveAndParent"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsKeyColumn = "slug"
detailsUrlParameter = "slug"
pageNumber = "{{ :page }}"

[builderList builderList5]
modelClass = "RainLab\User\Models\User"
scope = "scopeIsFeatured"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[session]
security = "all"
redirect = "index"

[singleoffer]
productSlug = "{{ :slug }}"
offerId = "{{ :id }}"
==
{% put styles %}

    <style>
        .nav-brand {
            width: 180px;
            height: 100%;
        }

        .my-account-content {
            position: relative;
            z-index: 1;
            padding: 30px;
            background-color: #f8f8ff;
            border-radius: 6px;
            border: 1px solid #b2b2b2;
        }

        @media (max-width: 1200px) {
            .single_slide {
                height: 230px;
            }

            .shop_by_catagory_area.section_padding_100 {
                padding: 40px 0 !important;
            }

        }

        @media (max-width: 900px) {
            .single_slide {
                height: 170px;
            }
        }

        @media (max-width: 800px) {
            .single_slide {
                height: 150px;
            }

            .owl-nav {
                display: none;
            }
        }

        @media (max-width: 600px) {
            .single_slide {
                height: 130px !important;
            }

            .nav-brand {
                width: 140px;
            }

            .classy-nav-container.breakpoint-on {
                right: 43%;

            }
        }


        @media (max-width: 480px) {
            .welSlideTwo .owl-dots {
                bottom: -20px;
            }

            .classy-nav-container.breakpoint-on {
                right: 40%;

            }
        }

        @media (max-width: 380px) {
            .nav-brand {
                width: 100px;
            }
        }
    </style>

{% endput %}

{% set sliders = builderList.records %}
{% set brandSliders = builderList2.records %}
{% set categories = builderList4.records %}
{% set users = builderList5.records %}


{% set displayColumn = builderList.displayColumn %}
{% set noRecordsMessage = builderList.noRecordsMessage %}
{% set detailsPage = builderList.detailsPage %}
{% set detailsKeyColumn = builderList.detailsKeyColumn %}
{% set detailsUrlParameter = builderList.detailsUrlParameter %}



<section class="welcome_area" style="background: ghostwhite;padding-top: 20px;">

    <div class="welSlideTwo owl-carousel customCarousel">
        <!-- Single Slide -->
        {% for slider in sliders %}
            <div class="single_slide home-3 bg-img" >
                <div style="border: 0.3px solid #d5d5d5;border-radius: 10px;">
                    <img src="{{ slider.img|media }}">
                </div>
            </div>
        {% endfor %}

    </div>

</section>

<!-- Shop Catagory Area -->
<div class="shop_by_catagory_area section_padding_50" style="padding-bottom: 70px;padding-top: 70px;">
    <div class="container">
       <!--  <div class="row">
           <div class="col-12">
               <div class="section-heading mb-50">
                   <h5>Kategoriýalar</h5>
               </div>
           </div>
       </div> -->

        <div class="row">
            <div class="col-12">
                <div class="shop_by_catagory_slides2 owl-carousel">
                    <!-- Single Slide -->

                    {% for category in categories %}
                        <div class="single_catagory_slide">
                            <a href="{{ 'category-profile'|page({categorySlug: category.slug}) }}">
                                <img src="{{ category.icon|media|resize(127, 127, { mode: 'crop' }) }}" alt="Gurluşyk, Gurluşyk platform, bezeg gurluşyk, gipsler merkezi, {{ category.name }}">
                            </a>
                            <p>{{ category.name }}</p>
                        </div>
                    {% endfor %}

                </div>
            </div>
        </div>
    </div>
</div>
<!-- Shop Catagory Area -->




    <!-- Mini slider area-->
    <section class="offer_area">
        <div class="single-mega cn-col-2 container">
            <div class="gurl_slider">
            <div class="megamenu-slides owl-carousel">
    
                    {% for brandSlider in brandSliders %}
                        <img src="{{ brandSlider.img|media|resize(950) }}" alt="Gurluşyk, Gurluşyk Platforma, Bezeg, Gipsler merkezi" style="height: 300px;">
                    {% endfor %}
    
            </div>
            </div>
        </div>
    </section>
    <!-- Mini slider area-->


<!-- Brands Area -->
<section class="catagories_area home-3 mt-5 section_padding_70_70">
    <div class="container">
        <div class="row justify-content-start">

            {% for user in users %}

                    <div class="col-6 col-sm-6 col-md-4 col-lg-4 mt-4">
                        <a href="{{ 'user-profile'|page({id: user.id}) }}">
                            <div class="userBannerBg">
                                <div class="single_catagory">
                                    <img src="{{ user.banner|media|resize( 950, 535, {mode: 'crop'} )}}" alt="Gurluşyk, Gurluşyk Platforma, Bezeg, Gipsler merkezi, {{ user.shop_title }}, {{ user.name }}">
                                </div>
                                <div class="userBannerTitle">
                                    {{ user.shop_title }}
                                </div>
                            </div>
                        </a>
                    </div>

            {% endfor %}

        </div>
    </div>
</section>
<!-- Brands Area -->




{% partial "home/vip-section" type="vip" header="home.VipHarytlar"|_ %}
{% partial "home/parallax" %}
{% partial "home/vip-section" type="new" header="home.TazeHarytlar"|_ %}