Your IP : 216.73.217.77
@extends('layouts.web.master')
@section('title')
{{ __(env('APP_NAME')) }}
@endsection
@section('main_content')
<section class="home-banner-section">
<div class="container">
<div class="row align-items-center pb-5 py-lg-5">
<div class="col-lg-6 order-2 order-lg-1 mt-5 mt-lg-0">
<div class="banner-content">
<h1>
{{ $page_data['headings']['slider_title'] ?? '' }}
<span
data-typer-targets='{"targets": [
@foreach ($page_data['headings']['silder_shop_text'] ?? [] as $key => $shop)
"{{ $shop }}"@if (!$loop->last),@endif @endforeach
]}'>
</span>
</h1>
<p>
{{ $page_data['headings']['slider_description'] ?? '' }}
</p>
<div class="demo-btn-group mb-3">
<a href="{{ url($page_data['headings']['slider_btn1_link'] ?? '') }}"
class="custom-btn custom-primary-btn">
{{ $page_data['headings']['slider_btn1'] ?? '' }}<i class="fas fa-arrow-right ms-1"></i>
</a>
<a href="" class="mt-1 video-button d-flex align-items-center gap-2"
data-bs-toggle="modal" data-bs-target="#watch-video-modal">
<span class="play-button"></span>
<span class="text-white ms-3">{{ $page_data['headings']['slider_btn2'] ?? '' }}</span>
</a>
</div>
<div class="banner-scan">
<img src="{{ asset($page_data['scanner_image'] ?? 'assets/images/icons/img-upload.png') }}"
alt="" />
<p>
{{ $page_data['headings']['slider_scanner_text'] ?? '' }}
</p>
</div>
<div class="play-store mt-3">
<a href="{{ $page_data['headings']['footer_apple_app_link'] ?? '' }}" target="_blank">
<img src="{{ asset($page_data['footer_apple_app_image'] ?? 'assets/images/icons/img-upload.png') }}"
alt="image" />
</a>
<a href="{{ $page_data['headings']['footer_google_play_app_link'] ?? '' }}" target="_blank">
<img src="{{ asset($page_data['footer_google_app_image'] ?? 'assets/images/icons/img-upload.png') }}"
alt="image" />
</a>
</div>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2">
<div class="banner-img text-center">
<img src="{{ asset($page_data['slider_image'] ?? 'assets/images/icons/img-upload.png') }}"
alt="banner-img" class=" move-image" />
</div>
</div>
</div>
</div>
</section>
<div class="modal modal-custom-design" id="watch-video-modal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<iframe width="100%" height="400px" src="{{ $page_data['headings']['slider_btn2_link'] ?? '' }}"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
{{-- Feature Code Start --}}
@include('web.components.feature')
{{-- Interface Code Start --}}
<section class="slick-slider-section bg-pos">
<div class="container">
<div class="section-title text-center">
<h2>{{ $page_data['headings']['interface_title'] ?? '' }}</h2>
<p class="max-w-600 mx-auto section-description">
{{ $page_data['headings']['interface_description'] ?? '' }}
</p>
</div>
<div class="row app-slide">
@foreach ($interfaces as $interface)
<div class="image d-flex align-items-center justify-content-center p-2">
<img src="{{ asset($interface->image) }}" alt="phone" />
</div>
@endforeach
</div>
</div>
</section>
{{-- Watch demo Code Start --}}
<section class="watch-demo-section watch-demo-two bg-FFFFFF">
<div class="container">
<div class="section-title text-center">
<h2>{{ $page_data['headings']['watch_title'] ?? '' }}</h2>
<p class="section-description">
{{ $page_data['headings']['watch_description'] ?? '' }}
</p>
</div>
<div class="video-wrapper shadow">
<img src="{{ asset($page_data['watch_image'] ?? 'assets/images/icons/img-upload.png') }}" alt="watch" />
<a class="play-btn" data-bs-toggle="modal" data-bs-target="#play-video-modal"><i class="fa fa-play"
aria-hidden="true"></i></a>
</div>
</div>
</section>
<div class="modal modal-custom-design" id="play-video-modal" data-bs-backdrop="static" data-bs-keyboard="false"
tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<iframe width="100%" height="400px" src="{{ $page_data['headings']['watch_btn_link'] ?? '' }}"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
{{-- Pricing-Plan-section demo Code Start --}}
@include('web.components.plan')
{{-- Testimonial Section Start --}}
<section class="customer-section bg-pos">
<div class="container mb-4">
<div class="section-title text-center">
<h2>{{ $page_data['headings']['testimonial_title'] ?? '' }}</h2>
</div>
<div class="customer-slider-section">
<div class="row">
@foreach ($testimonials as $testimonial)
<div>
<div class="customer-card">
<img src="{{ asset($testimonial->client_image) }}" alt="" />
<p>{{ $testimonial->text }}</p>
<div class="w-100 pt-3 d-flex align-items-center flex-column border-top">
<h5 class="m-0">{{ $testimonial->client_name }}</h5>
<small>{{ $testimonial->work_at }}</small>
<ul class="d-flex align-items-center justify-content-center gap-2">
@for ($i = 0; $i < 5; $i++)
<li><i class="fa fa-star" aria-hidden="true"></i></li>
@endfor
</ul>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</section>
{{-- Blogs Section Code Start --}}
<section class="blogs-section ">
<div class="container">
<div class="section-title d-flex align-items-center justify-content-between flex-wrap">
<h2>{{ $page_data['headings']['blog_title'] ?? '' }}</h2>
<a href="{{ url($page_data['headings']['blog_view_all_btn_link'] ?? '') }}"
class="custom-btn custom-outline-btn bg-white">
{{ $page_data['headings']['blog_view_all_btn_text'] ?? '' }}<i class="fas fa-arrow-right ms-1"></i>
</a>
</div>
</div>
@include('web.components.blog')
</section>
@include('web.components.signup')
@endsection
@push('js')
<script src="{{ asset('assets/js/auth.js') }}"></script>
@endpush