| Current File : /home/getxxhzo/app.genicards.com/resources/views/front/home/vcards-templates.blade.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content="{{ csrf_token() }}">
<title> {{ __('messages.vcards_templates') }} | {{ getAppName() }}</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="icon" href="{{ getFaviconUrl() }}" type="image/png">
{{-- bootstrap --}}
<link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet">
{{-- css --}}
<link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/slider/css/slick-theme.min.css') }}">
{{-- <link rel="stylesheet" href="{{ asset('assets/css/new_home/slick.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/new_home/slick-theme.css') }}"> --}}
<link rel="stylesheet" href="{{ mix('assets/css/new_home/layout.css') }}">
<link rel="stylesheet" href="{{ mix('assets/css/new_home/custom.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/third-party.css') }}">
@routes
<script data-turbo-eval="false">
window.getLoggedInUserLang = "{{ getCurrentLanguageName() }}"
let lang = "{{ Illuminate\Support\Facades\Auth::user()->language ?? 'en' }}"
</script>
<script src="{{ asset('messages.js?$mixID') }}"></script>
</head>
<body>
<div class="vcard-object object-img-1">
<img src="{{ asset('/assets/img/new_home_page/object-1.png') }}" alt="image">
</div>
<div class="vcard-object object-img-2">
<img src="{{ asset('/assets/img/new_home_page/object-2.png') }}" alt="image">
</div>
<div class="vcard-object object-img-3">
<img src="{{ asset('/assets/img/new_home_page/object-3.png') }}" alt="image">
</div>
<div class="vcard-object object-img-4">
<img src="{{ asset('/assets/img/new_home_page/object-4.png') }}" alt="image">
</div>
<div class="vcard-object object-img-5">
<img src="{{ asset('/assets/img/new_home_page/object-5.png') }}" alt="image">
</div>
<div class="vcard-object object-img-6">
<img src="{{ asset('/assets/img/new_home_page/object-6.png') }}" alt="image">
</div>
<div class="vcard-object object-img-7">
<img src="{{ asset('/assets/img/new_home_page/object-7.png') }}" alt="image">
</div>
<div class="vcard-object object-img-8">
<img src="{{ asset('/assets/img/new_home_page/object-8.png') }}" alt="image">
</div>
<!-- start header section -->
<header class="header" @if (checkFrontLanguageSession() == 'ar') dir="rtl" @endif>
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-2 col-sm-8 col-5 order-lg-1 order-0">
<a class="navbar-brand p-0" href="{{ url('/') }}">
<img src="{{ getLogoUrl() }}" alt="company-logo" class="w-auto h-100" />
</a>
</div>
<div class="col-lg-10 col-sm-1 col-2 order-lg-1 order-2">
<nav class="navbar navbar-expand-lg navbar-light justify-content-end">
<div class="navbar-toggler mt-2" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation" id="toogler-icon">
<span class="navbar-toggler-icon top-bar"></span>
<span class="navbar-toggler-icon middle-bar"></span>
<span class="navbar-toggler-icon bottom-bar"></span>
</div>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav align-items-lg-center" data-turbo="false">
<li class="nav-item" data-turbo="false">
<a class="nav-link active nav-link-white" aria-current="page"
href="{{ asset('') . '#frontHomeTab' }}"
data-turbo="false">{{ __('auth.home') }}</a>
</li>
{{-- <li class="nav-item">
<a class="nav-link nav-link-white"
href="{{ asset('') . '#frontFeaturesTab' }}">{{ __('auth.features') }}</a>
</li> --}}
<li class="nav-item">
<a class="nav-link nav-link-white" href="{{ asset('') . '#frontAboutTabUsTab' }}"
data-turbo="false">{{ __('auth.about') }}</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-white" href="{{ asset('') . '#frontPricingTab' }}"
data-turbo="false">{{ __('auth.pricing') }}</a>
</li>
<li class="nav-item @if ($faqs === null) d-none @endif">
<a class="nav-link nav-link-white"
href="{{ route('fornt-faq') }}" data-turbo="false">{{ __('messages.faqs.faqs') }}</a>
</li>
<li class="nav-item" data-turbo="false">
<a class="nav-link nav-link-white" href="{{ asset('') . '#frontContactUsTab' }}"
data-turbo="false">{{ __('auth.contact') }}</a>
</li>
<li class="nav-item">
<div class="dropdown">
<a class="btn dropdown-toggle nav-link-white" href="#" role="button"
id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"
data-turbo="false">
{{ __('messages.language') }}</a>
<ul class="dropdown-menu p-2" aria-labelledby="dropdownMenuLink">
@foreach (getAllLanguageWithFullData() as $key => $language)
<li class="languageSelection {{ checkFrontLanguageSession() == $key ? 'active' : '' }}"
data-prefix-value="{{ $language->iso_code }}">
<a href="javascript:void(0)"
class="nav-link d-flex align-items-center dropdown-item {{ checkFrontLanguageSession() == $key ? 'active' : '' }}">
@if (array_key_exists($language->iso_code, \App\Models\User::FLAG))
@foreach (\App\Models\User::FLAG as $imageKey => $imageValue)
@if ($imageKey == $language->iso_code)
<img src="{{ asset($imageValue) }}"
class="me-1" />
@endif
@endforeach
@else
@if (count($language->media) != 0)
<img src="{{ $language->image_url }}"
class="me-1" />
@else
<i class="fa fa-flag fa-xl me-3 text-danger"
aria-hidden="true"></i>
@endif
@endif
{{ $language->name }}
</a>
</li>
@endforeach
</ul>
</div>
</li>
@if (empty(getLogInUser()))
<a class="btn btn-white text-decoration-none fs-18 sign-in-btn d-lg-block d-none d-lg-block d-none"
href="{{ route('login') }}" data-turbo="false">
{{ __('auth.sign_in') }}
</a>
@else
@if (getLogInUser()->hasrole('admin') || getLogInUser()->hasrole('user'))
<a class="btn btn-white text-decoration-none fs-18 sign-in-btn d-lg-block d-none"
href="{{ route('admin.dashboard') }}" data-turbo="false">
{{ __('messages.dashboard') }}
</a>
@endif
@if (getLogInUser()->hasrole('super_admin'))
<a class="btn btn-white text-decoration-none fs-18 d-lg-block d-none"
href="{{ route('sadmin.dashboard') }}" data-turbo="false">
{{ __('messages.dashboard') }}
</a>
@endif
@endif
</ul>
</div>
</nav>
</div>
<div class="col-lg-2 col-sm-3 col-5 text-end order-lg-2 order-1 pe-lg-2 pe-0 d-lg-none">
@if (empty(getLogInUser()))
<a class="btn btn-white fs-18 me-sm-2" href="{{ route('login') }}" data-turbo="false">
{{ __('auth.sign_in') }}
</a>
@else
@if (getLogInUser()->hasrole('admin') || getLogInUser()->hasrole('user'))
<a class="btn btn-white fs-18 me-sm-2" href="{{ route('admin.dashboard') }}"
data-turbo="false">
{{ __('messages.dashboard') }}
</a>
@endif
@if (getLogInUser()->hasrole('super_admin'))
<a class="btn btn-white fs-18 me-sm-2" href="{{ route('sadmin.dashboard') }}"
data-turbo="false">
{{ __('messages.dashboard') }}
</a>
@endif
@endif
</div>
</div>
</div>
</header>
<!-- end header section -->
<!-- start hero section -->
<section class="hero-section bg-primary pt-100 pb-60">
<div class="container pt-60 mt-3">
<div class="row">
<div class="col-12 text-center">
<h2 class="fs-40 text-white"> {{ __('messages.vcards_templates') }} </h2>
</div>
</div>
</div>
</section>
<!-- end hero section -->
<!--start vcard-template-section -->
@php
$TEMPLATE_NAME = [
1 => 'Simple_Contact',
2 => 'Executive_Profile',
3 => 'Clean_Canvas',
4 => 'Professional',
5 => 'Corporate_Connect',
6 => 'Modern_Edge',
7 => 'Business_Beacon',
8 => 'Corporate_Classic',
9 => 'Corporate_Identity',
10 => 'Pro_Network',
11 => 'Portfolio',
12 => 'Gym',
13 => 'Hospital',
14 => 'Event_Management',
15 => 'Salon',
16 => 'Lawyer',
17 => 'Programmer',
18 => 'CEO/CXO',
19 => 'Fashion_Beauty',
20 => 'Culinary_Food_Services',
21 => 'Social_Media',
22 => 'Dynamic_vcard',
23 => 'Consulting_Services',
24 => 'School_Templates',
25 => 'Social_Services',
26 => 'Retail_E-commerce',
27 => 'Pet_Shop',
28 => 'Pet_Clinic',
29 => 'Marriage',
30 => 'Taxi_Service',
31 => 'Handyman_Services',
32 => 'Interior_Designer',
33 => 'Musician_Templates',
];
@endphp
<div class="vcard-template-section pt-60 pb-60 position-relative"
@if (checkFrontLanguageSession() == 'ar') dir="rtl" @endif>
<div class="container">
<div class="row">
@foreach (getTemplateUrls() as $id => $url)
<div class="col-lg-4 col-sm-6 mb-60">
<div
class="template-card h-100 @if ($id == 22) ribbon-box position-relative @endif">
<div class="card-img">
<img src="{{ $url }}" class="w-100 img-fluid">
</div>
@if ($id == 22)
<div class="ribbon-wrapper">
<div class="ribbon fw-bold">{{ __('messages.feature.dynamic_vcard') }}</div>
</div>
@endif
<div class="card-body p-0 pt-4 mt-1">
<h6 class="fs-20 text-center">{{ __('messages.' . $TEMPLATE_NAME[$id]) }}</h6>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
<!-- end vcard-template-section -->
<!-- start footer section -->
<div class="curve-shape">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 4000 275">
<path fill="#f3f3ff" d="M4000,125.3V275H0V109.9C1907.2,615.4,2670.5-323.1,4000,125.3z"></path>
</svg>
</div>
@if (checkFrontLanguageSession() != 'ar')
<footer class="bg-light">
<div class="container">
<div class="row align-items-center flex-lg-row flex-column-reverse pt-50 pb-40">
<div class="col-lg-6">
<div class="text-lg-start text-center pe-xxl-5 me-xxl-5">
<h3 class="fs-30 mb-20">{{ __('messages.Subscribe_Our_Newsletter') }}</h3>
<p class="text-gray-100 fs-18 mb-40 pb-lg-3 pe-xl-5 me-xl-5">
{{ __('messages.Receive_latest_news_update_and_many_other_things_every_week') }}</p>
</div>
<form action="{{ route('email.sub') }}" method="post" id="addEmail">
@csrf
<div class="email">
<input type="email" name="email" class="form-control"
placeholder="{{ __('messages.front.enter_your_email') }}" required>
<div class=" subscribe-btn text-sm-end text-center mt-sm-0 mt-4">
<button type="submit"
class="btn btn-primary h-100 subscribeBtn">{{ __('messages.subscribe') }}</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6 text-lg-end text-center mb-lg-0 mb-40">
<div class="footer-img ">
<img src="{{ asset('assets/img/new_home_page/footer-img.png') }}"
class="zoom-in-zoom-out img-fluid w-auto h-100" alt="img">
</div>
</div>
</div>
<div class="row align-items-center pb-md-4 pb-3">
<div class="col-md-7 text-md-start text-center mb-md-0 mb-2">
<p class="text-black fw-light mb-0">
© {{ \Carbon\Carbon::now()->year }} {{ __('auth.copyright_by') . ' ' }}<span
class="fw-6">{{ $setting['app_name'] }}</span>
</p>
</div>
<div class="col-md-5 text-md-end">
<div class="d-flex justify-content-md-end justify-content-center">
<a href="{{ route('terms.conditions') }}"
class="text-black text-decoration-none me-4">{!! __('messages.vcard.term_condition') !!}</a>
<a href="{{ route('privacy.policy') }}"
class="text-black text-decoration-none">{{ __('messages.vcard.privacy_policy') }}</a>
</div>
</div>
</div>
</div>
</div>
</footer>
@else
<footer class="bg-light" dir="rtl">
<div class="container">
<div class="row align-items-center flex-lg-row flex-column-reverse pt-50 pb-40">
<div class="col-lg-6">
<div class="text-lg-end text-center pe-xxl-5 me-xxl-5">
<h3 class="fs-30 mb-20">{{ __('messages.Subscribe_Our_Newsletter') }}</h3>
<p class="text-gray-100 fs-18 mb-40 pb-lg-3 text-end">
{{ __('messages.Receive_latest_news_update_and_many_other_things_every_week') }}</p>
</div>
<form action="{{ route('email.sub') }}" method="post" id="addEmail">
@csrf
<div class="email">
<input type="email" name="email" class="form-control"
placeholder="{{ __('messages.front.enter_your_email') }}" required>
<div class=" subscribe-btn text-sm-end text-center mt-sm-0 mt-4">
<button type="submit"
class="btn btn-primary h-100 subscribeBtn">{{ __('messages.subscribe') }}</button>
</div>
</div>
</form>
</div>
<div class="col-lg-6 text-lg-start text-center mb-lg-0 mb-40">
<div class="footer-img ">
<img src="{{ asset('assets/img/new_home_page/footer-img.png') }}"
class="zoom-in-zoom-out img-fluid w-auto h-100" alt="img">
</div>
</div>
</div>
<div class="row align-items-center pb-md-4 pb-3">
<div class="col-md-7 text-md-end text-center mb-md-0 mb-2">
<p class="text-black fw-light mb-0">
© {{ \Carbon\Carbon::now()->year }} {{ __('auth.copyright_by') . ' ' }}<span
class="fw-6">{{ $setting['app_name'] }}</span>
</p>
</div>
<div class="col-md-5 text-md-end">
<div class="d-flex justify-content-md-end justify-content-center">
<a href="{{ route('terms.conditions') }}"
class="text-black text-decoration-none me-4">{!! __('messages.vcard.term_condition') !!}</a>
<a href="{{ route('privacy.policy') }}"
class="text-black text-decoration-none">{{ __('messages.vcard.privacy_policy') }}</a>
</div>
</div>
</div>
</div>
</div>
</footer>
@endif
<!-- end footer section -->
{{-- <script type="text/javascript" src="{{ asset('assets/js/third-party.js') }}"></script> --}}
<script src="{{ mix('assets/js/front-third-party.js') }}"></script>
<script src="{{ mix('assets/js/front-pages.js') }}"></script>
@php
$langSession = Session::get('languageName');
$frontLanguage = !isset($langSession) ? getSuperAdminSettingValue('default_language') : $langSession;
@endphp
<script>
let frontLanguage = "{{ $frontLanguage }}"
Lang.setLocale(frontLanguage)
</script>
<script>
$("#toogler-icon").click(function() {
$(this).toggleClass("open");
});
</script>
</body>
</html>