PATH:
home
/
rwabteecom
/
public_html
/
resources
/
views
/
vcardTemplates
/
Editing: vcard17.blade.php
<!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="UTF-8" /> <meta name="csrf-token" content="{{ csrf_token() }}"> @if (checkFeature('seo')) @if ($vcard->meta_description) <meta name="description" content="{{ $vcard->meta_description }}"> @endif @if ($vcard->meta_keyword) <meta name="keywords" content="{{ $vcard->meta_keyword }}"> @endif @else <meta name="description" content="{{ strip_tags($vcard->description) }}"> <meta name="keywords" content=""> @endif <meta property="og:image" content="{{ $vcard->cover_url }}" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> @if (checkFeature('seo') && $vcard->site_title && $vcard->home_title) <title>{{ $vcard->home_title }} | {{ $vcard->site_title }}</title> @else <title>{{ $vcard->name }} | {{ getAppName() }}</title> @endif <!-- PWA --> <meta name="theme-color" content="#6777ef" /> <link rel="apple-touch-icon" href="{{ asset('logo.png') }}"> <link rel="manifest" href="{{ asset('pwa/1.json') }}"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- Bootstrap CSS --> <link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet"> <link rel="icon" href="{{ getVcardFavicon($vcard) }}" type="image/png"> {{-- css link --}} <link rel="stylesheet" href="{{ mix('assets/css/vcard17.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_vcard/slick-theme.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/new_vcard/slick.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/new_vcard/custom.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/third-party.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('css/plugins.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/custom-vcard.css') }}"> <link rel="stylesheet" href="{{ asset('assets/css/lightbox.css') }}"> @if ($vcard->font_family || $vcard->font_size || $vcard->custom_css) <style> @if (checkFeature('custom-fonts')) @if ($vcard->font_family) body { font-family: {{ $vcard->font_family }}; } @endif @if ($vcard->font_size) div>h4 { font-size: {{ $vcard->font_size }}px !important; } @endif @endif @if (isset(checkFeature('advanced')->custom_css)) {!! $vcard->custom_css !!} @endif </style> @endif </head> <body> <div class="vcard17-bg-effect position-fixed top-0 start-0 w-100 h-100"> <video class="vcard17-bg-video w-100 h-100 object-fit-cover" autoplay muted loop> <source src="{{ asset('assets/img/vcard17/vcard17-bg-video.mp4') }}" type="video/mp4"> </video> </div> <div class="container p-0"> @if (checkFeature('password')) @include('vcards.password') @endif <div class="main-content mx-auto w-100 overflow-hidden @if (getLanguage($vcard->default_language) == 'Arabic') rtl @endif"> {{-- Pwa support --}} @if (isset($enable_pwa) && $enable_pwa == 1 && !isiOSDevice()) <div class="mt-0"> <div class="pwa-support d-flex align-items-center justify-content-center" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div> <h1 class="text-white pwa-heading">{{__('messages.pwa.add_to_home_screen')}}</h1> <p class="pwa-text text-gray-100">{{__('messages.pwa.pwa_description')}} </p> <div class="text-end d-flex gap-2"> <button id="installPwaBtn" class="pwa-install-button w-50 mb-1 btn btn-gradient">{{__('messages.pwa.install')}} </button> <button class= "pwa-cancel-button w-50 pwa-close btn btn-secondary mb-1">{{__('messages.common.cancel')}}</button> </div> </div> </div> </div> @endif {{-- support banner --}} @if ((isset($managesection) && $managesection['banner']) || empty($managesection)) @if (isset($banners->title)) <div class="support-banner d-flex align-items-center justify-content-center"> <button type="button" class="text-start banner-close"><i class="fa-solid fa-xmark text-white"></i></button> <div class="text-center"> <h1 class="text-center text-white support_heading">{{ $banners->title }}</h1> <p class="text-center text-gray-100 support_text">{{ $banners->description }}</p> <div class="text-center"> <a href="{{ $banners->url }}" class="act-now btn btn-gradient" target="_blank" data-turbo="false">{{ $banners->banner_button }}</a> </div> </div> </div> @endif @endif <div class="banner-section position-relative"> <div> @php $coverClass = $vcard->cover_image_type == 0 ? 'object-fit-cover w-100 h-100' : 'object-fit-contain w-100 h-100'; @endphp @if ($vcard->cover_type == 0) <img src="{{ $vcard->cover_url }}" class="{{ $coverClass }} banner-img" loading="lazy" /> @elseif($vcard->cover_type == 1) @if (strpos($vcard->cover_url, '.mp4') !== false || strpos($vcard->cover_url, '.mov') !== false || strpos($vcard->cover_url, '.avi') !== false) <video class="cover-video {{ $coverClass }}" loop autoplay muted playsinline alt="background video" id="cover-video"> <source src="{{ $vcard->cover_url }}" type="video/mp4"> </video> @endif @elseif ($vcard->cover_type == 2) <div class="youtube-link-17"> <iframe src="https://www.youtube.com/embed/{{ YoutubeID($vcard->youtube_link) }}?autoplay=1&mute=1&loop=1&playlist={{ YoutubeID($vcard->youtube_link) }}&controls=0&modestbranding=1&showinfo=0&rel=0" class="cover-video {{ $coverClass }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> @endif <div class="d-flex justify-content-end position-absolute top-0 end-0 mx-3 language-btn"> @if ($vcard->language_enable == \App\Models\Vcard::LANGUAGE_ENABLE) <div class="language pt-3"> <ul class="text-decoration-none ps-0"> <li class="dropdown1 dropdown lang-list"> <a class="dropdown-toggle lang-head text-decoration-none" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> {{ strtoupper(getLanguageIsoCode($vcard->default_language)) }} </a> <ul class="dropdown-menu top-dropdown lang-hover-list top-100 mt-0"> @foreach (getAllLanguageWithFullData() as $language) <li class="{{ getLanguageIsoCode($vcard->default_language) == $language->iso_code ? 'active' : '' }}"> <a href="javascript:void(0)" id="languageName" data-name="{{ $language->iso_code }}"> @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 {{ strtoupper($language->iso_code) }} </a> </li> @endforeach </ul> </li> </ul> </div> @endif </div> <div class="overlay"></div> </div> </div> <div class="profile-section pt-50 px-30 position-relative"> <div class="bg-vector vector-1"> <img src="{{ asset('assets/img/vcard17/bg-vector-1.svg') }}" alt="bg-vector" /> </div> <div class="card flex-sm-row align-items-center"> <div class="profile-card-bg h-100"> <img src="{{ asset('assets/img/vcard17/profile-card-bg.png') }}" class="h-100 obeject-fit-cover" /></div> <div class="card-img d-flex justify-content-center align-items-end"> <img src="{{ $vcard->profile_url }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="card-body text-sm-start text-center pt-1 pt-sm-3"> <div class="profile-name"> <h4 class="text-white fs-24 mb-0 fw-bold"> {{ ucwords($vcard->first_name . ' ' . $vcard->last_name) }} @if ($vcard->is_verified) <i class="verification-icon bi-patch-check-fill"></i> @endif </h4> <p class="fs-18 animatedText mb-0 fw-5"></p> <p class="fs-14 text-white mb-0 fw-5">{{ ucwords($vcard->occupation) }}</p> <p class="fs-14 text-white mb-0 fw-5">{{ ucwords($vcard->job_title) }}</p> </div> </div> </div> {{-- social media icon --}} </div> @if (checkFeature('social_links') && getSocialLink($vcard)) <div class="vcard-seventeen__social social-media pt-50 px-30 position-relative"> <div class="social-media-icons d-flex justify-content-center flex-wrap"> @foreach (getSocialLink($vcard) as $value) <div class="social-icon"> {!! $value !!} </div> @endforeach </div> </div> @endif {{-- custom link section --}} @if (checkFeature('custom-links') && $customLink->isNotEmpty()) <div class="custom-link-section position-relative"> <div class="bg-vector vector-15 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-15.png') }}" alt="bg-vector" /> </div> <div class="custom-link d-flex flex-wrap justify-content-center pt-50 px-30 w-100 "> @foreach ($customLink as $value) @if ($value->show_as_button == 1) <a href="{{ $value->link }}" @if ($value->open_new_tab == 1) target="_blank" @endif style=" @if ($value->button_color) background-color: {{ $value->button_color }}; @endif @if ($value->button_type === 'rounded') border-radius: 20px; @endif @if ($value->button_type === 'square') border-radius: 0px; @endif" class="m-2 d-flex justify-content-center align-items-center text-decoration-none link-text font-primary btn mt-2"> {{ $value->link_name }} </a> @else <a href="{{ $value->link }}" @if ($value->open_new_tab == 1) target="_blank" @endif class="m-2 d-flex justify-content-center align-items-center text-decoration-none link-text text-black mt-2"> {{ $value->link_name }} </a> @endif @endforeach </div> </div> @endif {{-- End custom link section --}} {{-- profile --}} <div class="position-relative"> <div class="bg-vector vector-16"> <img src="{{ asset('assets/img/vcard17/bg-vector-16.png') }}" alt="bg-vector" /> </div> <div class="text-white mb-0 text-center profile-desc pt-50 px-30"> {!! $vcard->description !!} </div> </div> @if ((isset($managesection) && $managesection['contact_list']) || empty($managesection)) @if(!empty($vcard->email) || !empty($vcard->alternative_email || !empty($vcard->phone) || !empty($vcard->alternative_phone) || !empty($vcard->dob) || !empty($vcard->location))) <div class="contact-section pt-50 pb-50 mt-50 px-30 position-relative"> <div class="bg-vector vector-2 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-2.svg') }}" alt="bg-vector" /> </div> <div class="overlay"></div> <div class="section-heading text-center mb-40"> <h2>Contacts</h2> </div> <div class="row row-gap-20" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> @if ($vcard->email) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard17/email.svg') }}"/> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->email }}" class="text-white fs-14 fw-5">{{ $vcard->email }}</a> </div> </div> </div> @endif @if ($vcard->alternative_email) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard17/email.svg') }}"/> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->alternative_email }}" class="text-white fs-14 fw-5">{{ $vcard->alternative_email }}</a> </div> </div> </div> @endif @if ($vcard->phone) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard17/phone.svg') }}" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}" class="text-white fs-14 fw-5" dir="ltr">+{{ $vcard->region_code }} {{ $vcard->phone }}</a> </div> </div> </div> @endif @if ($vcard->alternative_phone) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard17/phone.svg') }}"/> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}" class="text-white fs-14 fw-5" dir="ltr">+{{ $vcard->alternative_region_code }} {{ $vcard->alternative_phone }}</a> </div> </div> </div> @endif @if ($vcard->dob) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard17/dob.svg') }}"/> </div> <div class="contact-desc"> <p class="text-white fs-14 fw-5 mb-0"> {{ $vcard->dob }}</p> </div> </div> </div> @endif @if ($vcard->location) <div class="col-sm-6"> <div class="contact-box"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard17/location.svg') }}"/> </div> <div class="contact-desc"> <p class="text-white fs-14 fw-5 mb-0">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif </div> </div> @endif @endif {{-- qr code --}} @if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1) <div class="qr-code-section pt-50 px-30 position-relative"> <div class="bg-vector vector-3"> <img src="{{ asset('assets/img/vcard17/bg-vector-3.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-17 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-17.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.vcard.qr_code') }}</h2> </div> <div class="qr-code mx-auto d-flex flex-sm-row flex-column position-relative z-1 align-items-center" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="qr-code-img text-center" id="qr-code-seventeen"> @if (isset($customQrCode['applySetting']) && $customQrCode['applySetting'] == 1) {!! QrCode::color( $qrcodeColor['qrcodeColor']->red(), $qrcodeColor['qrcodeColor']->green(), $qrcodeColor['qrcodeColor']->blue(), )->backgroundColor( $qrcodeColor['background_color']->red(), $qrcodeColor['background_color']->green(), $qrcodeColor['background_color']->blue(), )->style($customQrCode['style'])->eye($customQrCode['eye_style'])->size(130)->format('svg')->generate(Request::url()) !!} @else {!! QrCode::size(130)->format('svg')->generate(Request::url()) !!} @endif </div> <div class=" text-center desc-text @if (getLanguage($vcard-> default_language) == 'Arabic') text-sm-end @else text-sm-start @endif"> <h5 class="fw-6 text-gradient">{{ __('messages.vcard.scan_to_contact') }}</h5> <p class="fs-14 text-white mb-0">{{ __('messages.vcard.qr_section_desc') }}</p> </div> </div> </div> @endif {{-- our service --}} @if ((isset($managesection) && $managesection['services']) || empty($managesection)) @if (checkFeature('services') && $vcard->services->count()) <div class="our-services-section pt-50 position-relative"> <div class="bg-vector vector-4 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-4.svg') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.vcard.our_service') }}</h2> </div> <div class="services"> @if ($vcard->services_slider_view) <div class="services-slider-view"> @foreach ($vcard->services as $service) <div> <div class="service-card"> <div class="card-img"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none img {{ $service->service_url ? 'pe-auto' : 'pe-none' }}" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" class="card-img-top service-new-image" alt="{{ $service->name }}" loading="lazy"> </a> </div> <div class="card-body text-center"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="text-decoration-none" target="{{ $service->service_url ? '_blank' : '' }}"> <h5 class="card-title title-text text-center text-gradient"> {{ ucwords($service->name) }}</h5> </a> <p class="card-text description-text text-center text-white {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!}</p> </div> </div> </div> @endforeach </div> @else <div class="px-30"> <div class="row"> @foreach ($vcard->services as $service) <div class="col-sm-6 mb-40"> <div class="service-card d-flex flex-column align-items-center gap-2" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="card-img d-flex justify-content-center align-items-center"> <a href="{{ $service->service_url ?? 'javascript:void(0)' }}" class="w-100 h-100 text-decoration-none {{ $service->service_url ? 'pe-auto' : 'pe-none' }}" target="{{ $service->service_url ? '_blank' : '' }}"> <img src="{{ $service->service_icon }}" class="card-img-top service-new-image w-100 h-100 object-fit-cover" alt="{{ $service->name }}" loading="lazy"> </a> </div> <div class="card-body text-center"> <h3 class="card-title fs-18 text-gradient text-center"> {{ ucwords($service->name) }} </h3> <p class="mb-0 text-white text-center {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!} </p> </div> </div> </div> @endforeach </div> </div> @endif </div> </div> @endif @endif {{-- gallery --}} @if ((isset($managesection) && $managesection['galleries']) || empty($managesection)) @if (checkFeature('gallery') && $vcard->gallery->count()) <div class="gallery-section pt-50 pb-50 mt-50 px-20 position-relative"> <div class="bg-vector vector-5"> <img src="{{ asset('assets/img/vcard17/bg-vector-5.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-18 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-18.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.plan.gallery') }}</h2> </div> <div> <div class="gallery-slider"> @foreach ($vcard->gallery as $file) @php $infoPath = pathinfo(public_path($file->gallery_image)); $extension = $infoPath['extension']; @endphp <div class="slide"> <div class="gallery-img-wrapper"> <div class="gallery-img"> <div class="expand-icon pe-none"> <i class="fas fa-expand text-white"></i> </div> @if ($file->type == App\Models\Gallery::TYPE_IMAGE) <a href="{{ $file->gallery_image }}" data-lightbox="gallery-images"><img src="{{ $file->gallery_image }}" alt="profile" class="w-100" loading="lazy" /></a> @elseif($file->type == App\Models\Gallery::TYPE_FILE) <a id="file_url" href="{{ $file->gallery_image }}" class="gallery-link gallery-file-link" target="_blank" loading="lazy"> <div class="gallery-item gallery-file-item" @if ($extension == 'pdf') style="background-image: url({{ asset('assets/images/pdf-icon.png') }})"> @endif @if ($extension == 'xls') style="background-image: url({{ asset('assets/images/xls.png') }})"> @endif @if ($extension == 'csv') style="background-image: url({{ asset('assets/images/csv-file.png') }})"> @endif @if ($extension == 'xlsx') style="background-image: url({{ asset('assets/images/xlsx.png') }})"> @endif </div> </a> @elseif($file->type == App\Models\Gallery::TYPE_VIDEO) <div class="d-flex align-items-center video-container bg-white "> <video width="100%" height="100%" controls> <source src="{{ $file->gallery_image }}"> </video> </div> @elseif($file->type == App\Models\Gallery::TYPE_AUDIO) <div class="audio-container mt-2"> <img src="{{ asset('assets/img/music.jpeg') }}" alt="Album Cover" class="audio-image"> <audio controls src="{{ $file->gallery_image }}" class="mt-2"> Your browser does not support the <code>audio</code> element. </audio> </div> @else <iframe src="https://www.youtube.com/embed/{{ YoutubeID($file->link) }}" class="w-100 h-100"> </iframe> @endif </div> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- product --}} @if ((isset($managesection) && $managesection['products']) || empty($managesection)) @if (checkFeature('products') && $vcard->products->count()) <div class="product-section pt-50 position-relative"> <div class="bg-vector vector-6 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-6.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-19"> <img src="{{ asset('assets/img/vcard17/bg-vector-19.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.plan.products') }}</h2> </div> <div class="product-slider"> @foreach ($vcardProducts as $product) <div> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank" class="text-decoration-none"> <div class="card product-card"> <div class="card-img"> <img src="{{ $product->product_icon }}" class="h-100 w-100 object-fit-cover" loading="lazy" /> </div> <div class="card-body d-flex flex-column justify-content-center align-items-center"> <h3 class="product-title text-white fw-5 text-center">{{ $product->name }}</h3> @if ($product->currency_id && $product->price) <span class="fw-5 text-gradient amount text-center">{{ $product->currency->currency_icon }}{{ getSuperAdminSettingValue('hide_decimal_values') == 1 ? number_format($product->price, 0) : number_format($product->price, 2) }}</span> @elseif($product->price) <span class="fw-5 text-gradient amount text-center">{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span> @endif </div> </div> </a> </div> @endforeach </div> <div class="mx-auto text-center mt-5"> <a class="mb-0 text-decoration-underline btn btn-gradient view-more" href="{{ $vcardProductUrl }}">{{ __('messages.analytics.view_more') }} <i class="fa-solid fa-arrow-right-long right-arrow-animation ms-2"></i></a> </a> </div> </div> @endif @endif {{-- testimonial --}} @if ((isset($managesection) && $managesection['testimonials']) || empty($managesection)) @if (checkFeature('testimonials') && $vcard->testimonials->count()) <div class="testimonial-section pt-50 pb-50 mt-50 px-20 position-relative"> <div class="bg-vector vector-7"> <img src="{{ asset('assets/img/vcard17/bg-vector-7.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-23 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-23.png') }}" alt="bg-vector" /> </div> <div class="overlay"></div> <div class="section-heading text-center mb-5"> <h2>{{ __('messages.plan.testimonials') }}</h2> </div> <div class="testimonial-slider"> @foreach ($vcard->testimonials as $testimonial) <div> <div class="card flex-sm-row align-items-center position-relative"> <div class="quote-img quote-left-img"> <img src="{{asset('assets/img/vcard17/quote-left-img.svg')}}" loading="lazy"/> </div> <div class="quote-img quote-right-img"> <img src="{{asset('assets/img/vcard17/quote-right-img.svg')}}" loading="lazy"/> </div> <div class="card-img"> <img src="{{ $testimonial->image_url }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="card-body text-center"> <div class="testimonial-desc"> <h3 class="text-gradient fw-6">{{ ucwords($testimonial->name) }}</h3> <p class="text-white mb-0 {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}"> {!! $testimonial->description !!} </p> </div> </div> </div> </div> @endforeach </div> </div> @endif @endif {{-- insta feed --}} @if ((isset($managesection) && $managesection['insta_embed']) || empty($managesection)) @if (checkFeature('insta_embed') && $vcard->instagramEmbed->count()) <div class="insta-feed-section pt-50 px-20 position-relative"> <div class="bg-vector vector-8 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-8.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-22"> <img src="{{ asset('assets/img/vcard17/bg-vector-22.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.feature.insta_embed') }}</h2> </div> <nav> <div class="row insta-toggle mx-0"> <div class="nav nav-tabs border-0" id="nav-tab" role="tablist"> <button class="d-flex align-items-center justify-content-center py-2 active postbtn instagram-btn border-0 text-white" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true"> <svg aria-label="Posts" class="svg-post-icon x1lliihq x1n2onr6 x173jzuc" fill="currentColor" height="24" role="img" viewBox="0 0 24 24" width="24"> <title>Posts</title> <rect fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="18" x="3" y="3"></rect> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="9.015" x2="9.015" y1="3" y2="21"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="14.985" x2="14.985" y1="3" y2="21"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="21" x2="3" y1="9.015" y2="9.015"></line> <line fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="21" x2="3" y1="14.985" y2="14.985"></line> </svg> </button> <button class="d-flex align-items-center justify-content-center py-2 instagram-btn reelsbtn border-0 text-white" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false"> <svg class="svg-reels-icon" viewBox="0 0 48 48" width="27" height="27"> <path d="m33,6H15c-.16,0-.31,0-.46.01-.7401.04-1.46.17-2.14.38-3.7,1.11-6.4,4.55-6.4,8.61v18c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9V15c0-4.96-4.04-9-9-9Zm7,27c0,3.86-3.14,7-7,7H15c-3.86,0-7-3.14-7-7V15c0-3.37,2.39-6.19,5.57-6.85.46-.1.94-.15,1.43-.15h18c3.86,0,7,3.14,7,7v18Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="M21 16h-2.2l-.66-1-4.57-6.85-.76-1.15h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55zM34 16h-2.2l-.66-1-4.67-7-.66-1h2.39l.66 1 4.67 7 .3.45c.11.17.17.36.17.55z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <rect width="36" height="3" x="6" y="15" fill="currentColor" class="color000 svgShape"></rect> <path d="m20,35c-.1753,0-.3506-.0459-.5073-.1382-.3052-.1797-.4927-.5073-.4927-.8618v-10c0-.3545.1875-.6821.4927-.8618.3066-.1797.6831-.1846.9932-.0122l9,5c.3174.1763.5142.5107.5142.874s-.1968.6978-.5142.874l-9,5c-.1514.084-.3188.126-.4858.126Zm1-9.3003v6.6006l5.9409-3.3003-5.9409-3.3003Z" fill="currentColor" class="color000 svgShape not-active-svg"></path> <path d="m6,33c0,4.96,4.04,9,9,9h18c4.96,0,9-4.04,9-9v-16H6v16Zm13-9c0-.35.19-.68.49-.86.31-.18.69-.19,1-.01l9,5c.31.17.51.51.51.87s-.2.7-.51.87l-9,5c-.16.09-.3199.13-.49.13-.18,0-.35-.05-.51-.14-.3-.18-.49-.51-.49-.86v-10Zm23-9c0-4.96-4.04-9-9-9h-5.47l6,9h8.47Zm-10.86,0l-6.01-9h-10.13c-.16,0-.31,0-.46.01l5.99,8.99h10.61ZM12.4,6.39c-3.7,1.11-6.4,4.55-6.4,8.61h12.14l-5.74-8.61Z" fill="currentColor" class="color000 svgShape active-svg"></path> </svg> </button> </div> </div> </nav> <div id="postContent" class="insta-feed"> <div class="row overflow-hidden m-0 mt-4" loading="lazy"> <!-- "Post" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 0) <div class="col-12 col-sm-6"> <div class="insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> </div> @endif @endforeach </div> </div> <div class="d-none insta-feed" id="reelContent"> <div class="row overflow-hidden m-0 mt-4"> <!-- "Reel" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 1) <div class="col-12 col-sm-6"> <div class="insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> </div> @endif @endforeach </div> </div> </div> @endif @endif {{-- blog --}} @if ((isset($managesection) && $managesection['blogs']) || empty($managesection)) @if (checkFeature('blog') && $vcard->blogs->count()) <div class="blog-section px-20 pt-50 pb-50 mt-50 position-reelative"> <div class="bg-vector vector-9"> <img src="{{ asset('assets/img/vcard17/bg-vector-9.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-20 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-20.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.feature.blog') }}</h2> </div> <div class="blog-slider"> @foreach ($vcard->blogs as $blog) <?php $vcardBlogUrl = $isCustomDomainUse ? "https://{$customDomain->domain}/{$vcard->url_alias}/blog/{$blog->id}" : route('vcard.show-blog', [$vcard->url_alias, $blog->id]); ?> <div> <div class="blog-card-wrapper"> <div class="blog-card card"> <div class="card-img mb-3 mb-sm-0"> <a href="{{ $vcardBlogUrl }}"> <img src="{{ $blog->blog_icon }}" alt="profile" class="h-100 w-100 blog-img" loading="lazy" /> </a> </div> <div class="card-body"> <h2 class="fs-18 fw-5 text-gradient blog-title"> {{ $blog->title }} </h2> <p class="blog-desc fs-14 text-white mb-0"> {{ Illuminate\Support\Str::words( str_replace(' ', ' ', strip_tags($blog->description)), 100, '...' ) }} </p> <a href="{{ $vcardBlogUrl }}" class="read-more d-inline-flex align-items-center justify-content-end gap-2 fs-14" tabindex="0"> {{ __('messages.vcard_11.read_more') }} <svg class="svg-inline--fa fa-arrow-right-long text-decoration-none" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right-long" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="M502.6 278.6l-128 128c-12.51 12.51-32.76 12.49-45.25 0c-12.5-12.5-12.5-32.75 0-45.25L402.8 288H32C14.31 288 0 273.7 0 255.1S14.31 224 32 224h370.8l-73.38-73.38c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l128 128C515.1 245.9 515.1 266.1 502.6 278.6z"> </path> </svg> </a> </div> </div> </div> </div> @endforeach </div> </div> @endif @endif {{-- buisness hours --}} @if ((isset($managesection) && $managesection['business_hours']) || empty($managesection)) @if ($vcard->businessHours->count()) @php $todayWeekName = strtolower(\Carbon\Carbon::now()->rawFormat('D')); @endphp <div class="business-hour-section pt-50 position-relative" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="bg-vector vector-10 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-10.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-21"> <img src="{{ asset('assets/img/vcard17/bg-vector-21.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.business.business_hours') }}</h2> </div> <div class="business-hour-card pt-50 pb-50 px-30"> <div class="overlay"></div> <div class="row row-gap-20 justify-content-center"> @foreach ($businessDaysTime as $key => $dayTime) <div class="col-sm-6"> <div class="business-hour d-flex align-items-center"> <div class="days-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"> <path d="M6.25 9.375V10.625C6.25 10.9705 5.97047 11.25 5.625 11.25H4.375C4.02953 11.25 3.75 10.9705 3.75 10.625V9.375C3.75 9.02953 4.02953 8.75 4.375 8.75H5.625C5.97047 8.75 6.25 9.02953 6.25 9.375ZM5.625 13.75H4.375C4.02953 13.75 3.75 14.0295 3.75 14.375V15.625C3.75 15.9705 4.02953 16.25 4.375 16.25H5.625C5.97047 16.25 6.25 15.9705 6.25 15.625V14.375C6.25 14.0295 5.97047 13.75 5.625 13.75ZM10.625 8.75H9.375C9.02953 8.75 8.75 9.02953 8.75 9.375V10.625C8.75 10.9705 9.02953 11.25 9.375 11.25H10.625C10.9705 11.25 11.25 10.9705 11.25 10.625V9.375C11.25 9.02953 10.9705 8.75 10.625 8.75ZM10.625 13.75H9.375C9.02953 13.75 8.75 14.0295 8.75 14.375V15.625C8.75 15.9705 9.02953 16.25 9.375 16.25H10.625C10.9705 16.25 11.25 15.9705 11.25 15.625V14.375C11.25 14.0295 10.9705 13.75 10.625 13.75ZM15.625 8.75H14.375C14.0295 8.75 13.75 9.02953 13.75 9.375V10.625C13.75 10.9705 14.0295 11.25 14.375 11.25H15.625C15.9705 11.25 16.25 10.9705 16.25 10.625V9.375C16.25 9.02953 15.9705 8.75 15.625 8.75ZM15.625 13.75H14.375C14.0295 13.75 13.75 14.0295 13.75 14.375V15.625C13.75 15.9705 14.0295 16.25 14.375 16.25H15.625C15.9705 16.25 16.25 15.9705 16.25 15.625V14.375C16.25 14.0295 15.9705 13.75 15.625 13.75ZM4.375 3.75H5.625C5.97047 3.75 6.25 3.47047 6.25 3.125V0.625C6.25 0.279531 5.97047 0 5.625 0H4.375C4.02953 0 3.75 0.279531 3.75 0.625V3.125C3.75 3.47047 4.02953 3.75 4.375 3.75ZM20 5V17.5C20 18.8806 18.8806 20 17.5 20H2.5C1.11937 20 0 18.8806 0 17.5V5C0 3.61937 1.11937 2.5 2.5 2.5H3.125V3.125C3.125 3.81348 3.6859 4.375 4.375 4.375H5.625C6.3141 4.375 6.875 3.81348 6.875 3.125V2.5H13.125V3.125C13.125 3.81348 13.6865 4.375 14.375 4.375H15.625C16.3135 4.375 16.875 3.81348 16.875 3.125V2.5H17.5C18.8806 2.5 20 3.61937 20 5ZM18.75 7.5C18.75 6.81152 18.1897 6.25 17.5 6.25H2.5C1.8109 6.25 1.25 6.81152 1.25 7.5V17.5C1.25 18.1897 1.8109 18.75 2.5 18.75H17.5C18.1897 18.75 18.75 18.1897 18.75 17.5V7.5ZM14.375 3.75H15.625C15.9705 3.75 16.25 3.47047 16.25 3.125V0.625C16.25 0.279531 15.9705 0 15.625 0H14.375C14.0295 0 13.75 0.279531 13.75 0.625V3.125C13.75 3.47047 14.0295 3.75 14.375 3.75Z" fill="url(#paint0_linear_10208_971)"/> <circle cx="18.4995" cy="18.5" r="5.63333" fill="#161616"/> <g clip-path="url(#clip0_10208_971)"> <path d="M18.5 12C14.9138 12 12 14.9138 12 18.5C12 22.0862 14.9138 25 18.5 25C22.0862 25 25 22.0862 25 18.5C25 14.9138 22.0862 12 18.5 12ZM18.5 23.6552C15.6534 23.6552 13.3448 21.3465 13.3448 18.5C13.3448 15.6534 15.6534 13.3448 18.5 13.3448C21.3465 13.3448 23.6552 15.6534 23.6552 18.5C23.6552 21.3465 21.3465 23.6552 18.5 23.6552Z" fill="url(#paint1_linear_10208_971)"/> <path d="M18.0516 13.8154H18.724V15.1603H18.0516V13.8154ZM21.6378 18.0741H22.9826V18.7465H21.6378V18.0741ZM13.793 18.0741H15.1378V18.7465H13.793V18.0741ZM18.0516 21.6603H18.724V23.0051H18.0516V21.6603Z" fill="url(#paint2_linear_10208_971)"/> <path d="M20.7971 15.6088C20.9952 15.6088 21.1557 15.4483 21.1557 15.2502C21.1557 15.0522 20.9952 14.8916 20.7971 14.8916C20.599 14.8916 20.4385 15.0522 20.4385 15.2502C20.4385 15.4483 20.599 15.6088 20.7971 15.6088Z" fill="url(#paint3_linear_10208_971)"/> <path d="M21.9182 16.9536C22.1163 16.9536 22.2768 16.793 22.2768 16.5949C22.2768 16.3969 22.1163 16.2363 21.9182 16.2363C21.7201 16.2363 21.5596 16.3969 21.5596 16.5949C21.5596 16.793 21.7201 16.9536 21.9182 16.9536Z" fill="url(#paint4_linear_10208_971)"/> <path d="M14.9699 20.9877C15.168 20.9877 15.3286 20.8272 15.3286 20.6291C15.3286 20.4311 15.168 20.2705 14.9699 20.2705C14.7719 20.2705 14.6113 20.4311 14.6113 20.6291C14.6113 20.8272 14.7719 20.9877 14.9699 20.9877Z" fill="url(#paint5_linear_10208_971)"/> <path d="M16.091 22.333C16.2891 22.333 16.4497 22.1724 16.4497 21.9743C16.4497 21.7763 16.2891 21.6157 16.091 21.6157C15.893 21.6157 15.7324 21.7763 15.7324 21.9743C15.7324 22.1724 15.893 22.333 16.091 22.333Z" fill="url(#paint6_linear_10208_971)"/> <path d="M21.8069 21.1001C22.0049 21.1001 22.1655 20.9395 22.1655 20.7414C22.1655 20.5434 22.0049 20.3828 21.8069 20.3828C21.6088 20.3828 21.4482 20.5434 21.4482 20.7414C21.4482 20.9395 21.6088 21.1001 21.8069 21.1001Z" fill="url(#paint7_linear_10208_971)"/> <path d="M20.4612 22.2207C20.6592 22.2207 20.8198 22.0601 20.8198 21.862C20.8198 21.664 20.6592 21.5034 20.4612 21.5034C20.2631 21.5034 20.1025 21.664 20.1025 21.862C20.1025 22.0601 20.2631 22.2207 20.4612 22.2207Z" fill="url(#paint8_linear_10208_971)"/> <path d="M15.0823 16.6171C15.2803 16.6171 15.4409 16.4566 15.4409 16.2585C15.4409 16.0605 15.2803 15.8999 15.0823 15.8999C14.8842 15.8999 14.7236 16.0605 14.7236 16.2585C14.7236 16.4566 14.8842 16.6171 15.0823 16.6171Z" fill="url(#paint9_linear_10208_971)"/> <path d="M16.426 15.4965C16.6241 15.4965 16.7846 15.336 16.7846 15.1379C16.7846 14.9399 16.6241 14.7793 16.426 14.7793C16.2279 14.7793 16.0674 14.9399 16.0674 15.1379C16.0674 15.336 16.2279 15.4965 16.426 15.4965Z" fill="url(#paint10_linear_10208_971)"/> <path d="M20.4389 18.7467C20.4389 18.5562 20.2932 18.4105 20.1026 18.4105H18.7242V15.9002C18.7242 15.7097 18.5785 15.564 18.388 15.564C18.1975 15.564 18.0518 15.7097 18.0518 15.9002V18.7467C18.0518 18.9372 18.1975 19.0829 18.388 19.0829H20.1026C20.2932 19.0829 20.4389 18.9372 20.4389 18.7467Z" fill="url(#paint11_linear_10208_971)"/> </g> <defs> <linearGradient id="paint0_linear_10208_971" x1="10" y1="0" x2="10" y2="20" gradientUnits="userSpaceOnUse"> <stop stop-color="#FFAE00"/> <stop offset="1" stop-color="#F54200"/> </linearGradient> <linearGradient id="paint1_linear_10208_971" x1="18.5" y1="12" x2="18.5" y2="25" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint2_linear_10208_971" x1="18.3878" y1="13.8154" x2="18.3878" y2="23.0051" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint3_linear_10208_971" x1="20.7971" y1="14.8916" x2="20.7971" y2="15.6088" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint4_linear_10208_971" x1="21.9182" y1="16.2363" x2="21.9182" y2="16.9536" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint5_linear_10208_971" x1="14.9699" y1="20.2705" x2="14.9699" y2="20.9877" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint6_linear_10208_971" x1="16.091" y1="21.6157" x2="16.091" y2="22.333" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint7_linear_10208_971" x1="21.8069" y1="20.3828" x2="21.8069" y2="21.1001" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint8_linear_10208_971" x1="20.4612" y1="21.5034" x2="20.4612" y2="22.2207" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint9_linear_10208_971" x1="15.0823" y1="15.8999" x2="15.0823" y2="16.6171" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint10_linear_10208_971" x1="16.426" y1="14.7793" x2="16.426" y2="15.4965" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <linearGradient id="paint11_linear_10208_971" x1="19.2453" y1="15.564" x2="19.2453" y2="19.0829" gradientUnits="userSpaceOnUse"> <stop stop-color="#FD9301"/> <stop offset="1" stop-color="#F64701"/> </linearGradient> <clipPath id="clip0_10208_971"> <rect width="13" height="13" fill="white" transform="translate(12 12)"/> </clipPath> </defs> </svg> </div> <div> <div class="text-white fs-14"> {{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) }} </div> <div class="text-center text-gradient fs-14 fw-5">{{ $dayTime ?? __('messages.common.closed') }} </div> </div> </div> </div> @endforeach </div> </div> </div> @endif @endif {{-- make appointment --}} @if ((isset($managesection) && $managesection['appointments']) || empty($managesection)) @if (checkFeature('appointments') && $vcard->appointmentHours->count()) <div class="appointment-section pt-50 px-30 position-relative" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="bg-vector vector-11"> <img src="{{ asset('assets/img/vcard17/bg-vector-11.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-24 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-24.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.make_appointments') }}</h2> </div> <div class="appointment"> <div> <div class="position-relative"> {{ Form::text('date', null, ['class' => 'date form-control appointment-input', 'placeholder' => __('messages.form.pick_date'), 'id' => 'pickUpDate']) }} <span class="calendar-icon"> <img src="{{ asset('assets/img/vcard17/Vector.png') }}" loading="lazy" /> </span> </div> </div> <div class=""> <div> <div id="slotData" class="row"> </div> </div> <div class="text-center"> <button type="submit" class="appointmentAdd appoint-btn btn btn-gradient d-none mt-3"> {{ __('messages.make_appointments') }} </button> </div> </div> </div> @include('vcardTemplates.appointment') </div> @endif @endif {{-- iframes --}} @if ((isset($managesection) && $managesection['iframe']) || empty($managesection)) @if (checkFeature('iframes') && $vcard->iframes->count()) <div class="iframe-section px-20 pt-50 pb-1 position-relative"> <div class="bg-vector vector-12 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-12.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-25"> <img src="{{ asset('assets/img/vcard17/bg-vector-25.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.vcard.iframe') }}</h2> </div> <div class="iframe-slider"> @foreach ($vcard->iframes as $iframe) <div class="slide"> <iframe src="{{ $iframe->url }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen width="100%" height="400" loading="lazy"> </iframe> </div> @endforeach </div> </div> @endif @endif {{-- contact us --}} @php $currentSubs = $vcard ->subscriptions() ->where('status', \App\Models\Subscription::ACTIVE) ->latest() ->first(); @endphp @if ($currentSubs && $currentSubs->plan->planFeature->enquiry_form && $vcard->enable_enquiry_form) <div class="contact-us-section px-30 pt-50 pb-50 mt-50 position-relative"> <div class="bg-vector vector-13"> <img src="{{ asset('assets/img/vcard17/bg-vector-13.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-26 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-26.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.contact_us.inquries') }}</h2> </div> <div> @if (getLanguage($vcard->default_language) != 'Arabic') <div class="contact-form"> <form action="" id="enquiryForm" enctype="multipart/form-data"> @csrf <div class="row" enctype="multipart/form-data"> <div id="enquiryError" class="alert alert-danger d-none"></div> <div class="col-12"> <input type="text" name="name" class="form-control" placeholder="{{ __('messages.form.your_name') }}" /> </div> <div class="col-12"> <input type="tel" name="phone" class="form-control" placeholder="{{ __('messages.form.phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")"/> </div> <div class="col-12"> <input type="email" name="email" class="form-control" placeholder="{{ __('messages.form.your_email') }}" /> </div> <div class="col-12"> <textarea class="form-control h-100" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="3"></textarea> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3 mt-2"> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4> <i class="fa-solid fa-upload me-2"></i>{{ __('messages.choose_file') }} </h4> <input type="file" id="attachment" name="attachment" hidden multiple /> </div> <small>{{ __('messages.file_supported') }}</small> </div> <div class="wrapper-file-section"> <div class="selected-files" id="selectedFilesSection" style="display: none;"> <h5>{{ __('messages.selected_files') }}</h5> <ul class="file-list" id="fileList"></ul> </div> </div> </div> @endif @if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition)) <div class="col-12 d-flex gap-2"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-gray-100">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-decoration-underline text-white fw-5">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-gray-100">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-decoration-underline text-white fw-5">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <div class="col-12 text-center mt-4"> <button class="btn send-btn contact-btn btn-gradient" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> @endif @if (getLanguage($vcard->default_language) == 'Arabic') <div class="contact-form" dir="rtl"> <form action="" id="enquiryForm" enctype="multipart/form-data"> @csrf <div class="row"> <div id="enquiryError" class="alert alert-danger d-none"></div> <div class="col-12"> <input type="text" name="name" class="form-control" placeholder="{{ __('messages.form.your_name') }}" /> </div> <div class="col-12"> <input type="tel" name="phone" class="form-control text-end" placeholder="{{ __('messages.form.phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")"/> </div> <div class="col-12"> <input type="email" name="email" class="form-control" placeholder="{{ __('messages.form.your_email') }}" /> </div> <div class="col-12"> <textarea class="form-control h-100" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="3"></textarea> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3 mt-2"> <div class="wrapper-file-input"> <div class="input-box" id="fileInputTrigger"> <h4> <i class="fa-solid fa-upload ms-2"></i>{{ __('messages.choose_file') }} </h4> <input type="file" id="attachment" name="attachment" hidden multiple /> </div> <small>{{ __('messages.file_supported') }}</small> </div> <div class="wrapper-file-section"> <div class="selected-files" id="selectedFilesSection" style="display: none;"> <h5>{{ __('messages.selected_files') }}</h5> <ul class="file-list" id="fileList"></ul> </div> </div> </div> @endif @if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition)) <div class="col-12 d-flex gap-2"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-gray-100">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-decoration-underline text-white fw-5">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-gray-100">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info text-decoration-underline text-white fw-5">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <div class="col-12 text-center mt-4"> <button class="btn send-btn contact-btn btn-gradient" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> @endif </div> </div> @endif {{-- cretae vcard --}} @if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation) <div class="create-vcard-section pt-50 px-30 position-relative"> <div class="bg-vector vector-14 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-14.svg') }}" alt="bg-vector" /> </div> <div class="bg-vector vector-27"> <img src="{{ asset('assets/img/vcard17/bg-vector-27.png') }}" alt="bg-vector" /> </div> <div class="section-heading text-center mb-40"> <h2>{{ __('messages.create_vcard') }}</h2> </div> <div class="vcard-link-card card"> <a target="_blank" href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}" class="text-primary link-text fw-5 d-flex justify-content-between align-items-center position-relative text-gradient gap-3" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif>{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }} <i class="icon fa-solid fa-arrow-up-right-from-square text-white"></i> </a> </div> </div> @endif {{-- map --}} @if ((isset($managesection) && $managesection['map']) || empty($managesection)) @if ($vcard->location_type == 0 && ($vcard->location_url && isset($url[5]))) <div class="map-section px-30 pt-50 position-relative"> <div class="bg-vector vector-28 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-28.png') }}" alt="bg-vector" /> </div> <div class="map-box"> <div class="map-location d-flex gap-3 align-items-center pb-3 pt-1" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="location-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard25/location.svg') }}" /> </div> <p class="text-gradient mb-0">{!! ucwords($vcard->location) !!}</p> </div> <div> <iframe width="100%" height="300px" src='https://maps.google.de/maps?q={{ $url[5] }}/&output=embed' frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border-radius: 10px;"></iframe> </div> </div> </div> @endif @if ($vcard->location_type == 1 && !empty($vcard->location_embed_tag)) <div class="map-section px-30 pt-50 position-relative"> <div class="bg-vector vector-28 text-end"> <img src="{{ asset('assets/img/vcard17/bg-vector-28.png') }}" alt="bg-vector" /> </div> <div class="map-box"> <div class="map-location d-flex gap-3 align-items-center pb-3 pt-1" @if (getLanguage($vcard-> default_language) == 'Arabic') dir="rtl" @endif> <div class="location-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard25/location.svg') }}" /> </div> <p class="text-gradient mb-0">{!! ucwords($vcard->location) !!}</p> </div> <div> <iframe width="100%" height="300px" src='https://maps.google.de/maps?q={{ $url[5] }}/&output=embed' frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border-radius: 10px;"></iframe> </div> </div> </div> @endif @endif {{-- add to contact --}} @if ($vcard->enable_contact) <div class="add-to-contact-section px-30 text-center"> <div class="d-inline-block" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> @if ($contactRequest == 1) <a href="{{ Auth::check() ? route('add-contact', $vcard->id) : 'javascript:void(0);' }}" class="add-contact-btn d-flex gap-2 justify-content-center align-items-center btn btn-gradient text-decoration-none justify-content-center {{ Auth::check() ? 'auth-contact-btn' : 'ask-contact-detail-form' }}" data-action="{{ Auth::check() ? route('contact-request.store') : 'show-modal' }}"> <i class="fas fa-download fa-address-book"></i> {{ __('messages.setting.add_contact') }}</a> @else <a href="{{ route('add-contact', $vcard->id) }}" class="add-contact-btn d-flex gap-2 justify-content-center align-items-center btn btn-gradient text-decoration-none justify-content-center"><i class="fas fa-download fa-address-book"></i> {{ __('messages.setting.add_contact') }}</a> @endif </div> </div> @include('vcardTemplates.contact-request') @endif {{-- made by --}} <div class="d-flex justify-content-evenly py-2"> @if (checkFeature('advanced')) @if (checkFeature('advanced')->hide_branding && $vcard->branding == 0) @if ($vcard->made_by) <a @if (!is_null($vcard->made_by_url)) href="{{ $vcard->made_by_url }}" @endif class="text-center text-decoration-none text-gradient" target="_blank"> <small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small class="text-gradient">{{ __('messages.made_by') }} {{ $setting['app_name'] }}</small> </div> @endif @endif @else @if ($vcard->made_by) <a @if (!is_null($vcard->made_by_url)) href="{{ $vcard->made_by_url }}" @endif class="text-center text-decoration-none text-gradient" target="_blank"> <small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small class="text-gradient">{{ __('messages.made_by') }} {{ $setting['app_name'] }}</small> </div> @endif @endif @if (!empty($vcard->privacy_policy) || !empty($vcard->term_condition)) <div> <a class="text-decoration-none text-gradient cursor-pointer terms-policies-btn" href="{{ $vcardPrivacyAndTerm }}"><small>{!! __('messages.vcard.term_policy') !!}</small></a> </div> @endif </div> {{-- sticky btn --}} <div class="btn-section cursor-pointer @if (getLanguage($vcard->default_language) == 'Arabic') rtl @endif"> <div class="fixed-btn-section"> @if (empty($vcard->hide_stickybar)) <div class="bars-btn developer-bars-btn @if (getLanguage($vcard->default_language) == 'Arabic') vcard-bars-btn-left @endif"> <img src="{{ asset('assets/img/vcard17/sticky.svg') }}" loading="lazy" /> </div> @endif <div class="sub-btn d-none"> <div class="sub-btn-div @if (getLanguage($vcard->default_language) == 'Arabic') sub-btn-div-left @endif"> @if ($vcard->whatsapp_share) <div class="icon-search-container mb-3" data-ic-class="search-trigger"> <div class="wp-btn"> <i class="fab text-light fa-whatsapp fa-2x" id="wpIcon"></i> </div> <input type="number" class="search-input" id="wpNumber" data-ic-class="search-input" placeholder="{{ __('messages.setting.wp_number') }}" /> <div class="share-wp-btn-div"> <a href="javascript:void(0)" class="vcard17-sticky-btn vcard17-btn-group d-flex justify-content-center text-dark align-items-center rounded-0 text-decoration-none py-1 rounded-pill justify-content share-wp-btn"> <i class="fa-solid fa-paper-plane"></i> </a> </div> </div> @endif @if (empty($vcard->hide_stickybar)) <div class="{{ isset($vcard->whatsapp_share) ? 'vcard17-btn-group' : 'stickyIcon' }}"> <button type="button" class="vcard17-btn-group vcard17-share vcard17-sticky-btn mb-3 px-2 py-1"><i class="fas fa-share-alt pt-1 fs-4"></i></button> @if (!empty($vcard->enable_download_qr_code)) <a type="button" class="vcard17-btn-group vcard17-sticky-btn d-flex justify-content-center text-white align-items-center px-2 mb-3 py-2" id="qr-code-btn" download="qr_code.png"><i class="fa-solid fa-qrcode fs-4 text-dark"></i></a> @endif {{-- <a type="button" class="vcard17-btn-group vcard17-sticky-btn d-flex justify-content-center text-white align-items-center px-2 mb-3 py-2 d-none" id="videobtn"><i class="fa-solid fa-video fs-4" style="color: #eceeed;"></i></a> --}} </div> @endif </div> </div> </div> </div> </div> </div> <!-- Modal --> @if ((isset($managesection) && $managesection['news_latter_popup']) || empty($managesection)) <div class="modal fade" id="newsLatterModal" tabindex="-1" aria-labelledby="newsLatterModalLabel" aria-hidden="true"> <div class="modal-dialog news-modal modal-dialog-centered"> <div class="modal-content animate-bottom" id="newsLatter-content"> <div class="newsmodal-header"> <button type="button" class="btn-close position-absolute top-0 end-0" data-bs-dismiss="modal" aria-label="Close" id="closeNewsLatterModal"></button> </div> <div class="modal-body"> <h3 class="content text-start mb-2">{{ __('messages.vcard.subscribe_newslatter') }}</h3> <p class="modal-desc text-start">{{ __('messages.vcard.update_directly') }}</p> <form action="" method="post" id="newsLatterForm"> @csrf <input type="hidden" name="vcard_id" value="{{ $vcard->id }}"> <div class="mb-1 mt-1 d-flex gap-1 justify-content-center align-items-center email-input"> <div class="w-100"> <input type="email" class="text-white form-control bg-dark border-dark email-input w-100" placeholder="{{ __('messages.form.enter_your_email') }}" aria-label="Email" name="email" id="emailSubscription" aria-describedby="button-addon2"> </div> <button class="btn ms-1" type="submit" id="email-send">{{ __('messages.subscribe') }}</button> </div> </form> </div> </div> </div> </div> @endif {{-- share modal code --}} <div id="vcard17-shareModel" class="modal fade" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class=""> <div class="row align-items-center mt-3"> <div class="col-10 text-center"> <h5 class="modal-title pl-50">{{ __('messages.vcard.share_my_vcard') }}</h5> </div> <div class="col-2"> <button type="button" aria-label="Close" class="btn btn-sm btn-icon btn-active-color-danger border-none p-1" data-bs-dismiss="modal"> <span class="svg-icon svg-icon-1"> <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1"> <g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000"> <rect fill="#000000" x="0" y="7" width="16" height="2" rx="1" /> <rect fill="#000000" opacity="0.5" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000)" x="0" y="7" width="16" height="2" rx="1" /> </g> </svg> </span> </button> </div> </div> </div> @php $shareUrl = $vcardUrl; @endphp <div class="modal-body"> <a href="http://www.facebook.com/sharer.php?u={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Facebook"> <div class="row"> <div class="col-2"> <i class="fab fa-facebook fa-2x" style="color: #1B95E0"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark video"> {{ __('messages.social.Share_on_facebook') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://twitter.com/share?url={{ $shareUrl }}&text={{ $vcard->name }}&hashtags=sharebuttons" target="_blank" class="text-decoration-none share" title="Twitter"> <div class="row"> <div class="col-2"> <span><svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --> <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /> </svg></span> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_twitter') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://www.linkedin.com/shareArticle?mini=true&url={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Linkedin"> <div class="row"> <div class="col-2"> <i class="fab fa-linkedin fa-2x" style="color: #1B95E0"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_linkedin') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="mailto:?Subject=&Body={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Email"> <div class="row"> <div class="col-2"> <i class="fas fa-envelope fa-2x" style="color: #191a19 "></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_email') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://pinterest.com/pin/create/link/?url={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Pinterest"> <div class="row"> <div class="col-2"> <i class="fab fa-pinterest fa-2x" style="color: #bd081c"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_pinterest') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="http://reddit.com/submit?url={{ $shareUrl }}&title={{ $vcard->name }}" target="_blank" class="text-decoration-none share" title="Reddit"> <div class="row"> <div class="col-2"> <i class="fab fa-reddit fa-2x" style="color: #ff4500"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_reddit') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://wa.me/?text={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Whatsapp"> <div class="row"> <div class="col-2"> <i class="fab fa-whatsapp fa-2x" style="color: limegreen"></i> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_whatsapp') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://www.snapchat.com/scan?attachmentUrl={{ $shareUrl }}" target="_blank" class="text-decoration-none share" title="Snapchat"> <div class="row"> <div class="col-2"> <svg width="30px" height="30px" viewBox="147.353 39.286 514.631 514.631" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"> </g> <g id="SVGRepo_iconCarrier"> <path style="fill:#FFFC00;" d="M147.553,423.021v0.023c0.308,11.424,0.403,22.914,2.33,34.268 c2.042,12.012,4.961,23.725,10.53,34.627c7.529,14.756,17.869,27.217,30.921,37.396c9.371,7.309,19.608,13.111,30.94,16.771 c16.524,5.33,33.571,7.373,50.867,7.473c10.791,0.068,21.575,0.338,32.37,0.293c78.395-0.33,156.792,0.566,235.189-0.484 c10.403-0.141,20.636-1.41,30.846-3.277c19.569-3.582,36.864-11.932,51.661-25.133c17.245-15.381,28.88-34.205,34.132-56.924 c3.437-14.85,4.297-29.916,4.444-45.035v-3.016c0-1.17-0.445-256.892-0.486-260.272c-0.115-9.285-0.799-18.5-2.54-27.636 c-2.117-11.133-5.108-21.981-10.439-32.053c-5.629-10.641-12.68-20.209-21.401-28.57c-13.359-12.81-28.775-21.869-46.722-26.661 c-16.21-4.327-32.747-5.285-49.405-5.27c-0.027-0.004-0.09-0.173-0.094-0.255H278.56c-0.005,0.086-0.008,0.172-0.014,0.255 c-9.454,0.173-18.922,0.102-28.328,1.268c-10.304,1.281-20.509,3.21-30.262,6.812c-15.362,5.682-28.709,14.532-40.11,26.347 c-12.917,13.386-22.022,28.867-26.853,46.894c-4.31,16.084-5.248,32.488-5.271,49.008"> </path> <path style="fill:#FFFFFF;" d="M407.001,473.488c-1.068,0-2.087-0.039-2.862-0.076c-0.615,0.053-1.25,0.076-1.886,0.076 c-22.437,0-37.439-10.607-50.678-19.973c-9.489-6.703-18.438-13.031-28.922-14.775c-5.149-0.854-10.271-1.287-15.22-1.287 c-8.917,0-15.964,1.383-21.109,2.389c-3.166,0.617-5.896,1.148-8.006,1.148c-2.21,0-4.895-0.49-6.014-4.311 c-0.887-3.014-1.523-5.934-2.137-8.746c-1.536-7.027-2.65-11.316-5.281-11.723c-28.141-4.342-44.768-10.738-48.08-18.484 c-0.347-0.814-0.541-1.633-0.584-2.443c-0.129-2.309,1.501-4.334,3.777-4.711c22.348-3.68,42.219-15.492,59.064-35.119 c13.049-15.195,19.457-29.713,20.145-31.316c0.03-0.072,0.065-0.148,0.101-0.217c3.247-6.588,3.893-12.281,1.926-16.916 c-3.626-8.551-15.635-12.361-23.58-14.882c-1.976-0.625-3.845-1.217-5.334-1.808c-7.043-2.782-18.626-8.66-17.083-16.773 c1.124-5.916,8.949-10.036,15.273-10.036c1.756,0,3.312,0.308,4.622,0.923c7.146,3.348,13.575,5.045,19.104,5.045 c6.876,0,10.197-2.618,11-3.362c-0.198-3.668-0.44-7.546-0.674-11.214c0-0.004-0.005-0.048-0.005-0.048 c-1.614-25.675-3.627-57.627,4.546-75.95c24.462-54.847,76.339-59.112,91.651-59.112c0.408,0,6.674-0.062,6.674-0.062 c0.283-0.005,0.59-0.009,0.908-0.009c15.354,0,67.339,4.27,91.816,59.15c8.173,18.335,6.158,50.314,4.539,76.016l-0.076,1.23 c-0.222,3.49-0.427,6.793-0.6,9.995c0.756,0.696,3.795,3.096,9.978,3.339c5.271-0.202,11.328-1.891,17.998-5.014 c2.062-0.968,4.345-1.169,5.895-1.169c2.343,0,4.727,0.456,6.714,1.285l0.106,0.041c5.66,2.009,9.367,6.024,9.447,10.242 c0.071,3.932-2.851,9.809-17.223,15.485c-1.472,0.583-3.35,1.179-5.334,1.808c-7.952,2.524-19.951,6.332-23.577,14.878 c-1.97,4.635-1.322,10.326,1.926,16.912c0.036,0.072,0.067,0.145,0.102,0.221c1,2.344,25.205,57.535,79.209,66.432 c2.275,0.379,3.908,2.406,3.778,4.711c-0.048,0.828-0.248,1.656-0.598,2.465c-3.289,7.703-19.915,14.09-48.064,18.438 c-2.642,0.408-3.755,4.678-5.277,11.668c-0.63,2.887-1.271,5.717-2.146,8.691c-0.819,2.797-2.641,4.164-5.567,4.164h-0.441 c-1.905,0-4.604-0.346-8.008-1.012c-5.95-1.158-12.623-2.236-21.109-2.236c-4.948,0-10.069,0.434-15.224,1.287 c-10.473,1.744-19.421,8.062-28.893,14.758C444.443,462.88,429.436,473.488,407.001,473.488"> </path> <path style="fill:#020202;" d="M408.336,124.235c14.455,0,64.231,3.883,87.688,56.472c7.724,17.317,5.744,48.686,4.156,73.885 c-0.248,3.999-0.494,7.875-0.694,11.576l-0.084,1.591l1.062,1.185c0.429,0.476,4.444,4.672,13.374,5.017l0.144,0.008l0.15-0.003 c5.904-0.225,12.554-2.059,19.776-5.442c1.064-0.498,2.48-0.741,3.978-0.741c1.707,0,3.521,0.321,5.017,0.951l0.226,0.09 c3.787,1.327,6.464,3.829,6.505,6.093c0.022,1.28-0.935,5.891-14.359,11.194c-1.312,0.518-3.039,1.069-5.041,1.7 c-8.736,2.774-21.934,6.96-26.376,17.427c-2.501,5.896-1.816,12.854,2.034,20.678c1.584,3.697,26.52,59.865,82.631,69.111 c-0.011,0.266-0.079,0.557-0.229,0.9c-0.951,2.24-6.996,9.979-44.612,15.783c-5.886,0.902-7.328,7.5-9,15.17 c-0.604,2.746-1.218,5.518-2.062,8.381c-0.258,0.865-0.306,0.914-1.233,0.914c-0.128,0-0.278,0-0.442,0 c-1.668,0-4.2-0.346-7.135-0.922c-5.345-1.041-12.647-2.318-21.982-2.318c-5.21,0-10.577,0.453-15.962,1.352 c-11.511,1.914-20.872,8.535-30.786,15.543c-13.314,9.408-27.075,19.143-48.071,19.143c-0.917,0-1.812-0.031-2.709-0.076 l-0.236-0.01l-0.237,0.018c-0.515,0.045-1.034,0.068-1.564,0.068c-20.993,0-34.76-9.732-48.068-19.143 c-9.916-7.008-19.282-13.629-30.791-15.543c-5.38-0.896-10.752-1.352-15.959-1.352c-9.333,0-16.644,1.428-21.978,2.471 c-2.935,0.574-5.476,1.066-7.139,1.066c-1.362,0-1.388-0.08-1.676-1.064c-0.844-2.865-1.461-5.703-2.062-8.445 c-1.676-7.678-3.119-14.312-9.002-15.215c-37.613-5.809-43.659-13.561-44.613-15.795c-0.149-0.352-0.216-0.652-0.231-0.918 c56.11-9.238,81.041-65.408,82.63-69.119c3.857-7.818,4.541-14.775,2.032-20.678c-4.442-10.461-17.638-14.653-26.368-17.422 c-2.007-0.635-3.735-1.187-5.048-1.705c-11.336-4.479-14.823-8.991-14.305-11.725c0.601-3.153,6.067-6.359,10.837-6.359 c1.072,0,2.012,0.173,2.707,0.498c7.747,3.631,14.819,5.472,21.022,5.472c9.751,0,14.091-4.537,14.557-5.055l1.057-1.182 l-0.085-1.583c-0.197-3.699-0.44-7.574-0.696-11.565c-1.583-25.205-3.563-56.553,4.158-73.871 c23.37-52.396,72.903-56.435,87.525-56.435c0.36,0,6.717-0.065,6.717-0.065C407.744,124.239,408.033,124.235,408.336,124.235 M408.336,115.197h-0.017c-0.333,0-0.646,0-0.944,0.004c-2.376,0.024-6.282,0.062-6.633,0.066c-8.566,0-25.705,1.21-44.115,9.336 c-10.526,4.643-19.994,10.921-28.14,18.66c-9.712,9.221-17.624,20.59-23.512,33.796c-8.623,19.336-6.576,51.905-4.932,78.078 l0.006,0.041c0.176,2.803,0.361,5.73,0.53,8.582c-1.265,0.581-3.316,1.194-6.339,1.194c-4.864,0-10.648-1.555-17.187-4.619 c-1.924-0.896-4.12-1.349-6.543-1.349c-3.893,0-7.997,1.146-11.557,3.239c-4.479,2.63-7.373,6.347-8.159,10.468 c-0.518,2.726-0.493,8.114,5.492,13.578c3.292,3.008,8.128,5.782,14.37,8.249c1.638,0.645,3.582,1.261,5.641,1.914 c7.145,2.271,17.959,5.702,20.779,12.339c1.429,3.365,0.814,7.793-1.823,13.145c-0.069,0.146-0.138,0.289-0.201,0.439 c-0.659,1.539-6.807,15.465-19.418,30.152c-7.166,8.352-15.059,15.332-23.447,20.752c-10.238,6.617-21.316,10.943-32.923,12.855 c-4.558,0.748-7.813,4.809-7.559,9.424c0.078,1.33,0.39,2.656,0.931,3.939c0.004,0.008,0.009,0.016,0.013,0.023 c1.843,4.311,6.116,7.973,13.063,11.203c8.489,3.943,21.185,7.26,37.732,9.855c0.836,1.59,1.704,5.586,2.305,8.322 c0.629,2.908,1.285,5.898,2.22,9.074c1.009,3.441,3.626,7.553,10.349,7.553c2.548,0,5.478-0.574,8.871-1.232 c4.969-0.975,11.764-2.305,20.245-2.305c4.702,0,9.575,0.414,14.48,1.229c9.455,1.574,17.606,7.332,27.037,14 c13.804,9.758,29.429,20.803,53.302,20.803c0.651,0,1.304-0.021,1.949-0.066c0.789,0.037,1.767,0.066,2.799,0.066 c23.88,0,39.501-11.049,53.29-20.799l0.022-0.02c9.433-6.66,17.575-12.41,27.027-13.984c4.903-0.814,9.775-1.229,14.479-1.229 c8.102,0,14.517,1.033,20.245,2.15c3.738,0.736,6.643,1.09,8.872,1.09l0.218,0.004h0.226c4.917,0,8.53-2.699,9.909-7.422 c0.916-3.109,1.57-6.029,2.215-8.986c0.562-2.564,1.46-6.674,2.296-8.281c16.558-2.6,29.249-5.91,37.739-9.852 c6.931-3.215,11.199-6.873,13.053-11.166c0.556-1.287,0.881-2.621,0.954-3.979c0.261-4.607-2.999-8.676-7.56-9.424 c-51.585-8.502-74.824-61.506-75.785-63.758c-0.062-0.148-0.132-0.295-0.205-0.438c-2.637-5.354-3.246-9.777-1.816-13.148 c2.814-6.631,13.621-10.062,20.771-12.332c2.07-0.652,4.021-1.272,5.646-1.914c7.039-2.78,12.07-5.796,15.389-9.221 c3.964-4.083,4.736-7.995,4.688-10.555c-0.121-6.194-4.856-11.698-12.388-14.393c-2.544-1.052-5.445-1.607-8.399-1.607 c-2.011,0-4.989,0.276-7.808,1.592c-6.035,2.824-11.441,4.368-16.082,4.588c-2.468-0.125-4.199-0.66-5.32-1.171 c0.141-2.416,0.297-4.898,0.458-7.486l0.067-1.108c1.653-26.19,3.707-58.784-4.92-78.134c-5.913-13.253-13.853-24.651-23.604-33.892 c-8.178-7.744-17.678-14.021-28.242-18.661C434.052,116.402,416.914,115.197,408.336,115.197"> </path> <rect x="147.553" y="39.443" style="fill:none;" width="514.231" height="514.23"></rect> </g> </svg> </div> <div class="col-9 p-1"> <p class="align-items-center text-dark"> {{ __('messages.social.Share_on_snapchat') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <div class="col-12 justify-content-between social-link-modal"> <div class="input-group"> <input type="text" class="form-control" placeholder="{{ request()->fullUrl() }}" disabled> <span id="vcardUrlCopy{{ $vcard->id }}" class="d-none" target="_blank"> {{$vcardUrl }} </span> <button class="copy-vcard-clipboard btn btn-dark" title="Copy Link" data-id="{{ $vcard->id }}"> <i class="fa-regular fa-copy fa-2x"></i> </button> </div> </div> <div class="text-center"> </div> </div> </div> </div> </div> </body> @include('vcardTemplates.template.templates') <script src="https://js.stripe.com/v3/"></script> <script src="https://checkout.razorpay.com/v1/checkout.js"></script> <script src="../../assets/js/vcard11/jquery.min.js"></script> <script type="text/javascript" src="{{ asset('assets/js/front-third-party.js') }}"></script> <script type="text/javascript" src="{{ asset('front/js/bootstrap.bundle.min.js') }}"></script> <script src="{{ asset('assets/js/slider/js/slick.min.js') }}" type="text/javascript"></script> <script> const textArray = [ "{{ ucwords($vcard->company) }}", "{{ ucwords($vcard->company) }}" ]; let typeJsText = document.querySelector(".animatedText"); let stringIndex = 0; let charIndex = 0; let isTyping = true; function typeJs() { if (stringIndex < textArray.length) { const currentString = textArray[stringIndex]; if (isTyping) { if (charIndex < currentString.length) { typeJsText.innerHTML += currentString.charAt(charIndex); charIndex++; } else { isTyping = false; } } else { if (charIndex > 0) { typeJsText.innerHTML = currentString.substring(0, charIndex - 1); charIndex--; } else { isTyping = true; stringIndex++; if (stringIndex >= textArray.length) { stringIndex = 0; } charIndex = 0; typeJsText.innerHTML = ""; } } } } setInterval(typeJs, 100); </script> @if (checkFeature('seo') && $vcard->google_analytics) {!! $vcard->google_analytics !!} @endif @if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js) {!! $vcard->custom_js !!} @endif @php $setting = \App\Models\UserSetting::where('user_id', $vcard->tenant->user->id) ->where('key', 'stripe_key') ->first(); @endphp <script> let stripe = '' @if (!empty($setting) && !empty($setting->value)) stripe = Stripe('{{ $setting->value }}'); @endif $().ready(function() { $(".product-slider").slick({ dots: false, infinite: true, speed: 300, centerMode: true, centerPadding: '175px', slidesToShow: 1, autoplay: false, slidesToScroll: 1, arrows: false, adaptiveHeight: true, responsive: [{ breakpoint: 768, settings: { centerPadding: '120px', }, }, { breakpoint:576, settings: { centerMode: false, }, }, ], }); $(".blog-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, slidesToScroll: 1, /* autoplay: true, */ prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', responsive: [{ breakpoint: 575, settings: { dots: true, arrows: false, }, }, ], }); $(".iframe-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, slidesToScroll: 1, autoplay: false, prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', responsive: [{ breakpoint: 575, settings: { dots: true, arrows: false, }, }, ], }); $(".gallery-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-chevron-left"></i></button>', nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-chevron-right"></i></button>', responsive: [{ breakpoint: 575, settings: { dots: true, arrows: false, }, }, ], }); }); </script> <script> /* var rev = $(".testimonial-slider"); rev .on("init", function(event, slick, currentSlide) { var cur = $(slick.$slides[slick.currentSlide]), next = cur.next(), prev = cur.prev(); prev.addClass("slick-sprev"); next.addClass("slick-snext"); cur.removeClass("slick-snext").removeClass("slick-sprev"); slick.$prev = prev; slick.$next = next; }) .on("beforeChange", function(event, slick, currentSlide, nextSlide) { var cur = $(slick.$slides[nextSlide]); slick.$prev.removeClass("slick-sprev"); slick.$next.removeClass("slick-snext"); (next = cur.next()), (prev = cur.prev()); prev.prev(); prev.next(); prev.addClass("slick-sprev"); next.addClass("slick-snext"); slick.$prev = prev; slick.$next = next; cur.removeClass("slick-next").removeClass("slick-sprev"); }); */ $(".testimonial-slider").slick({ speed: 1000, arrows: false, dots: true, infinite: true, centerMode: true, slidesPerRow: 1, slidesToShow: 1, slidesToScroll: 1, centerPadding: "0", }); @if ($vcard->services_slider_view) $('.services-slider-view').slick({ dots: false, infinite: true, speed: 300, centerMode: true, centerPadding: '175px', slidesToShow: 1, autoplay: false, slidesToScroll: 1, arrows: false, adaptiveHeight: true, responsive: [{ breakpoint: 768, settings: { centerPadding: '120px', }, }, { breakpoint:576, settings: { centerMode: false, }, }, ], }); @endif </script> <script> let isEdit = false let password = "{{ isset(checkFeature('advanced')->password) && !empty($vcard->password) }}" let passwordUrl = "{{ route('vcard.password', $vcard->id) }}"; let enquiryUrl = "{{ route('enquiry.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias]) }}"; let appointmentUrl = "{{ route('appointment.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias]) }}"; let slotUrl = "{{ route('appointment-session-time', $vcard->url_alias) }}"; let appUrl = "{{ config('app.url') }}"; let vcardId = {{ $vcard->id }}; let vcardAlias = "{{ $vcard->url_alias }}"; let languageChange = "{{ url('language') }}"; let paypalUrl = "{{ route('paypal.init') }}" let lang = "{{ checkLanguageSession($vcard->url_alias) }}"; let userDateFormate = "{{ getSuperAdminSettingValue('datetime_method') ?? 1 }}"; let userlanguage = "{{ getLanguage($vcard->default_language) }}" </script> <script> const qrCodeSeventeen = document.getElementById("qr-code-seventeen"); const svg = qrCodeSeventeen.querySelector("svg"); const blob = new Blob([svg.outerHTML], { type: 'image/svg+xml' }); const url = URL.createObjectURL(blob); const image = document.createElement('img'); image.src = url; image.addEventListener('load', () => { const canvas = document.createElement('canvas'); canvas.width = canvas.height = {{ $vcard->qr_code_download_size }}; const context = canvas.getContext('2d'); context.drawImage(image, 0, 0, canvas.width, canvas.height); const link = document.getElementById('qr-code-btn'); link.href = canvas.toDataURL(); URL.revokeObjectURL(url); }); </script> @routes <script src="{{ asset('messages.js?$mixID') }}"></script> <script src="{{ mix('assets/js/custom/helpers.js') }}"></script> <script src="{{ mix('assets/js/custom/custom.js') }}"></script> <script src="{{ mix('assets/js/vcards/vcard-view.js') }}"></script> <script src="{{ mix('assets/js/lightbox.js') }}"></script> <script src="{{ asset('/sw.js') }}"></script> <script> if ("serviceWorker" in navigator) { // Register a service worker hosted at the root of the // site using the default scope. navigator.serviceWorker.register("/sw.js").then( (registration) => { console.log("Service worker registration succeeded:", registration); }, (error) => { console.error(`Service worker registration failed: ${error}`); }, ); } else { console.error("Service workers are not supported."); } </script> <script> let deferredPrompt = null; window.addEventListener("beforeinstallprompt", (event) => { /* event.preventDefault(); */ deferredPrompt = event; document.getElementById("installPwaBtn").style.display = "block"; }); document.getElementById("installPwaBtn").addEventListener("click", async () => { if (deferredPrompt) { deferredPrompt.prompt(); await deferredPrompt.userChoice; deferredPrompt = null; } }); </script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" defer></script> </html>
SAVE
CANCEL