196 lines
9.4 KiB
PHP
196 lines
9.4 KiB
PHP
|
@extends('layouts.web.master')
|
||
|
|
|
||
|
|
@section('title')
|
||
|
|
{{ __(env('APP_NAME')) }}
|
||
|
|
@endsection
|
||
|
|
|
||
|
|
@section('main_content')
|
||
|
|
<section class="home-banner-section" style="background-image: url('{{ asset($page_data['slider_bg_img'] ?? 'assets/web/images/banner/banner1.png') }}');">
|
||
|
|
<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
|