@includeIf('cms::frontend.layouts.navbar')



@php

    $bg_img_url = asset('modules/cms/img/home.png');

    if (!empty($page->feature_image_url)) {

        $bg_img_url = $page->feature_image_url;

    }

@endphp



<section class="modern-hero">

    <div class="modern-hero__grid">

        <div class="modern-hero__content">

            <div class="modern-hero__badge">

                <span class="modern-hero__badge-dot"></span>

                {{ config('app.name', 'سورنا POS') }} — راهکار سازمانی مدیریت کسب‌وکار

            </div>

            <h1 class="modern-hero__title">

                {{ $page->title }}

            </h1>

            <div class="modern-hero__desc">

                {!! $page->content !!}

            </div>

            <div class="modern-hero__actions">

                <a class="modern-btn modern-btn--primary" href="{{ $hero_btn['link'] }}">

                    <i class="fas fa-play-circle"></i>

                    {{ $hero_btn['text'] }}

                </a>

                @if(Route::has('login') && !Auth::check())

                    <a class="modern-btn modern-btn--outline" href="{{ route('login') }}">

                        <i class="fas fa-sign-in-alt"></i>

                        @lang('lang_v1.login')

                    </a>

                @endif

            </div>



            <div class="modern-hero__trust">

                <div class="modern-hero__trust-item">

                    <div class="modern-hero__trust-icon">

                        <i class="fas fa-chart-line"></i>

                    </div>

                    <div class="modern-hero__trust-text">

                        <strong>گزارش‌گیری لحظه‌ای</strong>

                        <span>داشبورد مدیریتی پیشرفته</span>

                    </div>

                </div>

                <div class="modern-hero__trust-item">

                    <div class="modern-hero__trust-icon">

                        <i class="fas fa-shield-alt"></i>

                    </div>

                    <div class="modern-hero__trust-text">

                        <strong>امنیت سازمانی</strong>

                        <span>کنترل دسترسی چندسطحی</span>

                    </div>

                </div>

                <div class="modern-hero__trust-item">

                    <div class="modern-hero__trust-icon">

                        <i class="fas fa-cash-register"></i>

                    </div>

                    <div class="modern-hero__trust-text">

                        <strong>صندوق فروش حرفه‌ای</strong>

                        <span>مدیریت یکپارچه فروش</span>

                    </div>

                </div>

            </div>

        </div>



        <div class="modern-hero__visual">

            <div class="modern-hero__image-wrap">

                <div class="hero-img-bg" style="background-image: url('{{ $bg_img_url }}');"></div>

            </div>

        </div>

    </div>

</section>