File "landingpage.blade.php"
Full Path: /home/sibcards/public_html/Modules/LandingPage/Resources/views/layouts/landingpage.blade.php
File size: 72.94 KB
MIME-type: text/html
Charset: utf-8
@php
use App\Models\Utility;
$settings = \Modules\LandingPage\Entities\LandingPageSetting::settings();
$allSettings = Utility::settings();
$logo = Utility::get_file('uploads/landing_page_image');
$sup_logo = Utility::get_file('uploads/logo');
$setting = \App\Models\Utility::colorset();
$SITE_RTL = Utility::getValByName('SITE_RTL');
$metatitle = isset($allSettings['meta_title']) ? $allSettings['meta_title'] : '';
$metsdesc = isset($allSettings['meta_desc']) ? $allSettings['meta_desc'] : '';
$meta_image = \App\Models\Utility::get_file('uploads/meta/');
$meta_logo = isset($allSettings['meta_image']) ? $allSettings['meta_image'] : '';
$admin_payment_setting = \App\Models\Utility::getAdminPaymentSetting();
$color = !empty($setting['color']) ? $setting['color'] : 'theme-3';
if (isset($setting['color_flag']) && $setting['color_flag'] == 'true') {
$themeColor = 'custom-color';
} else {
$themeColor = $color;
}
$banner = \App\Models\Utility::get_file('card_banner');
$cardlogo = \App\Models\Utility::get_file('card_logo');
@endphp
<!DOCTYPE html>
{{-- <html lang="en"> --}}
<html lang="en" dir="{{ $setting['SITE_RTL'] == 'on' ? 'rtl' : '' }}">
<head>
<style>
:root {
--color-customColor: <?=$color ?>;
}
#backToTopBtn {
width: 50px;
cursor: pointer;
display: none;
position: fixed;
bottom: 40px;
right: 10px;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
#backToTopBtn.show {
display: block;
opacity: 1;
}
.navbar-nav li a {
color: black !important;
}
.testimonial .container:has(.card) {
@media(min-width: 1140px) {
.card {
min-height: 310px;
}
}
}
</style>
<link rel="stylesheet" href="{{ asset('css/custom-color.css') }}">
<title>{{ env('APP_NAME') }}</title>
<!-- Meta -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" />
<meta name="title" content="{{ $metatitle }}">
<meta name="description" content="{{ $metsdesc }}">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="{{ env('APP_URL') }}">
<meta property="og:title" content="{{ $metatitle }}">
<meta property="og:description" content="{{ $metsdesc }}">
<meta property="og:image" content="{{ $meta_image . $meta_logo }}">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="{{ env('APP_URL') }}">
<meta property="twitter:title" content="{{ $metatitle }}">
<meta property="twitter:description" content="{{ $metsdesc }}">
<meta property="twitter:image" content="{{ $meta_image . $meta_logo }}">
<!-- Favicon icon -->
<link rel="icon" href="{{ $sup_logo . '/' . $allSettings['company_favicon'] }}" type="image/x-icon" />
{{-- <link rel="icon" href="{{ $logo . '/favicon.png' }}" type="image/png"> --}}
<!-- font css -->
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/fonts/tabler-icons.min.css') }}" />
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/fonts/feather.css') }}" />
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/fonts/fontawesome.css') }}" />
<link rel="stylesheet" href="{{ Module::asset('LandingPage:Resources/assets/fonts/material.css') }}" />
<!-- vendor css -->
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/css/style.css') }}" />
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/css/customizer.css') }}" />
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/css/landing-page.css') }}" />
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/css/marketplace.css') }}" />
<link rel="stylesheet" href=" {{ Module::asset('LandingPage:Resources/assets/css/custom.css') }}" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
@if ($SITE_RTL == 'on')
<link rel="stylesheet" href="{{ asset('assets/css/style-rtl.css') }}">
@endif
@if ($setting['cust_darklayout'] == 'on')
<link rel="stylesheet" href="{{ asset('assets/css/style-dark.css') }}">
@else
<link rel="stylesheet" href="{{ Module::asset('LandingPage:Resources/assets/css/style.css') }}"
id="main-style-link">
@endif
@if ($setting['cust_darklayout'] == 'on')
<body class="{{ $themeColor }} landing-dark">
@else
<body class="{{ $themeColor }}">
@endif
</head>
<body class="theme-2">
<!-- [ Header ] start -->
<header class="main-header">
@if ($settings['topbar_status'] == 'on')
<div class="announcement bg-dark text-center p-2">
<p class="mb-0">{!! $settings['topbar_notification_msg'] !!}</p>
</div>
@endif
@if ($settings['menubar_status'] == 'on')
<div class="container">
<nav class="navbar navbar-expand-md default top-nav-collapse">
<div class="header-left">
<a class="navbar-brand bg-transparent" href="#">
{{-- <img src="{{ $logo . '/' . $settings['site_logo'] }}" alt="logo"> --}}
<img src="{{ asset(Storage::url('SIB-LOGO-light-1.png')) }}" alt="logo">
</a>
</div>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#home">{{ $settings['home_title'] }}</a>
</li>
<li class="nav-item">
<a class="nav-link"
href="{{ route('marketplace.home') }}">{{ __('Directory') }}</a>
</li>
@if ($settings['business_campaign'] == 'on')
<li class="nav-item">
<a class="nav-link"
href="#campaign">{{ $settings['business_campaign_title'] }}</a>
</li>
@endif
@if ($settings['feature_status'] == 'on')
<li class="nav-item">
<a class="nav-link" href="#features">{{ $settings['feature_title'] }}</a>
</li>
@endif
@if ($settings['plan_status'] == 'on')
<li class="nav-item">
<a class="nav-link" href="#plan">{{ $settings['plan_title'] }}</a>
</li>
@endif
@if ($settings['faq_status'] == 'on')
<li class="nav-item">
<a class="nav-link" href="#faq">{{ $settings['faq_title'] }}</a>
</li>
@endif
@if (is_array(json_decode($settings['menubar_page'])) || is_object(json_decode($settings['menubar_page'])))
@foreach (json_decode($settings['menubar_page']) as $key => $value)
@if ($value->page_url != null && $value->header == 'on')
<li class="nav-item">
<a class="nav-link" href="{{ url($value->page_url) }}"
target="_blank">{{ $value->menubar_page_name }}</a>
</li>
@endif
@if ($value->header == 'on' && $value->page_url == null)
<li class="nav-item">
<a class="nav-link"
href="{{ route('custom.page', $value->page_slug) }}">{{ $value->menubar_page_name }}</a>
</li>
@endif
@endforeach
@endif
</ul>
<button class="navbar-toggler bg-primary" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="ms-auto d-flex justify-content-end gap-2">
<a href="{{ route('login') }}" class="btn btn-outline-dark rounded"><span
class="hide-mob me-2">{{ __('Login') }}</span> <i
data-feather="log-in"></i></a>
<a href="{{ route('register') }}" class="btn btn-outline-dark rounded"><span
class="hide-mob me-2">{{ __('Register') }}</span> <i
data-feather="user-check"></i></a>
<button class="navbar-toggler " type="button" data-bs-toggle="collapse"
data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
</div>
@endif
</header>
<!-- [ Header ] End -->
<!-- [ Banner ] start -->
@if ($settings['home_status'] == 'on')
<section class="main-banner bg-primary" id="home">
<div class="container-offset">
<div class="row gy-3 g-0 align-items-center">
<div class="col-xxl-4 col-md-6">
<span class="badge py-2 px-3 bg-white text-dark rounded-pill fw-bold mb-3">
{{ $settings['home_offer_text'] }}</span>
<h1 class="mb-3 text-white">
SMART INTERACTIVE BUSINESS
</h1>
<h1 class="mb-3">
{{-- <b class="fw-bold">{{ env('APP_NAME') }}</b> <br> --}}
{{ $settings['home_heading'] }}
</h1>
<h6 class="mb-0">{{ $settings['home_description'] }}</h6>
<div class="d-flex gap-3 mt-4 banner-btn">
@if ($settings['home_live_demo_link'])
<a href="{{ $settings['home_live_demo_link'] }}"
class="btn btn-outline-dark">{{ __('Live Demo') }} <i
data-feather="play-circle" class="ms-2"></i></a>
@endif
@if ($settings['home_buy_now_link'])
<a href="{{ $settings['home_buy_now_link'] }}"
class="btn btn-outline-dark">{{ __('Buy Now') }} <i data-feather="lock"
class="ms-2"></i></a>
@endif
</div>
</div>
<div class="col-xxl-8 col-md-6">
<div class="dash-preview">
<img class="img-fluid preview-img"
src="{{ $logo . '/' . $settings['home_banner'] }}" alt="">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row g-0 gy-2 mt-4 align-items-center">
<div class="col-xxl-3">
<p class="mb-0">{{ __('Trusted by') }} <b
class="fw-bold">{{ $settings['home_trusted_by'] }}</b></p>
</div>
<div class="col-xxl-9">
<div class="row gy-3 row-cols-9">
@foreach (explode(',', $settings['home_logo']) as $k => $home_logo)
<div class="col-auto">
<img src="{{ $logo . '/' . $home_logo }}" alt=""
class="img-fluid" style="width: 130px;">
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
@endif
<!-- [ Banner ] start -->
<!-- [ features ] start -->
@if ($settings['feature_status'] == 'on')
<section class="features-section section-gap bg-dark" id="features">
<div class="container">
<div class="row gy-3">
<div class="col-xxl-4">
<span class="d-block mb-2 text-uppercase">{{ $settings['feature_title'] }}</span>
<div class="title mb-4">
<h2><b class="fw-bold">{!! $settings['feature_heading'] !!}</b></h2>
</div>
<p class="mb-3">{!! $settings['feature_description'] !!}</p>
@if ($settings['feature_buy_now_link'])
<a href="{{ $settings['feature_buy_now_link'] }}"
class="btn btn-primary rounded-pill d-inline-flex align-items-center">Buy Now
<i data-feather="lock" class="ms-2"></i></a>
@endif
</div>
<div class="col-xxl-8">
<div class="row">
@if (is_array(json_decode($settings['feature_of_features'], true)) ||
is_object(json_decode($settings['feature_of_features'], true)))
@foreach (json_decode($settings['feature_of_features'], true) as $key => $value)
<div class="col-lg-4 col-sm-6 d-flex">
<div class="card {{ $key == 0 ? 'bg-primary' : '' }}">
<div class="card-body featurs-body">
<span class="theme-avtar avtar avtar-xl mb-4">
<img src="{{ $logo . '/' . $value['feature_logo'] }}"
alt="">
</span>
<h3 class="mb-3 {{ $key == 0 ? '' : 'text-white' }}">
{!! $value['feature_heading'] !!}</h3>
<p class=" f-w-600 mb-0 {{ $key == 0 ? 'text-body' : '' }}">
{!! $value['feature_description'] !!}</p>
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
<div class="mt-5">
<div class="title text-center mb-4">
<span class="d-block mb-2 text-uppercase">{{ $settings['feature_title'] }}</span>
<h2 class="mb-4">{!! $settings['highlight_feature_heading'] !!}</h2>
<p>{!! $settings['highlight_feature_description'] !!}</p>
</div>
<div class="features-preview">
<img class="img-fluid m-auto d-block"
src="{{ $logo . '/' . $settings['highlight_feature_image'] }}"
alt="">
</div>
</div>
</div>
</div>
</section>
@endif
<!-- [ features ] start -->
<!-- [ element ] start -->
@if ($settings['feature_status'] == 'on')
<section class="element-section section-gap ">
<div class="container">
@if (is_array(json_decode($settings['other_features'], true)) ||
is_object(json_decode($settings['other_features'], true)))
@foreach (json_decode($settings['other_features'], true) as $key => $value)
@if ($key % 2 == 0)
<div class="row align-items-center justify-content-center mb-4">
<div class="col-lg-4 col-md-6">
<div class="title mb-4">
<span class="d-block fw-bold mb-2 text-uppercase">Features</span>
<h2>
{!! $value['other_features_heading'] !!}
</h2>
</div>
<p class="mb-3">{!! $value['other_featured_description'] !!}</p>
<a href="{{ $value['other_feature_buy_now_link'] }}"
class="btn btn-primary rounded-pill d-inline-flex align-items-center">{{ __('Buy Now') }}
<i data-feather="lock" class="ms-2"></i></a>
</div>
<div class="col-lg-7 col-md-6 res-img">
@if (Storage::exists('/uploads/landing_page_image/' . $value['other_features_image']))
<div class="img-wrapper">
<img src="{{ $logo . '/' . $value['other_features_image'] }}"
alt="" class="img-fluid header-img">
</div>
@endif
</div>
</div>
@else
<div class="row align-items-center justify-content-center mb-4">
<div class="col-lg-7 col-md-6">
@if (Storage::exists('/uploads/landing_page_image/' . $value['other_features_image']))
<div class="img-wrapper">
<img src="{{ $logo . '/' . $value['other_features_image'] }}"
alt="" class="img-fluid header-img">
</div>
@endif
</div>
<div class="col-lg-4 col-md-6">
<div class="title mb-4">
<span
class="d-block fw-bold mb-2 text-uppercase">{{ __('Features') }}</span>
<h2>
{!! $value['other_features_heading'] !!}
</h2>
</div>
<p class="mb-3">{!! $value['other_featured_description'] !!}</p>
<a href="{{ $value['other_feature_buy_now_link'] }}"
class="btn btn-primary rounded-pill d-inline-flex align-items-center">{{ __('Buy Now') }}
<i data-feather="lock" class="ms-2"></i></a>
</div>
</div>
@endif
@endforeach
@endif
</div>
</section>
@endif
<!-- [ element ] end -->
<!-- [ Business ] start -->
@if ($settings['business_campaign'] == 'on')
<section class=" bg-primary section-gap business-section" id="campaign">
<div class="container">
<div class="row mb-2">
<div class="col-sm-6 col-12">
<div class="title mb-4">
<span
class="d-block mb-2 fw-bold text-uppercase">{{ $settings['business_campaign_title'] }}</span>
<h2 class="mb-4">{!! $settings['business_campaign_heading'] !!}</h2>
<p>{!! $settings['business_campaign_description'] !!}</p>
</div>
</div>
<div class="col-sm-6 col-12">
<form id="sortForm" method="GET" action="{{ url('/') }}">
<select name="orderby" id="sort_by" class="form-control category-option"
onchange="document.getElementById('sortForm').submit();">
<option value="">Sort By</option>
<option value="latest" {{ request('orderby') == 'latest' ? 'selected' : '' }}>
Latest</option>
<option value="popularity"
{{ request('orderby') == 'popularity' ? 'selected' : '' }}>Popularity
</option>
</select>
</form>
</div>
</div>
<div class="business-main">
@foreach ($campaignsByName as $name => $campaigns)
<div class="campaigns-container ">
<h3>Campaign: {{ $name }}</h3>
@foreach ($campaigns as $campaign)
<div class="campaign-card swiper campaign-slider ">
<div class="swiper-wrapper">
@foreach ($businessesForName[$name] ?? [] as $business)
<div class="swiper-slide">
<div class="card border">
<div class="card-body text-center featurs-body">
<div class="card-top">
<div
class="avatar-wrp d-flex align-items-center gap-4 mb-4">
<span
class="theme-avtar avtar avtar-xl landing-business-logo">
<img src="{{ isset($business->logo) && !empty($business->logo) ? $cardlogo . '/' . $business->logo : asset('custom/img/placeholder-image1.jpg') }}"
alt="">
</span>
<h3>
{{ ucFirst($business->title) }}
</h3>
</div>
<div
class="d-flex justify-content-between text">
<h5>{{ __('Sub Title') }}</h5>
<h6>
{{ ucFirst($business->sub_title) }}
</h6>
</div>
<div class="d-flex justify-content-between">
<h5>{{ __('Designation') }}</h5>
<h6>
{{ ucFirst($business->designation) }}
</h6>
</div>
<p class="{{ $key == 1 ? 'text-body' : '' }}">
{{ !empty($business->description) ? ucFirst($business->description) : '--' }}
</p>
</div>
<div class="product-content-bottom">
<!-- Your rating content here -->
<div
class="card-bottom d-flex align-items-center justify-content-between">
<div
class="card-btn-left d-flex align-items-center gap-2">
<a href="{{ route('bussiness.save', $business->slug) }}"
page-name="Listing Page"
class=" btn-vcf btn">
<svg width="18" height="16"
viewBox="0 0 18 16"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M17.25 13.5V10.75C17.25 10.5677 17.1776 10.3928 17.0486 10.2639C16.9197 10.1349 16.7448 10.0625 16.5625 10.0625C16.3802 10.0625 16.2053 10.1349 16.0764 10.2639C15.9474 10.3928 15.875 10.5677 15.875 10.75V13.5C15.875 13.6823 15.8026 13.8572 15.6736 13.9861C15.5447 14.1151 15.3698 14.1875 15.1875 14.1875H2.8125C2.63016 14.1875 2.4553 14.1151 2.32636 13.9861C2.19743 13.8572 2.125 13.6823 2.125 13.5V10.75C2.125 10.5677 2.05257 10.3928 1.92364 10.2639C1.7947 10.1349 1.61984 10.0625 1.4375 10.0625C1.25516 10.0625 1.0803 10.1349 0.951364 10.2639C0.822433 10.3928 0.75 10.5677 0.75 10.75V13.5C0.75 14.047 0.967299 14.5716 1.35409 14.9584C1.74089 15.3452 2.26549 15.5625 2.8125 15.5625H15.1875C15.7345 15.5625 16.2591 15.3452 16.6459 14.9584C17.0327 14.5716 17.25 14.047 17.25 13.5ZM12.8638 9.91125L9.42625 12.6613C9.30487 12.7572 9.1547 12.8093 9 12.8093C8.8453 12.8093 8.69513 12.7572 8.57375 12.6613L5.13625 9.91125C5.011 9.79302 4.93469 9.63209 4.92241 9.46029C4.91014 9.28849 4.9628 9.11834 5.06998 8.98351C5.17715 8.84867 5.33103 8.75898 5.50117 8.73218C5.67131 8.70537 5.84531 8.7434 5.98875 8.83875L8.3125 10.695V1.125C8.3125 0.942664 8.38493 0.767795 8.51386 0.638864C8.6428 0.509933 8.81766 0.4375 9 0.4375C9.18234 0.4375 9.35721 0.509933 9.48614 0.638864C9.61507 0.767795 9.6875 0.942664 9.6875 1.125V10.695L12.0112 8.83875C12.0805 8.7734 12.1625 8.72314 12.2522 8.69116C12.3419 8.65918 12.4372 8.64616 12.5322 8.65295C12.6271 8.65973 12.7196 8.68616 12.8038 8.73057C12.888 8.77497 12.9621 8.83638 13.0214 8.91091C13.0806 8.98543 13.1237 9.07145 13.148 9.16351C13.1722 9.25557 13.1771 9.35166 13.1623 9.4457C13.1475 9.53974 13.1133 9.62968 13.0619 9.70982C13.0105 9.78996 12.943 9.85855 12.8638 9.91125Z"
fill="white" />
</svg>
</a>
<a href="{{ url('/' . $business->slug) }}"
page-name="Listing Page"
target="_blank"
class=" btn-preview btn">
Open Business
</a>
</div>
<div
class="card-btn-right d-flex align-items-center gap-2">
<a class=""
data-bs-toggle="tooltip"
data-bs-placement="bottom"
data-size="xl"
data-title="{{ __('Preview') }}"
title="{{ __('Preview') }}"
data-bs-original-title="{{ __('Preview') }}"
data-url="{{ route('bussiness.view', $business->slug) }}"
data-ajax-popup="true"><span><i
class="ti ti-eye"></i></span></a>
<a class=""
data-bs-toggle="tooltip"
data-bs-placement="bottom"
data-size="md"
data-title="{{ __('Contact Detail') }}"
title="{{ __('Contact Detail') }}"
data-bs-original-title="{{ __('Contact') }}"
data-url="{{ route('bussiness.contact', $business->id) }}"
data-ajax-popup="true"><span><i
class="ti ti-social"></i></span></a>
<a data-size="md"
data-url="{{ route('bussiness.share', $business->slug) }}"
data-bs-toggle="tooltip"
data-size="md"
data-ajax-popup="true"
title="{{ __('Share') }}"
data-title="{{ __('Share') }}"
title="{{ __('Share') }}"
class=""><i
class="ti ti-share"></i></a>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
@endforeach
</div>
<div class="arrow-wrapper">
<div class="swiper-button-prev">
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="16"
viewBox="0 0 64 16" fill="none">
<path
d="M0.383912 8.70711C-0.0066124 8.31658 -0.0066124 7.68342 0.383912 7.29289L6.74787 0.928932C7.1384 0.538408 7.77156 0.538408 8.16209 0.928932C8.55261 1.31946 8.55261 1.95262 8.16209 2.34315L2.50523 8L8.16209 13.6569C8.55261 14.0474 8.55261 14.6805 8.16209 15.0711C7.77156 15.4616 7.1384 15.4616 6.74787 15.0711L0.383912 8.70711ZM63.2734 9H1.09102V7H63.2734V9Z"
fill="white"></path>
</svg>
</div>
<div class="swiper-button-next">
<svg xmlns="http://www.w3.org/2000/svg" width="90" height="16"
viewBox="0 0 64 16" fill="none">
<path
d="M63.7059 8.70711C64.0965 8.31658 64.0965 7.68342 63.7059 7.29289L57.342 0.928932C56.9514 0.538408 56.3183 0.538408 55.9278 0.928932C55.5372 1.31946 55.5372 1.95262 55.9278 2.34315L61.5846 8L55.9278 13.6569C55.5372 14.0474 55.5372 14.6805 55.9278 15.0711C56.3183 15.4616 56.9514 15.4616 57.342 15.0711L63.7059 8.70711ZM0.816406 9H62.9988V7H0.816406V9Z"
fill="white"></path>
</svg>
</div>
</div>
</div>
@endforeach
</div>
@endforeach
</div>
</div>
</section>
@endif
<!-- [ Business ] end -->
<!-- [ element ] start -->
@if ($settings['discover_status'] == 'on')
<section class="bg-dark section-gap">
<div class="container">
<div class="row mb-2 justify-content-center">
<div class="col-xxl-6">
<div class="title text-center mb-4">
<span class="d-block mb-2 text-uppercase">{{ __('DISCOVER') }}</span>
<h2 class="mb-4">{!! $settings['discover_heading'] !!}</h2>
<p>{!! $settings['discover_description'] !!}</p>
</div>
</div>
</div>
<div class="row">
@if (is_array(json_decode($settings['discover_of_features'], true)) ||
is_object(json_decode($settings['discover_of_features'], true)))
@foreach (json_decode($settings['discover_of_features'], true) as $key => $value)
<div class="col-xxl-3 col-sm-6 col-lg-4 ">
<div class="card border {{ $key == 1 ? 'bg-primary' : 'bg-transparent' }}">
<div class="card-body text-center featurs-body">
<span class="theme-avtar avtar avtar-xl mx-auto mb-4">
<img src="{{ $logo . '/' . $value['discover_logo'] }}"
alt="">
</span>
<h3 class="mb-3 {{ $key == 1 ? '' : 'text-white' }} ">
{!! $value['discover_heading'] !!}
</h3>
<p class="{{ $key == 1 ? 'text-body' : '' }}">
{!! $value['discover_description'] !!}
</p>
</div>
</div>
</div>
@endforeach
@endif
</div>
<div class="d-flex flex-column justify-content-center flex-sm-row gap-3 mt-3">
@if ($settings['discover_live_demo_link'])
<a href="{{ $settings['discover_live_demo_link'] }}"
class="btn btn-outline-light rounded-pill">{{ __('Live Demo') }}
<i data-feather="play-circle" class="ms-2"></i> </a>
@endif
@if ($settings['discover_buy_now_link'])
<a href="{{ $settings['discover_buy_now_link'] }}"
class="btn btn-primary rounded-pill">{{ __('Buy Now') }} <i data-feather="lock"
class="ms-2"></i> </a>
@endif
</div>
</div>
</section>
@endif
<!-- [ element ] end -->
<!-- [ Screenshots ] start -->
@if ($settings['screenshots_status'] == 'on')
<section class="screenshots section-gap">
<div class="container">
<div class="row mb-2 justify-content-center">
<div class="col-xxl-6">
<div class="title text-center mb-4">
<span class="d-block mb-2 fw-bold text-uppercase">{{ __('SCREENSHOTS') }}</span>
<h2 class="mb-4">{!! $settings['screenshots_heading'] !!}</h2>
<p>{!! $settings['screenshots_description'] !!}</p>
</div>
</div>
</div>
<div class="row gy-4 gx-4">
@if (is_array(json_decode($settings['screenshots'], true)) || is_object(json_decode($settings['screenshots'], true)))
@foreach (json_decode($settings['screenshots'], true) as $value)
<div class="col-md-4 col-sm-6">
<div class="screenshot-card">
@if (Storage::exists('/uploads/landing_page_image/' . $value['screenshots']))
<div class="img-wrapper">
<img src="{{ $logo . '/' . $value['screenshots'] }}"
class="img-fluid header-img mb-4 shadow-sm" alt="">
</div>
@endif
<h5 class="mb-0">{!! $value['screenshots_heading'] !!}</h5>
{{-- <a href="#" class="btn btn-primary pr-btn"> <i data-feather="search"></i> </a> --}}
</div>
</div>
@endforeach
@endif
</div>
</div>
</section>
@endif
<!-- [ Screenshots ] start -->
<!-- [ subscription ] start -->
@if ($settings['plan_status'] == 'on')
<section class="subscription bg-primary section-gap" id="plan">
<div class="container">
<div class="row mb-2 justify-content-center">
<div class="col-xxl-6">
<div class="title text-center mb-4">
<span class="d-block mb-2 fw-bold text-uppercase">{{ __('PLAN') }}</span>
<h2 class="mb-4">{!! $settings['plan_heading'] !!}</h2>
<p>{!! $settings['plan_description'] !!}</p>
</div>
</div>
</div>
<div class="row justify-content-center">
@php
$collection = \App\Models\Plan::orderBy('price', 'ASC')->get();
@endphp
@foreach ($collection as $key => $value)
<div class="col-xxl-3 col-lg-4 col-md-6">
<div class="card price-card shadow-none {{ $key == 2 ? 'bg-dark' : '' }}">
<div class="card-body">
<span class="price-badge bg-dark">{{ $value->name }}</span>
<span
class="mb-4 f-w-600 p-price">{{ (isset($admin_payment_setting['CURRENCY_SYMBOL']) ? $admin_payment_setting['CURRENCY_SYMBOL'] : '$') . $value->price }}<small
class="text-sm">/{{ $value->duration }}</small></span>
<p>
{!! $value->description !!}
</p>
<ul class="list-unstyled my-3">
<li>
<div class="form-check text-start">
<label class="form-check-label" for="customCheckc1">
@if ($value->max_user == '-1')
Unlimited User
@else
{{ $value->max_user }} User
@endif
</label>
</div>
</li>
<li>
<div class="form-check text-start">
{{-- <input class="form-check-input input-primary" type="checkbox"
id="customCheckc1"
{{ $value->max_account != 0 ? 'checked' : '' }}> --}}
<label class="form-check-label" for="customCheckc1">
@if ($value->max_account == '-1')
Unlimited Account
@else
{{ $value->max_account }} Account
@endif
</label>
</div>
</li>
<li>
<div class="form-check text-start">
{{-- <input class="form-check-input input-primary" type="checkbox"
id="customCheckc1"
{{ $value->max_contact != 0 ? 'checked' : '' }}> --}}
<label class="form-check-label" for="customCheckc1">
@if ($value->max_contact == '-1')
Unlimited Contact
@else
{{ $value->max_contact }} Contact
@endif
</label>
</div>
</li>
<li>
<div class="form-check text-start">
{{-- <input class="form-check-input input-primary" type="checkbox"
id="customCheckc1"
{{ $value->storage_limit != 0 ? 'checked' : '' }}> --}}
<label class="form-check-label" for="customCheckc1">
@if ($value->storage_limit == '-1')
Unlimited Storage
@else
{{ $value->storage_limit }} Storage
@endif
</label>
</div>
</li>
<li>
<div class="form-check text-start">
{{-- <input class="form-check-input input-primary" type="checkbox"
id="customCheckc1"
{{ $value->enable_chatgpt != 'off' ? 'checked' : '' }}> --}}
<label class="form-check-label"
for="customCheckc1">{{ $value->enable_chatgpt == 'on' ? 'Enable' : 'Disable' }}
Chat GPT</label>
</div>
</li>
</ul>
<div class="d-grid">
<a href="{{ route('register') }}"
class="btn btn-primary rounded-pill">Start with
Starter <i data-feather="log-in" class="ms-2"></i> </a>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
</section>
@endif
<!-- [ subscription ] end -->
<!-- [ FAqs ] start -->
@if ($settings['faq_status'] == 'on')
<section class="faqs section-gap bg-gray-100" id="faq">
<div class="container">
<div class="row mb-2">
<div class="col-xxl-6">
<div class="title mb-4">
<span
class="d-block mb-2 fw-bold text-uppercase">{{ $settings['faq_title'] }}</span>
<h2 class="mb-4">{!! $settings['faq_heading'] !!}</h2>
<p>{!! $settings['faq_description'] !!}</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="accordion accordion-flush" id="accordionFlushExample">
@if (is_array(json_decode($settings['faqs'], true)) || is_object(json_decode($settings['faqs'], true)))
@foreach (json_decode($settings['faqs'], true) as $key => $value)
@if ($key % 2 == 0)
<div class="accordion-item">
<h2 class="accordion-header" id="{{ 'flush-heading' . $key }}">
<button class="accordion-button collapsed fw-bold"
type="button" data-bs-toggle="collapse"
data-bs-target="{{ '#flush-' . $key }}"
aria-expanded="false"
aria-controls="{{ 'flush-collapse' . $key }}">
{!! $value['faq_questions'] !!}
</button>
</h2>
<div id="{{ 'flush-' . $key }}"
class="accordion-collapse collapse"
aria-labelledby="{{ 'flush-heading' . $key }}"
data-bs-parent="#accordionFlushExample">
<div class="accordion-body answer-body">
{!! $value['faq_answer'] !!}
</div>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
<div class="col-md-6">
<div class="accordion accordion-flush" id="accordionFlushExample2">
@if (is_array(json_decode($settings['faqs'], true)) || is_object(json_decode($settings['faqs'], true)))
@foreach (json_decode($settings['faqs'], true) as $key => $value)
@if ($key % 2 != 0)
<div class="accordion-item">
<h2 class="accordion-header" id="{{ 'flush-heading' . $key }}">
<button class="accordion-button collapsed fw-bold"
type="button" data-bs-toggle="collapse"
data-bs-target="{{ '#flush-' . $key }}"
aria-expanded="false"
aria-controls="{{ 'flush-collapse' . $key }}">
{!! $value['faq_questions'] !!}
</button>
</h2>
<div id="{{ 'flush-' . $key }}"
class="accordion-collapse collapse"
aria-labelledby="{{ 'flush-heading' . $key }}"
data-bs-parent="#accordionFlushExample2">
<div class="accordion-body">
{!! $value['faq_answer'] !!}
</div>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
</div>
</div>
</section>
@endif
<!-- [ FAqs ] end -->
<!-- [ testimonial ] start -->
@if ($settings['testimonials_status'] == 'on')
<section class="testimonial section-gap">
<div class="container">
<div class="row gy-4">
<div class="col-lg-4">
<div class="title mb-4">
<span class="d-block mb-2 fw-bold text-uppercase">TESTIMONIALS</span>
<h2 class="mb-2">{!! $settings['testimonials_heading'] !!}</h2>
<p>{!! $settings['testimonials_description'] !!}</p>
</div>
</div>
<div class="col-lg-8">
<div class="row justify-content-center gy-3">
@if (is_array(json_decode($settings['testimonials'])) || is_object(json_decode($settings['testimonials'])))
@foreach (json_decode($settings['testimonials']) as $key => $value)
<div class="col-xxl-4 col-sm-6 col-lg-6 col-md-4">
<div class="card bg-dark shadow-none mb-0">
<div class="card-body p-3 featurs-body">
<div
class="d-flex mb-3 align-items-center justify-content-between">
<span
class="theme-avtar avtar avtar-sm bg-light-dark rounded-1">
<svg xmlns="http://www.w3.org/2000/svg" width="36"
height="23" viewBox="0 0 36 23"
fill="none">
<path
d="M12.4728 22.6171H0.770508L10.6797 0.15625H18.2296L12.4728 22.6171ZM29.46 22.6171H17.7577L27.6669 0.15625H35.2168L29.46 22.6171Z"
fill="white" />
</svg>
</span>
<span>
@for ($i = 1; $i <= (int) $value->testimonials_star; $i++)
<i data-feather="star"></i>
@endfor
</span>
</div>
<h3 class="text-white">{{ $value->testimonials_title }}</h3>
<p class="hljs-comment">
{!! $value->testimonials_description !!}
</p>
<div class="d-flex align-items-center ">
<img src="{{ $logo . '/' . $value->testimonials_user_avtar }}"
class="wid-40 rounded-circle me-3" alt="">
<span>
<b
class="fw-bold d-block">{{ $value->testimonials_user }}</b>
{{ $value->testimonials_designation }}
</span>
</div>
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
<div class="col-12">
<p class="mb-0 f-w-600">
{!! $settings['testimonials_long_description'] !!}
</p>
</div>
</div>
</div>
</section>
@endif
<!-- [ testimonial ] end -->
<!-- [ Footer ] start -->
<footer class="site-footer bg-gray-100">
<div class="container">
<div class="footer-row">
<div class="ftr-col cmp-detail">
<div class="footer-logo mb-3">
<a href="#">
{{-- <img src="{{ $logo . '/' . $settings['site_logo'] }}" alt="logo"
style="filter: drop-shadow(2px 3px 7px #011C4B);"> --}}
<img src="{{ asset(Storage::url('SIB-LOGO-Dark.png')) }}" alt="logo">
</a>
</div>
<p>
{!! $settings['site_description'] !!}
</p>
</div>
<div class="ftr-col">
<ul class="list-unstyled">
@if (is_array(json_decode($settings['menubar_page'])) || is_object(json_decode($settings['menubar_page'])))
@foreach (json_decode($settings['menubar_page']) as $key => $value)
@if ($value->page_url != null && $value->footer == 'on' && $value->header == 'off')
<li class="nav-item">
<a class="nav-link" href="{{ url($value->page_url) }}"
target="_blank">{{ $value->menubar_page_name }}</a>
</li>
@endif
@if ($value->footer == 'on' && $value->header == 'off' && $value->page_url == null)
<li><a
href="{{ route('custom.page', $value->page_slug) }}">{!! $value->menubar_page_name !!}</a>
</li>
@endif
@if ($value->page_url != null && $value->footer == 'on' && $value->header == 'on')
<li class="nav-item">
<a class="nav-link" href="{{ url($value->page_url) }}"
target="_blank">{{ $value->menubar_page_name }}</a>
</li>
@endif
@if ($value->footer == 'on' && $value->header == 'on' && $value->page_url == null)
<li><a
href="{{ route('custom.page', $value->page_slug) }}">{!! $value->menubar_page_name !!}</a>
</li>
@endif
@endforeach
@endif
</ul>
</div>
<div class="ftr-col">
<ul class="list-unstyled">
@if (is_array(json_decode($settings['menubar_page'])) || is_object(json_decode($settings['menubar_page'])))
@foreach (json_decode($settings['menubar_page']) as $key => $value)
@if ($value->page_url != null && $value->header == 'on' && $value->footer == 'off')
<li class="nav-item">
<a class="nav-link" href="{{ url($value->page_url) }}"
target="_blank">{{ $value->menubar_page_name }}</a>
</li>
@endif
@if ($value->header == 'on' && $value->footer == 'off' && $value->page_url == null)
<li class="nav-item">
<a class="nav-link"
href="{{ route('custom.page', $value->page_slug) }}">{{ $value->menubar_page_name }}</a>
</li>
@endif
@endforeach
@endif
</ul>
</div>
@if ($settings['joinus_status'] == 'on')
<div class="ftr-col ftr-subscribe">
<h2>{!! $settings['joinus_heading'] !!}</h2>
<p>{!! $settings['joinus_description'] !!}</p>
<form method="post" action="{{ route('join_us_store') }}">
@csrf
<div class="input-wrapper border border-dark">
<input type="text" name="email"
placeholder="Type your email address...">
<button type="submit"
class="btn btn-dark rounded-pill">{{ __('Join Us!') }}</button>
</div>
</form>
</div>
@endif
</div>
</div>
<div class="row">
<div class="col-12 d-flex justify-content-end">
<img id="backToTopBtn" src="{{ asset(Storage::url('arrows.png')) }}" onclick="scrollToTop()" alt="back to top">
</div>
</div>
<div class="border-top border-dark text-center p-2">
<p class="mb-0"> ©
{{ date('Y') }}
{{ App\Models\Utility::getValByName('footer_text') ? App\Models\Utility::getValByName('footer_text') : config('app.name', 'Salesy Saas') }}
</p>
</div>
<div class="modal fade" id="commonModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modelCommanModelLabel"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body">
</div>
</div>
</div>
</div>
</footer>
<!-- [ Footer ] end -->
<!-- Required Js -->
<script src="{{ asset('custom/js/jquery.min.js') }}"></script>
<script src="{{ Module::asset('LandingPage:Resources/assets/js/plugins/popper.min.js') }}"></script>
<script src="{{ Module::asset('LandingPage:Resources/assets/js/plugins/bootstrap.min.js') }}"></script>
<script src="{{ Module::asset('LandingPage:Resources/assets/js/plugins/feather.min.js') }}"></script>
<script src="{{ asset('custom/js/custom.js') }}"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
const backToTopBtn = document.getElementById("backToTopBtn");
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
backToTopBtn.classList.add("show");
} else {
backToTopBtn.classList.remove("show");
}
}
function scrollToTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
// Start [ Menu hide/show on scroll ]
let ost = 0;
document.addEventListener("scroll", function() {
let cOst = document.documentElement.scrollTop;
if (cOst == 0) {
document.querySelector(".navbar").classList.add("top-nav-collapse");
} else if (cOst > ost) {
document.querySelector(".navbar").classList.add("top-nav-collapse");
document.querySelector(".navbar").classList.remove("default");
} else {
document.querySelector(".navbar").classList.add("default");
document
.querySelector(".navbar")
.classList.remove("top-nav-collapse");
}
ost = cOst;
});
// End [ Menu hide/show on scroll ]
var scrollSpy = new bootstrap.ScrollSpy(document.body, {
target: "#navbar-example",
});
feather.replace();
</script>
@if ($allSettings['enable_cookie'] == 'on')
@include('layouts.cookie_consent')
@endif
<script>
var swiper = new Swiper('.campaign-slider', {
spaceBetween: 15,
mousewheel: false,
keyboard: {
enabled: true
},
breakpoints: {
1199: {
slidesPerView: 4,
},
991: {
slidesPerView: 3,
},
768: {
slidesPerView: 2,
},
0: {
slidesPerView: 1,
}
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
},
});
feather.replace();
</script>
</body>
</html>