@extends('themes.basic.layouts.app')
@section('title', m_trans(config('settings.seo.title')))
@section('content')
    <header class="header header-image"
        style='background-image: repeating-linear-gradient(135deg, rgba(189,189,189,0.1) 0px, rgba(189,189,189,0.1) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));'>
        <div class="container container-custom d-flex flex-column flex-grow-1">
            <div class="header-inner">
                <div class="row px-2 px-xxl-0">
                    <div class="col-md-6 mb-2 mt-5">
                        <h1 style="line-height:48px;" class="header-title text-dark" data-aos="fade-right" data-aos-duration="1000">
                         Rate <span class="text-decoration-underline text-warning">Trusted</span> Businesses & Give a Valued Review! 
                        </h1>
                        <p class="header-text text-dark" data-aos="fade-left" data-aos-duration="1000">
                        Rate and review businesses based on your experiences, and explore trusted businesses to make informed decisions to help local businesses gain better reputation
                        </p>
                    <div class="col-12 mx-auto text-center px-2 px-xxl-0 mb-4">
                    <div class="header-search search home-search" data-aos="fade-up" data-aos-duration="1000">
                        <form action="{{ route('businesses.index') }}"
                            data-ajax-action="{{ route('businesses.ajax-search') }}"
                            data-ajax-empty="{{ d_trans('No results found') }}" method="GET">
                            <div class="search-input">
                                <button aria-label="{{ d_trans('Search') }}" class="icon">
                                    <i class="bi bi-search"></i>
                                </button>
                                <input type="text" name="search" class="form-control"
                                    placeholder="{{ d_trans('Search...') }}" required>
                            </div>
                        </form>
                        <div class="search-results">
                            <div class="search-results-inner" data-simplebar>
                                <div></div>
                            </div>
                            <a href="{{ route('businesses.index') }}" class="search-action">{{ d_trans('View All') }}</a>
                        </div>
                    </div>
                </div>
                    </div>
                    <div class="col-md-6 mb-2">
                    <div class="banner_image">
             <div class="mx-auto intros">
        <div class="video-box">
          <img data-aos="fade-left" data-aos-duration="1000" class="moving_animation img-fluid" src="{{URL::asset('/images/6704b7b3245821728362419.png')}}" alt="image">
          <!--<a data-aos="fade-left" data-aos-duration="1000" href="#" class="glightbox position-absolute top-50 start-50 translate-middle">
            <span>
              <i class="fas fa-play-circle"></i>
            </span>
            <span class="border-animation border-animation--border-1"></span>
            <span class="border-animation border-animation--border-2"></span>
          </a>-->
        </div>
      </div>
           
            </div>
                    </div>
                </div>
                
            </div>
        </div>
    </header>
    
    
    <div class="container p-5">
                                <div class="row">
                                    <div class="col-xl-6 mb-4">
                                      <img data-aos="fade-left" data-aos-duration="1000" class="img-fluid" src="{{URL::asset('/images/screen1.png')}}">
                                    </div>
                                    <div data-aos="fade-right" data-aos-duration="1000" class="col-xl-6">
                                        <h5>Welcome to Trustly</h5>
                                        <p class="small">Trustly is a straightforward and reliable platform for ratings and reviews. It is designed with a user-friendly interface that allows consumers to easily navigate and find the information they need. Trustly prides itself on its honesty and transparency, providing unbiased and accurate reviews to help consumers make informed decisions. The platform covers a wide range of businesses and services, ensuring that users have access to a comprehensive database of reviews. Trustly also encourages users to share their own experiences, fostering a community of trust and mutual respect. Whether you're looking for a trustworthy mechanic or a reliable restaurant, Trustly is your go-to source for honest reviews.</p>
                                        <h5>Why Use Our Platform</h5>
                                        <p class="small">Trustly is a remarkable platform that has revolutionized the way we perceive ratings and reviews. This platform stands out for its comprehensive and user-friendly interface, making it accessible to everyone. Trustly is not just another review platform; it's a tool that empowers consumers to make informed decisions based on reliable and unbiased reviews.</p> 
                                                          <p class="small">One of the most commendable aspects of Trustly is its commitment to being 100% free for all users. This means that everyone, regardless of their financial status, can access and benefit from the platform's services. This inclusivity is a testament to Trustly's dedication to providing a public service that is both valuable and accessible.</p>
                                                          <p class="small">Trustly's platform is designed to be easy to navigate, making it simple for users to find the reviews they need. The platform also encourages users to share their own experiences, fostering a community of informed consumers.</p>
                                                          <p class="small">In a world where trust is paramount, Trustly is a beacon of reliability. It's not just a platform for reviews; it's a platform for trust. Whether you're a business looking for feedback or a consumer seeking honest reviews, Trustly is the only platform you'll ever need.</p>
                                    </div>
                                </div>
    </div>
    

<section style="background-image: radial-gradient(circle at 11% 62%, rgba(205, 205, 205,0.04) 0%, rgba(205, 205, 205,0.04) 50%,rgba(149, 149, 149,0.04) 50%, rgba(149, 149, 149,0.04) 100%),radial-gradient(circle at 78% 10%, rgba(49, 49, 49,0.04) 0%, rgba(49, 49, 49,0.04) 50%,rgba(254, 254, 254,0.04) 50%, rgba(254, 254, 254,0.04) 100%),radial-gradient(circle at 92% 43%, rgba(34, 34, 34,0.04) 0%, rgba(34, 34, 34,0.04) 50%,rgba(206, 206, 206,0.04) 50%, rgba(206, 206, 206,0.04) 100%),linear-gradient(329deg, rgb(241, 77, 33),rgb(218, 227, 61));">
<div class="container p-5">
<div class="col-md-8 mx-auto">
<h1 class="text-center text-dark fw-bold mb-5">Share a business with us and give them a platform to stand out on...</h1>
<p class="text-center"><a class="btn-pulsing btn btn-light btn-lg" href="https://trustly.to/businesses/add">Suggest a Business</a></p>
</div>
</div>
</section>
    
    @foreach ($homeSections as $key => $homeSection)
    <div class="container mb-3">
        @php
            $alias = $homeSection->isPermanent() ? str($homeSection->alias)->replace('_', '-') : 'category';
        @endphp
        @include("themes.basic.sections.{$alias}", ['homeSection' => $homeSection])
        </div>
    @endforeach

    @push('styles_libs')
        <link rel="stylesheet" href="{{ asset('vendor/libs/simplebar/simplebar.min.css') }}">
        <link rel="stylesheet" href="{{ asset('vendor/libs/aos/aos.min.css') }}">
        <link rel="stylesheet" href="{{ asset('vendor/libs/swiper/swiper-bundle.min.css') }}">
    @endpush
    @push('scripts_libs')
        <script src="{{ asset('vendor/libs/simplebar/simplebar.min.js') }}"></script>
        <script src="{{ asset('vendor/libs/aos/aos.min.js') }}"></script>
        <script src="{{ asset('vendor/libs/swiper/swiper-bundle.min.js') }}"></script>
    @endpush
@endsection