@extends('front.layout.app')
@section('content')
    <style>
        .main-slider {
            height: 830px;
            background: url('{{ asset('admin/images/' . ($data['banner_image'] ?? ' ')) }}') center/cover;
        }
    </style>

<section class="main-slider p-0" id="mainSlider">
    <div class="swiper-container homeSlider">
        <div class="swiper-wrapper">
            @if(isset($data['banner_first_section_show_hide']) && $data['banner_first_section_show_hide'] === 0)
            <div class="swiper-slide">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <div class="slideOne">
                                <h1>{{$data['banner_heading_first'] ?? ''}}</h1>
                                <h2>{{$data['banner_sub_heading_first'] ?? ''}}</h2>
                                <div class="btn-group">
{{--                                    <a href="#" class="themeBtn themeBtn1">Learn More</a>--}}
                                    <a href="{{route('my-account')}}" class="themeBtn  themeBtn1">Register Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @elseif(isset($data['banner_second_section_show_hide']) && $data['banner_second_section_show_hide'] === 0)
            <div class="swiper-slide">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 text-center">
                            <div class="slideOne">
                                <h1>{{$data['banner_heading_second'] ?? ''}}</h1>
                                <h2>{{$data['banner_sub_heading_second'] ?? ''}}</h2>
                                <div class="btn-group">
{{--                                    <a href="#" class="themeBtn themeBtn1">Learn More</a>--}}
                                    <a href="{{route('my-account')}}" class="themeBtn  themeBtn1">Register Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                @endif
        </div>
    </div>
</section>

    @if(isset($data['about_section_show_hide']) && $data['about_section_show_hide'] === 0)

        <section class="aboutSec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="aboutContent">
                    <h2 class="secHeading" data-aos="fade-up">{!! $data['about_title'] ?? '' !!}</h2>
                    <h3 data-aos="fade-up">
                        {{$data['about_description'] ?? ''}}
                    </h3>

                </div>
            </div>
            <div class="col-md-6">
                <div class="aboutImg" data-aos="fade-up">
                    <img src="{{asset('admin/images/'.($data['about_image'] ?? ''))}}" class="img-fluid" alt="">

                </div>
            </div>
        </div>
    </div>
</section>
        @endif

    @if(isset($data['why_choose_section_show_hide']) && $data['why_choose_section_show_hide'] === 0)

        <section class="chooseSec">
    <div class="container">
        <div class="chooseHeading text-center">
            <h2 class="secHeading text-white" data-aos="fade-up"><span>Features</span>Why Choose Us?</h2>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="chooseBox" data-aos="fade-up">

                    <div class="chooseContent">
                        <h3>{{$data['why_heading_one'] ?? ''}}</h3>
                        <p>{{$data['why_description_one'] ?? ''}} </p>
                        <a href="#"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="chooseBox" data-aos="fade-up">

                    <div class="chooseContent">
                        <h3>{{$data['why_heading_two'] ?? ''}}</h3>
                        <p>{{$data['why_description_two'] ?? ''}} </p>
                        <a href="#"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="chooseBox" data-aos="fade-up">

                    <div class="chooseContent">
                        <h3>{{$data['why_heading_three'] ?? ''}}</h3>
                        <p>{{$data['why_description_three'] ?? ''}}</p>
                        <a href="#"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
    @endif

    @if(isset($data['latest_commentry_section_show_hide']) && $data['latest_commentry_section_show_hide'] === 0)

        <section class="aboutSec latestSec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="aboutImg d-block" data-aos="fade-up">
                    <img src="{{asset('admin/images/'.($data['commentry_image'] ?? ''))}}" class="img-fluid" alt="">
                    <!-- <img src="images/latest2.webp" class="img-fluid" alt=""> -->
                </div>
            </div>
            <div class="col-md-6">
                <div class="aboutContent">
                    <h2 class="secHeading" data-aos="fade-up">{{$data['commentry_title'] ?? ''}}</h2>
                    <p data-aos="fade-up">{{$data['commentry_description'] ?? ''}}
                    </p>
                    <div data-aos="fade-up">
                    <a href="{{ Auth::check() ? route('commentry') : route('user.login-view') }}" class="themeBtn themeBtn1">Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

    @endif

    @if( isset($data['investment_allocation_strategies_section_show_hide']) && $data['investment_allocation_strategies_section_show_hide'] === 0)

        <section class="aboutSec latestSec invesmentSec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="aboutContent">
                    <h2 class="secHeading" data-aos="fade-up">{{$data['investment_title'] ?? ''}}</h2>
                    <p data-aos="fade-up">{{$data['investment_description'] ?? ''}}
                    </p>
                    <div class="btn-group" data-aos="fade-up">
                        <a href="{{ route('investment401k') }}" class="themeBtn themeBtn1">Investment & 401k Allocation</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="aboutImg d-block" data-aos="fade-up">
                    <img src="{{asset('admin/images/'.($data['investment_image'] ?? ''))}}" class="img-fluid" alt="">
                    <!-- <img src="images/invesment2.webp" class="img-fluid" alt=""> -->
                </div>
            </div>
        </div>
    </div>
</section>
    @endif

@endsection