PATH:
home
/
rwabteecom
/
public_html
/
resources
/
views
/
vcardTemplates
/
Editing: vcard24.blade.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <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="{{ 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') }}"> <link rel="stylesheet" href="{{ mix('assets/css/vcard24.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="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"> <div> <h1 class="text-start pwa-heading">{{ __('messages.pwa.add_to_home_screen') }}</h1> <p class="text-start pwa-text text-dark">{{ __('messages.pwa.pwa_description') }} </p> <div class="text-end d-flex"> <button id="installPwaBtn" class="pwa-install-button w-50 mb-1 btn">{{ __('messages.pwa.install') }} </button> <button class= "pwa-cancel-button w-50 ms-2 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"></i></button> <div class=""> <h1 class="text-center support_heading">{{ $banners->title }}</h1> <p class="text-center text-dark support_text">{{ $banners->description }} </p> <div class="text-center mt-3"> <a href="{{ $banners->url }}" class="act-now" 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-cover 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-24"> <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 me-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" loading="lazy" /> @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"> <div class="pb-50 position-relative"> <div class="profile-bg-img text-end"> <img src="{{ asset('assets/img/vcard24/profile-bg.png') }}" class="w-100" loading="lazy" /> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#d8f3f1" stroke="#1cbbb4" stroke-width="2" /> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#1cbbb4" /> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#1cbbb4" /> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#1cbbb4" /> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#1cbbb4" /> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#1cbbb4" /> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#1cbbb4" /> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#1cbbb4" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)" /> </clipPath> </defs> </svg> </div> <div class="card pb-4 pt-30 px-30 w-100 d-flex flex-sm-row flex-column gap-sm-4 gap-3 align-items-center bg-cyan" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="card-img"> <img src="{{ $vcard->profile_url }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="card-body p-0 text-sm-start text-center"> <div class="profile-name"> <h4 class="text-primary mb-0 fs-28 fw-6"> {{ 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 company-name text-decoration-underline fw-5 mb-0"> {{ ucwords($vcard->company) }} </p> <p class="fs-14 text-gray-200 fw-5 mb-0">{{ ucwords($vcard->occupation) }}</p> <p class="fs-14 text-gray-200 fw-5 mb-0">{{ ucwords($vcard->job_title) }}</p> </div> </div> </div> </div> <div class="fs-14 text-primary text-center pt-40 px-30 position-relative"> {!! $vcard->description !!} </div> {{-- social icons --}} @if (checkFeature('social_links') && getSocialLink($vcard)) <div class="social-media-section pt-40 px-30 position-relative"> <div class="position-absolute vector-all bg-vector-1"> <img src="{{ asset('assets/img/vcard24/bg-vector-1.png') }}" loading="lazy" class="w-100" /> </div> <div class="d-flex flex-wrap justify-content-center gap-3"> @foreach (getSocialLink($vcard) as $value) <span class="social-icon justify-content-center align-items-center"> {!! $value !!} </span> @endforeach </div> </div> @endif </div> {{-- custom link section --}} @if (checkFeature('custom-links') && $customLink->isNotEmpty()) <div class="custom-link-section pt-40 px-30"> <div class="custom-link d-flex flex-wrap justify-content-center w-100 gap-3"> @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="d-flex justify-content-center align-items-center text-decoration-none link-text font-primary btn"> {{ $value->link_name }} </a> @else <a href="{{ $value->link }}" @if ($value->open_new_tab == 1) target="_blank" @endif class="d-flex justify-content-center align-items-center text-decoration-none link-text text-black"> {{ $value->link_name }} </a> @endif @endforeach </div> </div> @endif {{-- End custom link section --}} {{-- contact --}} @php $hasContactData = $vcard->email || $vcard->alternative_email || $vcard->phone || $vcard->alternative_phone || $vcard->dob || $vcard->location; @endphp @if (((isset($managesection) && $managesection['contact_list']) || empty($managesection)) && $hasContactData) <div class="pt-40 position-relative"> <div class="position-absolute vector-all bg-vector-2 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-2.png') }}" loading="lazy" class="w-100" /> </div> <div class="contact-section pt-50 pb-50 position-relative"> <div class="section-bg-top position-absolute top-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M672.231 58.8728L672.231 33.0015C668.957 29.3952 663.77 26.8516 658.613 26.8282C650.341 26.7907 643.343 32.4947 641.296 40.2878L640.894 41.8143L639.685 40.799C636.62 38.2267 632.7 36.6745 628.423 36.6551C627.587 36.6513 626.765 36.707 625.959 36.8167L625.014 36.9453L624.84 36.0079C623.289 27.6134 616.068 21.267 607.392 21.2274C597.555 21.1827 589.514 29.2624 589.469 39.3102C589.467 39.6288 589.475 39.9503 589.489 40.2722L589.57 42.2121L587.944 41.1519C585.194 39.3597 581.931 38.317 578.423 38.3011C573.551 38.2789 569.127 40.2454 565.89 43.4581L565.22 44.124L564.518 43.4919C561.392 40.681 557.291 38.9698 552.797 38.9493C548.309 38.9289 543.82 40.7594 540.622 43.7632L539.851 44.4882L539.171 43.6766C536.199 40.1291 531.917 37.7659 527.087 37.3579L526.2 37.2826L526.172 36.3928C525.868 26.6556 518.04 18.8626 508.424 18.8189C500.778 18.7842 494.221 23.6532 491.654 30.5475L491.37 31.3099L490.567 31.1871C489.736 31.0609 488.885 30.9939 488.021 30.99C482.593 30.9655 477.719 33.4114 474.427 37.2985L473.777 38.065L473.013 37.4122C469.934 34.7806 465.971 33.1906 461.639 33.1691L460.313 33.1621L460.684 31.8893C461.153 30.2791 461.409 28.5709 461.417 26.8018C461.462 16.754 453.496 8.60161 443.659 8.55687C434.631 8.51586 427.116 15.3192 425.908 24.2088L425.717 25.6142L424.457 24.962C422.056 23.7196 419.341 23.011 416.463 22.998C407.575 22.9577 400.155 29.5497 398.771 38.2351L398.589 39.3798L397.483 39.032C395.837 38.5138 394.091 38.2285 392.277 38.2203C391.15 38.2152 390.047 38.3182 388.977 38.5159L388.026 38.6922L387.818 37.7469C386.044 29.6455 378.961 23.5933 370.489 23.5548C365.24 23.5311 360.509 25.8175 357.224 29.4829L356.398 30.404L355.67 29.4045C354.341 27.5787 352.719 25.9844 350.876 24.6972L350.374 24.3472L350.459 23.7402C350.469 23.6651 350.462 23.4394 350.393 23.0192C350.329 22.6312 350.231 22.1766 350.122 21.6947C350.016 21.2247 349.899 20.7222 349.811 20.2821C349.74 19.9275 349.676 19.5457 349.658 19.217C347.185 10.8291 340.003 5.48371 331.592 5.44533C322.927 5.40598 315.089 9.17168 311.775 13.4257L311.384 13.9269L310.764 13.7864C309.385 13.4738 307.951 13.3048 306.477 13.2981C299.592 13.2669 293.494 16.7642 289.843 22.1368L289.278 22.9682L288.449 22.398C285.627 20.4585 282.228 19.32 278.567 19.3033C270.54 19.2668 263.708 24.6415 261.442 32.0831L261.125 33.1256L260.113 32.7196C258.109 31.9139 255.927 31.4652 253.642 31.4549C253.409 31.4538 253.174 31.458 252.937 31.4663L252.151 31.494L251.94 30.7372C249.815 23.1546 242.976 17.6076 234.865 17.5706C230.935 17.5528 227.295 18.8309 224.334 21.0111L223.278 21.7895L222.808 20.5637C220.22 13.8179 213.79 9.04124 206.266 9.00704C198.283 8.97079 191.485 14.2838 189.179 21.662L188.907 22.5348L188.012 22.3413C186.832 22.0852 185.607 21.9456 184.351 21.9399C180.54 21.9226 177.007 23.1224 174.098 25.1814L173.312 25.7374L172.727 24.974C169.474 20.7399 164.425 18.0154 158.745 17.9896C153.67 17.9665 149.076 20.1041 145.808 23.5607L144.27 25.1876L144.085 22.9562C143.316 13.6732 135.69 6.38682 126.392 6.34445C117.089 6.3022 109.691 13.2466 108.603 22.2795L108.46 23.4702L107.314 23.1154C105.699 22.6144 103.982 22.3405 102.203 22.3324C92.3659 22.2877 84.3252 30.3674 84.2796 40.4153C84.2781 40.7358 84.2848 41.0543 84.2997 41.3665L84.3969 43.3982L82.7284 42.2334C79.8818 40.2469 76.4441 39.0789 72.7339 39.062C69.6276 39.048 66.7037 39.8442 64.1535 41.2536L62.7212 42.0449L62.67 40.4099C62.3662 30.6747 54.5385 22.8816 44.9225 22.8379C36.1039 22.7979 28.7308 29.2878 27.2652 37.8741L27.0535 39.1114L25.8945 38.6296C23.84 37.7738 21.5919 37.2966 19.2336 37.2858C13.0024 37.2575 7.49685 40.4871 4.28047 45.4172L3.34131 46.8554L2.55428 45.3303C1.47063 43.2317 -0.0877372 41.39 -1.91414 39.8734L-1.91344 55.8453L672.231 58.8728Z" fill="#fefcee" stroke="#f8ce0e" stroke-width="2" /> <path d="M26.4999 29C30.8208 21.9601 36.74 18.5 45.0002 18.5C52.5 18.5 58.9413 21.615 62.9995 29" stroke="#f8ce0e" /> <path d="M108 12.1328C112.321 5.09294 118.24 1.63281 126.5 1.6328C134 1.63279 140.441 4.74782 144.5 12.1329" stroke="#f8ce0e" /> <path d="M188 15.1328C192.321 8.09294 198.24 4.63281 206.5 4.6328C214 4.63279 220.441 7.74782 224.5 15.1329" stroke="#f8ce0e" /> <path d="M426 12.5C431.115 6.01377 437.354 4.0983 445.601 4.55888C453.5 5 460.833 10.691 463.999 18.5" stroke="#f8ce0e" /> <path d="M316.5 5.00002C323.5 1 331.534 0.314687 339.5 2.49994C345.5 4.14593 351.539 10.3045 353.499 18.5" stroke="#f8ce0e" /> <path d="M490 25.1328C494.321 18.0929 500.24 14.6328 508.5 14.6328C516 14.6328 522.441 17.7478 526.5 25.1329" stroke="#f8ce0e" /> <path d="M587.538 28.1277C591.06 21.2418 596.563 17.4913 604.772 16.6946C612.226 15.9713 618.97 18.2125 623.814 24.6073" stroke="#f8ce0e" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" /> </clipPath> </defs> </svg> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#fefcee" stroke="#f8ce0e" stroke-width="2" /> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#f8ce0e" /> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#f8ce0e" /> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#f8ce0e" /> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#f8ce0e" /> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#f8ce0e" /> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#f8ce0e" /> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#f8ce0e" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)" /> </clipPath> </defs> </svg> </div> <div class="px-30 pt-30 pb-30 bg-yellow position-relative"> <div class="position-absolute vector-all bg-vector-3"> <img src="{{ asset('assets/img/vcard24/bg-vector-3.png') }}" loading="lazy" class="w-100" /> </div> <div class="position-absolute vector-all bg-vector-21 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-21.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading yellow text-center"> <h2 class="mb-0">{{ __('messages.contact_us.contact') }}</h2> </div> @if (getLanguage($vcard->default_language) != 'Arabic') <div class="row"> @if ($vcard->email) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/email.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->email }}" class="text-black fw-5 fs-14">{{ $vcard->email }}</a> </div> </div> </div> @endif @if ($vcard->alternative_email) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/email.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->alternative_email }}" class="text-black fw-5 fs-14">{{ $vcard->alternative_email }}</a> </div> </div> </div> @endif @if ($vcard->phone) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/phone.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}" class="text-black fw-5 fs-14" dir="ltr">+{{ $vcard->region_code }}{{ $vcard->phone }}</a> </div> </div> </div> @endif @if ($vcard->alternative_phone) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/phone.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}" class="text-black fw-5 fs-14" dir="ltr">+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}</a> </div> </div> </div> @endif @if ($vcard->dob) <div class="col-sm-6 mb-sm-0 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/dob.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <p class="mb-0 text-black fw-5 fs-14">{{ $vcard->dob }}</p> </div> </div> </div> @endif @if ($vcard->location) <div class="col-sm-6"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/location.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <p class="mb-0 text-black fw-5 fs-14">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif </div> @endif @if (getLanguage($vcard->default_language) == 'Arabic') <div class="row" dir="rtl"> @if ($vcard->email) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/email.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->email }}" class="text-black fw-5 fs-14">{{ $vcard->email }}</a> </div> </div> </div> @endif @if ($vcard->alternative_email) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/email.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="mailto:{{ $vcard->alternative_email }}" class="text-black fw-5 fs-14">{{ $vcard->alternative_email }}</a> </div> </div> </div> @endif @if ($vcard->phone) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/phone.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->region_code }}{{ $vcard->phone }}" class="text-black fw-5 fs-14" dir="ltr">+{{ $vcard->region_code }}{{ $vcard->phone }}</a> </div> </div> </div> @endif @if ($vcard->alternative_phone) <div class="col-sm-6 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/phone.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <a href="tel:+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}" class="text-black fw-5 fs-14" dir="ltr">+{{ $vcard->alternative_region_code }}{{ $vcard->alternative_phone }}</a> </div> </div> </div> @endif @if ($vcard->dob) <div class="col-sm-6 mb-sm-0 mb-20"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/dob.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <p class="mb-0 text-black fw-5 fs-14">{{ $vcard->dob }}</p> </div> </div> </div> @endif @if ($vcard->location) <div class="col-sm-6"> <div class="contact-box d-flex align-items-center gap-2"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="{{ asset('assets/img/vcard24/location.svg') }}" loading="lazy" /> </div> <div class="contact-desc"> <p class="mb-0 text-black fw-5 fs-14">{!! ucwords($vcard->location) !!}</p> </div> </div> </div> @endif </div> @endif </div> </div> </div> @endif {{-- service --}} @if ((isset($managesection) && $managesection['services']) || empty($managesection)) @if (checkFeature('services') && $vcard->services->count()) <div class="our-services-section pt-40 px-30 position-relative"> <div class="position-absolute vector-all bg-vector-4"> <img src="{{ asset('assets/img/vcard24/bg-vector-4.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="mb-0">{{ __('messages.vcard.our_service') }}</h2> </div> <div class="services"> @if ($vcard->services_slider_view) <div class="row services-slider-view"> @foreach ($vcard->services as $service) <div> <div class="service-card h-100 text-start"> <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' : '' }}"> <div class="card-img mx-auto d-flex justify-content-center align-items-center"> <img src="{{ $service->service_icon }}" class="service-new-image object-fit-cover" alt="{{ $service->name }}" loading="lazy"> </div> </a> <div class="card-body"> <h5 class="card-title title-text text-primary text-center"> {{ ucwords($service->name) }}</h5> <p class="card-text text-gray-200 description-text text-center {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!}</p> </div> </div> </div> @endforeach </div> @else <div class="row row-gap-20px"> @foreach ($vcard->services as $service) <div class="col-sm-6"> <div class="service-card text-start h-100"> <div class="card-img learning-img mx-auto d-flex"> <img src="{{ $service->service_icon }}" loading="lazy" class="w-100 object-fit-cover" /> </div> <div class="card-body text-center"> <h3 class="card-title fs-18 fw-5 text-primary text-center mb-10"> {{ ucwords($service->name) }} </h3> <p class="mb-0 fs-14 text-gray-200 description-text text-center {{ \Illuminate\Support\Str::length($service->description) > 170 ? 'more' : '' }}"> {!! \Illuminate\Support\Str::limit($service->description, 170, '...') !!} </p> </div> </div> </div> @endforeach </div> @endif </div> </div> @endif @endif {{-- make appointment --}} @if ((isset($managesection) && $managesection['appointments']) || empty($managesection)) @if (checkFeature('appointments') && $vcard->appointmentHours->count()) <div class="pt-40"> <div class="position-relative pt-50 pb-50"> <div class="section-bg-top position-absolute top-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M672.231 58.8728L672.231 33.0015C668.957 29.3952 663.77 26.8516 658.613 26.8282C650.341 26.7907 643.343 32.4947 641.296 40.2878L640.894 41.8143L639.685 40.799C636.62 38.2267 632.7 36.6745 628.423 36.6551C627.587 36.6513 626.765 36.707 625.959 36.8167L625.014 36.9453L624.84 36.0079C623.289 27.6134 616.068 21.267 607.392 21.2274C597.555 21.1827 589.514 29.2624 589.469 39.3102C589.467 39.6288 589.475 39.9503 589.489 40.2722L589.57 42.2121L587.944 41.1519C585.194 39.3597 581.931 38.317 578.423 38.3011C573.551 38.2789 569.127 40.2454 565.89 43.4581L565.22 44.124L564.518 43.4919C561.392 40.681 557.291 38.9698 552.797 38.9493C548.309 38.9289 543.82 40.7594 540.622 43.7632L539.851 44.4882L539.171 43.6766C536.199 40.1291 531.917 37.7659 527.087 37.3579L526.2 37.2826L526.172 36.3928C525.868 26.6556 518.04 18.8626 508.424 18.8189C500.778 18.7842 494.221 23.6532 491.654 30.5475L491.37 31.3099L490.567 31.1871C489.736 31.0609 488.885 30.9939 488.021 30.99C482.593 30.9655 477.719 33.4114 474.427 37.2985L473.777 38.065L473.013 37.4122C469.934 34.7806 465.971 33.1906 461.639 33.1691L460.313 33.1621L460.684 31.8893C461.153 30.2791 461.409 28.5709 461.417 26.8018C461.462 16.754 453.496 8.60161 443.659 8.55687C434.631 8.51586 427.116 15.3192 425.908 24.2088L425.717 25.6142L424.457 24.962C422.056 23.7196 419.341 23.011 416.463 22.998C407.575 22.9577 400.155 29.5497 398.771 38.2351L398.589 39.3798L397.483 39.032C395.837 38.5138 394.091 38.2285 392.277 38.2203C391.15 38.2152 390.047 38.3182 388.977 38.5159L388.026 38.6922L387.818 37.7469C386.044 29.6455 378.961 23.5933 370.489 23.5548C365.24 23.5311 360.509 25.8175 357.224 29.4829L356.398 30.404L355.67 29.4045C354.341 27.5787 352.719 25.9844 350.876 24.6972L350.374 24.3472L350.459 23.7402C350.469 23.6651 350.462 23.4394 350.393 23.0192C350.329 22.6312 350.231 22.1766 350.122 21.6947C350.016 21.2247 349.899 20.7222 349.811 20.2821C349.74 19.9275 349.676 19.5457 349.658 19.217C347.185 10.8291 340.003 5.48371 331.592 5.44533C322.927 5.40598 315.089 9.17168 311.775 13.4257L311.384 13.9269L310.764 13.7864C309.385 13.4738 307.951 13.3048 306.477 13.2981C299.592 13.2669 293.494 16.7642 289.843 22.1368L289.278 22.9682L288.449 22.398C285.627 20.4585 282.228 19.32 278.567 19.3033C270.54 19.2668 263.708 24.6415 261.442 32.0831L261.125 33.1256L260.113 32.7196C258.109 31.9139 255.927 31.4652 253.642 31.4549C253.409 31.4538 253.174 31.458 252.937 31.4663L252.151 31.494L251.94 30.7372C249.815 23.1546 242.976 17.6076 234.865 17.5706C230.935 17.5528 227.295 18.8309 224.334 21.0111L223.278 21.7895L222.808 20.5637C220.22 13.8179 213.79 9.04124 206.266 9.00704C198.283 8.97079 191.485 14.2838 189.179 21.662L188.907 22.5348L188.012 22.3413C186.832 22.0852 185.607 21.9456 184.351 21.9399C180.54 21.9226 177.007 23.1224 174.098 25.1814L173.312 25.7374L172.727 24.974C169.474 20.7399 164.425 18.0154 158.745 17.9896C153.67 17.9665 149.076 20.1041 145.808 23.5607L144.27 25.1876L144.085 22.9562C143.316 13.6732 135.69 6.38682 126.392 6.34445C117.089 6.3022 109.691 13.2466 108.603 22.2795L108.46 23.4702L107.314 23.1154C105.699 22.6144 103.982 22.3405 102.203 22.3324C92.3659 22.2877 84.3252 30.3674 84.2796 40.4153C84.2781 40.7358 84.2848 41.0543 84.2997 41.3665L84.3969 43.3982L82.7284 42.2334C79.8818 40.2469 76.4441 39.0789 72.7339 39.062C69.6276 39.048 66.7037 39.8442 64.1535 41.2536L62.7212 42.0449L62.67 40.4099C62.3662 30.6747 54.5385 22.8816 44.9225 22.8379C36.1039 22.7979 28.7308 29.2878 27.2652 37.8741L27.0535 39.1114L25.8945 38.6296C23.84 37.7738 21.5919 37.2966 19.2336 37.2858C13.0024 37.2575 7.49685 40.4871 4.28047 45.4172L3.34131 46.8554L2.55428 45.3303C1.47063 43.2317 -0.0877372 41.39 -1.91414 39.8734L-1.91344 55.8453L672.231 58.8728Z" fill="#fef2f9" stroke="#ed088b" stroke-width="2" /> <path d="M26.4999 29C30.8208 21.9601 36.74 18.5 45.0002 18.5C52.5 18.5 58.9413 21.615 62.9995 29" stroke="#ed088b" /> <path d="M108 12.1328C112.321 5.09294 118.24 1.63281 126.5 1.6328C134 1.63279 140.441 4.74782 144.5 12.1329" stroke="#ed088b" /> <path d="M188 15.1328C192.321 8.09294 198.24 4.63281 206.5 4.6328C214 4.63279 220.441 7.74782 224.5 15.1329" stroke="#ed088b" /> <path d="M426 12.5C431.115 6.01377 437.354 4.0983 445.601 4.55888C453.5 5 460.833 10.691 463.999 18.5" stroke="#ed088b" /> <path d="M316.5 5.00002C323.5 1 331.534 0.314687 339.5 2.49994C345.5 4.14593 351.539 10.3045 353.499 18.5" stroke="#ed088b" /> <path d="M490 25.1328C494.321 18.0929 500.24 14.6328 508.5 14.6328C516 14.6328 522.441 17.7478 526.5 25.1329" stroke="#ed088b" /> <path d="M587.538 28.1277C591.06 21.2418 596.563 17.4913 604.772 16.6946C612.226 15.9713 618.97 18.2125 623.814 24.6073" stroke="#ed088b" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" /> </clipPath> </defs> </svg> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#fef2f9" stroke="#ed088b" stroke-width="2" /> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#ed088b" /> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#ed088b" /> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#ed088b" /> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#ed088b" /> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#ed088b" /> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#ed088b" /> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#ed088b" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)" /> </clipPath> </defs> </svg> </div> <div class="appointment-section bg-pink pt-30 pb-30 px-30 position-relative"> <div class="position-absolute vector-all bg-vector-5"> <img src="{{ asset('assets/img/vcard24/bg-vector-5.png') }}" loading="lazy" class="w-100" /> </div> <div class="position-absolute vector-all bg-vector-22 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-22.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading pink text-center"> <h2 class="mb-0">{{ __('messages.make_appointments') }}</h2> </div> <div class="appointment"> <div class="position-relative"> {{ Form::text('date', null, ['class' => 'date appoint-input form-control appointment-input text-start', 'placeholder' => __('messages.form.pick_date'), 'id' => 'pickUpDate']) }} </div> <div id="slotData" class="row"> </div> <div class="text-center"> <button type="submit" class="appointmentAdd btn btn-pink rounded-pill mt-3 d-none"> {{ __('messages.make_appointments') }} </button> </div> </div> </div> @include('vcardTemplates.appointment') </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-40 px-20 position-relative"> <div class="position-absolute vector-all bg-vector-6"> <img src="{{ asset('assets/img/vcard24/bg-vector-6.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="text-white mb-0"> {{ __('messages.feature.insta_embed') }} </h2> </div> <nav> <div class="row insta-toggle"> <div class="nav nav-tabs border-0 px-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-dark" 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-dark" 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-2" loading="lazy"> <!-- "Post" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 0) <div class="col-12 col-sm-6 insta-embed insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> @endif @endforeach </div> </div> <div class="d-none insta-feed" id="reelContent"> <div class="row overflow-hidden m-0 mt-2"> <!-- "Reel" content --> @foreach ($vcard->InstagramEmbed as $InstagramEmbed) @if ($InstagramEmbed->type == 1) <div class="col-12 col-sm-6 insta-embed insta-feed-iframe"> {!! $InstagramEmbed->embedtag !!} </div> @endif @endforeach </div> </div> </div> @endif @endif {{-- gallery --}} @if ((isset($managesection) && $managesection['galleries']) || empty($managesection)) @if (checkFeature('gallery') && $vcard->gallery->count()) <div class="pt-40"> <div class="position-relative pt-50 pb-50"> <div class="section-bg-top position-absolute top-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M672.231 58.8728L672.231 33.0015C668.957 29.3952 663.77 26.8516 658.613 26.8282C650.341 26.7907 643.343 32.4947 641.296 40.2878L640.894 41.8143L639.685 40.799C636.62 38.2267 632.7 36.6745 628.423 36.6551C627.587 36.6513 626.765 36.707 625.959 36.8167L625.014 36.9453L624.84 36.0079C623.289 27.6134 616.068 21.267 607.392 21.2274C597.555 21.1827 589.514 29.2624 589.469 39.3102C589.467 39.6288 589.475 39.9503 589.489 40.2722L589.57 42.2121L587.944 41.1519C585.194 39.3597 581.931 38.317 578.423 38.3011C573.551 38.2789 569.127 40.2454 565.89 43.4581L565.22 44.124L564.518 43.4919C561.392 40.681 557.291 38.9698 552.797 38.9493C548.309 38.9289 543.82 40.7594 540.622 43.7632L539.851 44.4882L539.171 43.6766C536.199 40.1291 531.917 37.7659 527.087 37.3579L526.2 37.2826L526.172 36.3928C525.868 26.6556 518.04 18.8626 508.424 18.8189C500.778 18.7842 494.221 23.6532 491.654 30.5475L491.37 31.3099L490.567 31.1871C489.736 31.0609 488.885 30.9939 488.021 30.99C482.593 30.9655 477.719 33.4114 474.427 37.2985L473.777 38.065L473.013 37.4122C469.934 34.7806 465.971 33.1906 461.639 33.1691L460.313 33.1621L460.684 31.8893C461.153 30.2791 461.409 28.5709 461.417 26.8018C461.462 16.754 453.496 8.60161 443.659 8.55687C434.631 8.51586 427.116 15.3192 425.908 24.2088L425.717 25.6142L424.457 24.962C422.056 23.7196 419.341 23.011 416.463 22.998C407.575 22.9577 400.155 29.5497 398.771 38.2351L398.589 39.3798L397.483 39.032C395.837 38.5138 394.091 38.2285 392.277 38.2203C391.15 38.2152 390.047 38.3182 388.977 38.5159L388.026 38.6922L387.818 37.7469C386.044 29.6455 378.961 23.5933 370.489 23.5548C365.24 23.5311 360.509 25.8175 357.224 29.4829L356.398 30.404L355.67 29.4045C354.341 27.5787 352.719 25.9844 350.876 24.6972L350.374 24.3472L350.459 23.7402C350.469 23.6651 350.462 23.4394 350.393 23.0192C350.329 22.6312 350.231 22.1766 350.122 21.6947C350.016 21.2247 349.899 20.7222 349.811 20.2821C349.74 19.9275 349.676 19.5457 349.658 19.217C347.185 10.8291 340.003 5.48371 331.592 5.44533C322.927 5.40598 315.089 9.17168 311.775 13.4257L311.384 13.9269L310.764 13.7864C309.385 13.4738 307.951 13.3048 306.477 13.2981C299.592 13.2669 293.494 16.7642 289.843 22.1368L289.278 22.9682L288.449 22.398C285.627 20.4585 282.228 19.32 278.567 19.3033C270.54 19.2668 263.708 24.6415 261.442 32.0831L261.125 33.1256L260.113 32.7196C258.109 31.9139 255.927 31.4652 253.642 31.4549C253.409 31.4538 253.174 31.458 252.937 31.4663L252.151 31.494L251.94 30.7372C249.815 23.1546 242.976 17.6076 234.865 17.5706C230.935 17.5528 227.295 18.8309 224.334 21.0111L223.278 21.7895L222.808 20.5637C220.22 13.8179 213.79 9.04124 206.266 9.00704C198.283 8.97079 191.485 14.2838 189.179 21.662L188.907 22.5348L188.012 22.3413C186.832 22.0852 185.607 21.9456 184.351 21.9399C180.54 21.9226 177.007 23.1224 174.098 25.1814L173.312 25.7374L172.727 24.974C169.474 20.7399 164.425 18.0154 158.745 17.9896C153.67 17.9665 149.076 20.1041 145.808 23.5607L144.27 25.1876L144.085 22.9562C143.316 13.6732 135.69 6.38682 126.392 6.34445C117.089 6.3022 109.691 13.2466 108.603 22.2795L108.46 23.4702L107.314 23.1154C105.699 22.6144 103.982 22.3405 102.203 22.3324C92.3659 22.2877 84.3252 30.3674 84.2796 40.4153C84.2781 40.7358 84.2848 41.0543 84.2997 41.3665L84.3969 43.3982L82.7284 42.2334C79.8818 40.2469 76.4441 39.0789 72.7339 39.062C69.6276 39.048 66.7037 39.8442 64.1535 41.2536L62.7212 42.0449L62.67 40.4099C62.3662 30.6747 54.5385 22.8816 44.9225 22.8379C36.1039 22.7979 28.7308 29.2878 27.2652 37.8741L27.0535 39.1114L25.8945 38.6296C23.84 37.7738 21.5919 37.2966 19.2336 37.2858C13.0024 37.2575 7.49685 40.4871 4.28047 45.4172L3.34131 46.8554L2.55428 45.3303C1.47063 43.2317 -0.0877372 41.39 -1.91414 39.8734L-1.91344 55.8453L672.231 58.8728Z" fill="#fdf4e8" stroke="#f69800" stroke-width="2" /> <path d="M26.4999 29C30.8208 21.9601 36.74 18.5 45.0002 18.5C52.5 18.5 58.9413 21.615 62.9995 29" stroke="#f69800" /> <path d="M108 12.1328C112.321 5.09294 118.24 1.63281 126.5 1.6328C134 1.63279 140.441 4.74782 144.5 12.1329" stroke="#f69800" /> <path d="M188 15.1328C192.321 8.09294 198.24 4.63281 206.5 4.6328C214 4.63279 220.441 7.74782 224.5 15.1329" stroke="#f69800" /> <path d="M426 12.5C431.115 6.01377 437.354 4.0983 445.601 4.55888C453.5 5 460.833 10.691 463.999 18.5" stroke="#f69800" /> <path d="M316.5 5.00002C323.5 1 331.534 0.314687 339.5 2.49994C345.5 4.14593 351.539 10.3045 353.499 18.5" stroke="#f69800" /> <path d="M490 25.1328C494.321 18.0929 500.24 14.6328 508.5 14.6328C516 14.6328 522.441 17.7478 526.5 25.1329" stroke="#f69800" /> <path d="M587.538 28.1277C591.06 21.2418 596.563 17.4913 604.772 16.6946C612.226 15.9713 618.97 18.2125 623.814 24.6073" stroke="#f69800" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" /> </clipPath> </defs> </svg> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#fdf4e8" stroke="#f69800" stroke-width="2" /> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#f69800" /> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#f69800" /> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#f69800" /> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#f69800" /> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#f69800" /> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#f69800" /> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#f69800" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)" /> </clipPath> </defs> </svg> </div> <div class="gallery-section position-relative pt-30 pb-30 px-20 bg-orange"> <div class="position-absolute vector-all bg-vector-7"> <img src="{{ asset('assets/img/vcard24/bg-vector-7.png') }}" loading="lazy" class="w-100" /> </div> <div class="position-absolute vector-all bg-vector-20 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-20.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading orange text-center"> <h2 class="mb-0">{{ __('messages.plan.gallery') }}</h2> </div> <div class="gallery-slider"> @foreach ($vcard->gallery as $file) @php $infoPath = pathinfo(public_path($file->gallery_image)); $extension = $infoPath['extension']; @endphp <div> <div class="gallery-img position-relative"> <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) <video width="100%" height="100%" controls> <source src="{{ $file->gallery_image }}"> </video> @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" loading="lazy"> <audio controls src="{{ $file->gallery_image }}" class="audio-control"> 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" height="315"> </iframe> @endif </div> </div> @endforeach </div> </div> </div> </div> @endif @endif {{-- product --}} @if ((isset($managesection) && $managesection['products']) || empty($managesection)) @if (checkFeature('products') && $vcard->products->count()) <div class="product-section pt-40 px-20 position-relative"> <div class="position-absolute vector-all bg-vector-8"> <img src="{{ asset('assets/img/vcard24/bg-vector-8.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="mb-0">{{ __('messages.plan.products') }}</h2> </div> <div class="product-slider mb-30"> @foreach ($vcard->products as $product) <div class=""> <div class="product-card card"> <div class="maskborder"> <div class="mask"> <div class="content"> <div class="product-img card-img"> <a @if ($product->product_url) href="{{ $product->product_url }}" @endif target="_blank"> <img src="{{ $product->product_icon }}" class="w-100 h-100 object-fit-contain" loading="lazy" /></a> </div> <div class="product-desc card-body p-3"> <div class=""> <h3 class="text-gray-200 text-center fw-5 mb-0 product-title"> {{ $product->name }}</h3> <p class="product-amount amount fw-6 mb-0 text-center text-primary"> @if ($product->currency_id && $product->price) <span>{{ $product->currency->currency_icon }}{{ getSuperAdminSettingValue('hide_decimal_values') == 1 ? number_format($product->price, 0) : number_format($product->price, 2) }}</span> @elseif($product->price) <span>{{ getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price }}</span> @endif </p> </div> </div> </div> </div> </div> </div> </div> @endforeach </div> <div class="text-center"> <a class="view-all btn btn-pink fs-6 fw-5 text-decoration-underline text-center d-inline-flex align-items-center gap-2" href="{{ $vcardProductUrl }}">{{ __('messages.analytics.view_more') }} <i class="fa-solid fa-arrow-right right-arrow-animation"></i> </a> </div> </div> @endif @endif {{-- testimonial --}} @if ((isset($managesection) && $managesection['testimonials']) || empty($managesection)) @if (checkFeature('testimonials') && $vcard->testimonials->count()) <div class="pt-40"> <div class="position-relative pt-50 pb-50"> <div class="section-bg-top position-absolute top-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M672.231 58.8728L672.231 33.0015C668.957 29.3952 663.77 26.8516 658.613 26.8282C650.341 26.7907 643.343 32.4947 641.296 40.2878L640.894 41.8143L639.685 40.799C636.62 38.2267 632.7 36.6745 628.423 36.6551C627.587 36.6513 626.765 36.707 625.959 36.8167L625.014 36.9453L624.84 36.0079C623.289 27.6134 616.068 21.267 607.392 21.2274C597.555 21.1827 589.514 29.2624 589.469 39.3102C589.467 39.6288 589.475 39.9503 589.489 40.2722L589.57 42.2121L587.944 41.1519C585.194 39.3597 581.931 38.317 578.423 38.3011C573.551 38.2789 569.127 40.2454 565.89 43.4581L565.22 44.124L564.518 43.4919C561.392 40.681 557.291 38.9698 552.797 38.9493C548.309 38.9289 543.82 40.7594 540.622 43.7632L539.851 44.4882L539.171 43.6766C536.199 40.1291 531.917 37.7659 527.087 37.3579L526.2 37.2826L526.172 36.3928C525.868 26.6556 518.04 18.8626 508.424 18.8189C500.778 18.7842 494.221 23.6532 491.654 30.5475L491.37 31.3099L490.567 31.1871C489.736 31.0609 488.885 30.9939 488.021 30.99C482.593 30.9655 477.719 33.4114 474.427 37.2985L473.777 38.065L473.013 37.4122C469.934 34.7806 465.971 33.1906 461.639 33.1691L460.313 33.1621L460.684 31.8893C461.153 30.2791 461.409 28.5709 461.417 26.8018C461.462 16.754 453.496 8.60161 443.659 8.55687C434.631 8.51586 427.116 15.3192 425.908 24.2088L425.717 25.6142L424.457 24.962C422.056 23.7196 419.341 23.011 416.463 22.998C407.575 22.9577 400.155 29.5497 398.771 38.2351L398.589 39.3798L397.483 39.032C395.837 38.5138 394.091 38.2285 392.277 38.2203C391.15 38.2152 390.047 38.3182 388.977 38.5159L388.026 38.6922L387.818 37.7469C386.044 29.6455 378.961 23.5933 370.489 23.5548C365.24 23.5311 360.509 25.8175 357.224 29.4829L356.398 30.404L355.67 29.4045C354.341 27.5787 352.719 25.9844 350.876 24.6972L350.374 24.3472L350.459 23.7402C350.469 23.6651 350.462 23.4394 350.393 23.0192C350.329 22.6312 350.231 22.1766 350.122 21.6947C350.016 21.2247 349.899 20.7222 349.811 20.2821C349.74 19.9275 349.676 19.5457 349.658 19.217C347.185 10.8291 340.003 5.48371 331.592 5.44533C322.927 5.40598 315.089 9.17168 311.775 13.4257L311.384 13.9269L310.764 13.7864C309.385 13.4738 307.951 13.3048 306.477 13.2981C299.592 13.2669 293.494 16.7642 289.843 22.1368L289.278 22.9682L288.449 22.398C285.627 20.4585 282.228 19.32 278.567 19.3033C270.54 19.2668 263.708 24.6415 261.442 32.0831L261.125 33.1256L260.113 32.7196C258.109 31.9139 255.927 31.4652 253.642 31.4549C253.409 31.4538 253.174 31.458 252.937 31.4663L252.151 31.494L251.94 30.7372C249.815 23.1546 242.976 17.6076 234.865 17.5706C230.935 17.5528 227.295 18.8309 224.334 21.0111L223.278 21.7895L222.808 20.5637C220.22 13.8179 213.79 9.04124 206.266 9.00704C198.283 8.97079 191.485 14.2838 189.179 21.662L188.907 22.5348L188.012 22.3413C186.832 22.0852 185.607 21.9456 184.351 21.9399C180.54 21.9226 177.007 23.1224 174.098 25.1814L173.312 25.7374L172.727 24.974C169.474 20.7399 164.425 18.0154 158.745 17.9896C153.67 17.9665 149.076 20.1041 145.808 23.5607L144.27 25.1876L144.085 22.9562C143.316 13.6732 135.69 6.38682 126.392 6.34445C117.089 6.3022 109.691 13.2466 108.603 22.2795L108.46 23.4702L107.314 23.1154C105.699 22.6144 103.982 22.3405 102.203 22.3324C92.3659 22.2877 84.3252 30.3674 84.2796 40.4153C84.2781 40.7358 84.2848 41.0543 84.2997 41.3665L84.3969 43.3982L82.7284 42.2334C79.8818 40.2469 76.4441 39.0789 72.7339 39.062C69.6276 39.048 66.7037 39.8442 64.1535 41.2536L62.7212 42.0449L62.67 40.4099C62.3662 30.6747 54.5385 22.8816 44.9225 22.8379C36.1039 22.7979 28.7308 29.2878 27.2652 37.8741L27.0535 39.1114L25.8945 38.6296C23.84 37.7738 21.5919 37.2966 19.2336 37.2858C13.0024 37.2575 7.49685 40.4871 4.28047 45.4172L3.34131 46.8554L2.55428 45.3303C1.47063 43.2317 -0.0877372 41.39 -1.91414 39.8734L-1.91344 55.8453L672.231 58.8728Z" fill="#d8f3f1" stroke="#1cbbb4" stroke-width="2" /> <path d="M26.4999 29C30.8208 21.9601 36.74 18.5 45.0002 18.5C52.5 18.5 58.9413 21.615 62.9995 29" stroke="#1cbbb4" /> <path d="M108 12.1328C112.321 5.09294 118.24 1.63281 126.5 1.6328C134 1.63279 140.441 4.74782 144.5 12.1329" stroke="#1cbbb4" /> <path d="M188 15.1328C192.321 8.09294 198.24 4.63281 206.5 4.6328C214 4.63279 220.441 7.74782 224.5 15.1329" stroke="#1cbbb4" /> <path d="M426 12.5C431.115 6.01377 437.354 4.0983 445.601 4.55888C453.5 5 460.833 10.691 463.999 18.5" stroke="#1cbbb4" /> <path d="M316.5 5.00002C323.5 1 331.534 0.314687 339.5 2.49994C345.5 4.14593 351.539 10.3045 353.499 18.5" stroke="#1cbbb4" /> <path d="M490 25.1328C494.321 18.0929 500.24 14.6328 508.5 14.6328C516 14.6328 522.441 17.7478 526.5 25.1329" stroke="#1cbbb4" /> <path d="M587.538 28.1277C591.06 21.2418 596.563 17.4913 604.772 16.6946C612.226 15.9713 618.97 18.2125 623.814 24.6073" stroke="#1cbbb4" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" /> </clipPath> </defs> </svg> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#d8f3f1" stroke="#1cbbb4" stroke-width="2" /> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#1cbbb4" /> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#1cbbb4" /> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#1cbbb4" /> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#1cbbb4" /> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#1cbbb4" /> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#1cbbb4" /> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#1cbbb4" /> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)" /> </clipPath> </defs> </svg> </div> <div class="testimonial-section pt-30 pb-30 bg-cyan px-20 position-relative"> <div class="position-absolute vector-all bg-vector-9"> <img src="{{ asset('assets/img/vcard24/bg-vector-9.png') }}" loading="lazy" class="w-100" /> </div> <div class="position-absolute vector-all bg-vector-19 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-19.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading cyan text-center px-3"> <h2 class="mb-0">{{ __('messages.plan.testimonials') }}</h2> </div> <div class="testimonial-slider"> @foreach ($vcard->testimonials as $testimonial) <div class=""> <div class="testimonial-card card bg-transparent d-flex flex-column justify-content-center" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="card-body text-sm-start text-center"> <div class="quote-img left-img"> <img src="{{ asset('assets/img/vcard24/quote-left-img.svg') }}" loading="lazy" /> </div> <div> <p class="desc text-center text-gray-100 fs-14 mb-0 {{ \Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : '' }}"> {!! $testimonial->description !!}</p> </div> <div class="quote-img right-img"> <img src="{{ asset('assets/img/vcard24/quote-right-img.svg') }}" loading="lazy" /> </div> </div> <div class="d-flex gap-2 align-items-center justify-content-center pt-3"> <div class="card-img"> <img src="{{ $testimonial->image_url }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </div> <div class="profile-desc"> <h3 class="text-primary fs-18 mb-0 fw-6"> - {{ ucwords($testimonial->name) }}</h3> </div> </div> </div> </div> @endforeach </div> </div> </div> </div> @endif @endif {{-- blog --}} @if ((isset($managesection) && $managesection['blogs']) || empty($managesection)) @if (checkFeature('blog') && $vcard->blogs->count()) <div class="blog-section position-relative pt-40 px-20"> <div class="position-absolute vector-all bg-vector-10"> <img src="{{ asset('assets/img/vcard24/bg-vector-10.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="mb-0">{{ __('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 card"> <div class="card-img"> <a href="{{ $vcardBlogUrl }}"> <img src="{{ $blog->blog_icon }}" class="w-100 h-100 object-fit-cover" loading="lazy" /> </a> </div> <div class="card-body p-3" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <h2 class="text-black blog-head">{{ $blog->title }}</h2> <p class="text-gray-500 blog-desc mb-2"> {{ Illuminate\Support\Str::words(str_replace(' ', ' ', strip_tags($blog->description)), 100, '...') }} </p> <div class="d-flex align-items-center justify-content-end"> <a href="{{ $vcardBlogUrl }}" class="text-white d-inline-flex align-items-center justify-content-end gap-2 fs-14 py-1 px-2 bg-primary rounded-pill" 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="pt-40"> <div class="position-relative pt-50 pb-50"> <div class="section-bg-top position-absolute top-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M672.231 58.8728L672.231 33.0015C668.957 29.3952 663.77 26.8516 658.613 26.8282C650.341 26.7907 643.343 32.4947 641.296 40.2878L640.894 41.8143L639.685 40.799C636.62 38.2267 632.7 36.6745 628.423 36.6551C627.587 36.6513 626.765 36.707 625.959 36.8167L625.014 36.9453L624.84 36.0079C623.289 27.6134 616.068 21.267 607.392 21.2274C597.555 21.1827 589.514 29.2624 589.469 39.3102C589.467 39.6288 589.475 39.9503 589.489 40.2722L589.57 42.2121L587.944 41.1519C585.194 39.3597 581.931 38.317 578.423 38.3011C573.551 38.2789 569.127 40.2454 565.89 43.4581L565.22 44.124L564.518 43.4919C561.392 40.681 557.291 38.9698 552.797 38.9493C548.309 38.9289 543.82 40.7594 540.622 43.7632L539.851 44.4882L539.171 43.6766C536.199 40.1291 531.917 37.7659 527.087 37.3579L526.2 37.2826L526.172 36.3928C525.868 26.6556 518.04 18.8626 508.424 18.8189C500.778 18.7842 494.221 23.6532 491.654 30.5475L491.37 31.3099L490.567 31.1871C489.736 31.0609 488.885 30.9939 488.021 30.99C482.593 30.9655 477.719 33.4114 474.427 37.2985L473.777 38.065L473.013 37.4122C469.934 34.7806 465.971 33.1906 461.639 33.1691L460.313 33.1621L460.684 31.8893C461.153 30.2791 461.409 28.5709 461.417 26.8018C461.462 16.754 453.496 8.60161 443.659 8.55687C434.631 8.51586 427.116 15.3192 425.908 24.2088L425.717 25.6142L424.457 24.962C422.056 23.7196 419.341 23.011 416.463 22.998C407.575 22.9577 400.155 29.5497 398.771 38.2351L398.589 39.3798L397.483 39.032C395.837 38.5138 394.091 38.2285 392.277 38.2203C391.15 38.2152 390.047 38.3182 388.977 38.5159L388.026 38.6922L387.818 37.7469C386.044 29.6455 378.961 23.5933 370.489 23.5548C365.24 23.5311 360.509 25.8175 357.224 29.4829L356.398 30.404L355.67 29.4045C354.341 27.5787 352.719 25.9844 350.876 24.6972L350.374 24.3472L350.459 23.7402C350.469 23.6651 350.462 23.4394 350.393 23.0192C350.329 22.6312 350.231 22.1766 350.122 21.6947C350.016 21.2247 349.899 20.7222 349.811 20.2821C349.74 19.9275 349.676 19.5457 349.658 19.217C347.185 10.8291 340.003 5.48371 331.592 5.44533C322.927 5.40598 315.089 9.17168 311.775 13.4257L311.384 13.9269L310.764 13.7864C309.385 13.4738 307.951 13.3048 306.477 13.2981C299.592 13.2669 293.494 16.7642 289.843 22.1368L289.278 22.9682L288.449 22.398C285.627 20.4585 282.228 19.32 278.567 19.3033C270.54 19.2668 263.708 24.6415 261.442 32.0831L261.125 33.1256L260.113 32.7196C258.109 31.9139 255.927 31.4652 253.642 31.4549C253.409 31.4538 253.174 31.458 252.937 31.4663L252.151 31.494L251.94 30.7372C249.815 23.1546 242.976 17.6076 234.865 17.5706C230.935 17.5528 227.295 18.8309 224.334 21.0111L223.278 21.7895L222.808 20.5637C220.22 13.8179 213.79 9.04124 206.266 9.00704C198.283 8.97079 191.485 14.2838 189.179 21.662L188.907 22.5348L188.012 22.3413C186.832 22.0852 185.607 21.9456 184.351 21.9399C180.54 21.9226 177.007 23.1224 174.098 25.1814L173.312 25.7374L172.727 24.974C169.474 20.7399 164.425 18.0154 158.745 17.9896C153.67 17.9665 149.076 20.1041 145.808 23.5607L144.27 25.1876L144.085 22.9562C143.316 13.6732 135.69 6.38682 126.392 6.34445C117.089 6.3022 109.691 13.2466 108.603 22.2795L108.46 23.4702L107.314 23.1154C105.699 22.6144 103.982 22.3405 102.203 22.3324C92.3659 22.2877 84.3252 30.3674 84.2796 40.4153C84.2781 40.7358 84.2848 41.0543 84.2997 41.3665L84.3969 43.3982L82.7284 42.2334C79.8818 40.2469 76.4441 39.0789 72.7339 39.062C69.6276 39.048 66.7037 39.8442 64.1535 41.2536L62.7212 42.0449L62.67 40.4099C62.3662 30.6747 54.5385 22.8816 44.9225 22.8379C36.1039 22.7979 28.7308 29.2878 27.2652 37.8741L27.0535 39.1114L25.8945 38.6296C23.84 37.7738 21.5919 37.2966 19.2336 37.2858C13.0024 37.2575 7.49685 40.4871 4.28047 45.4172L3.34131 46.8554L2.55428 45.3303C1.47063 43.2317 -0.0877372 41.39 -1.91414 39.8734L-1.91344 55.8453L672.231 58.8728Z" fill="#fefcee" stroke="#f8ce0e" stroke-width="2"></path> <path d="M26.4999 29C30.8208 21.9601 36.74 18.5 45.0002 18.5C52.5 18.5 58.9413 21.615 62.9995 29" stroke="#f8ce0e"></path> <path d="M108 12.1328C112.321 5.09294 118.24 1.63281 126.5 1.6328C134 1.63279 140.441 4.74782 144.5 12.1329" stroke="#f8ce0e"></path> <path d="M188 15.1328C192.321 8.09294 198.24 4.63281 206.5 4.6328C214 4.63279 220.441 7.74782 224.5 15.1329" stroke="#f8ce0e"></path> <path d="M426 12.5C431.115 6.01377 437.354 4.0983 445.601 4.55888C453.5 5 460.833 10.691 463.999 18.5" stroke="#f8ce0e"></path> <path d="M316.5 5.00002C323.5 1 331.534 0.314687 339.5 2.49994C345.5 4.14593 351.539 10.3045 353.499 18.5" stroke="#f8ce0e"></path> <path d="M490 25.1328C494.321 18.0929 500.24 14.6328 508.5 14.6328C516 14.6328 522.441 17.7478 526.5 25.1329" stroke="#f8ce0e"></path> <path d="M587.538 28.1277C591.06 21.2418 596.563 17.4913 604.772 16.6946C612.226 15.9713 618.97 18.2125 623.814 24.6073" stroke="#f8ce0e"></path> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white"></rect> </clipPath> </defs> </svg> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#fefcee" stroke="#f8ce0e" stroke-width="2"></path> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#f8ce0e"></path> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#f8ce0e"></path> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#f8ce0e"></path> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#f8ce0e"></path> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#f8ce0e"></path> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#f8ce0e"></path> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#f8ce0e"></path> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)"></rect> </clipPath> </defs> </svg> </div> <div class="business-hour-section position-relative bg-yellow pt-30 pb-30 px-30"> <div class="position-absolute vector-all bg-vector-11"> <img src="{{ asset('assets/img/vcard24/bg-vector-11.png') }}" loading="lazy" class="w-100" /> </div> <div class="position-absolute vector-all bg-vector-18 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-18.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading yellow text-center"> <h2 class="mb-0">{{ __('messages.business.business_hours') }}</h2> </div> <div class="business-hours row justify-content-center row-gap-20px" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> @foreach ($businessDaysTime as $key => $dayTime) <div class="col-sm-6"> <div class="d-flex gap-2 align-items-center business-box"> <div class="business-hour-icon d-flex justify-content-center align-items-center"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-time text-white" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4"> </path> <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path> <path d="M15 3v4"></path> <path d="M7 3v4"></path> <path d="M3 11h16"></path> <path d="M18 16.496v1.504l1 1"></path> </svg> </div> <div class=""> <div class="text-gray-200 fs-14"> {{ __('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key]) . ':' }} </div> <div class="text-black fs-14 fw-5"> {{ $dayTime ?? __('messages.common.closed') }}</div> </div> </div> </div> @endforeach </div> </div> </div> </div> @endif @endif {{-- qr code --}} @if (isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1) <div class="qr-code-section position-relative pt-40 px-30"> <div class="position-absolute vector-all bg-vector-12"> <img src="{{ asset('assets/img/vcard24/bg-vector-12.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="mb-0">{{ __('messages.vcard.qr_code') }}</h2> </div> <div class="qr-code mx-auto position-relative"> <div class="d-flex flex-sm-row flex-column gap-3 align-items-center" @if (getLanguage($vcard->default_language) == 'Arabic') dir="rtl" @endif> <div class="qr-code-img text-center" id="qr-code-twentyfour"> @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-sm-start text-center"> <h5 class="fw-6 text-primary">{{ __('messages.vcard.scan_to_contact') }}</h5> <p class="fs-14 text-gray-200 mb-0">{{ __('messages.vcard.qr_section_desc') }}</p> </div> </div> </div> </div> @endif {{-- iframe --}} @if ((isset($managesection) && $managesection['iframe']) || empty($managesection)) @if (checkFeature('iframes') && $vcard->iframes->count()) <div class="iframe-section position-relative pt-40 px-20"> <div class="position-absolute vector-all bg-vector-13 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-13.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="mb-0"> {{ __('messages.vcard.iframe') }}</h2> </div> <div class="iframe-slider"> @foreach ($vcard->iframes as $iframe) <div class="slide"> <div class="iframe-card"> <div class="overlay"> <iframe src="{{ $iframe->url }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen width="100%" height="400"> </iframe> </div> </div> </div> @endforeach </div> </div> @endif @endif {{-- inquiry --}} @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="pt-40"> <div class="position-relative pt-50 pb-50"> <div class="section-bg-top position-absolute top-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M672.231 58.8728L672.231 33.0015C668.957 29.3952 663.77 26.8516 658.613 26.8282C650.341 26.7907 643.343 32.4947 641.296 40.2878L640.894 41.8143L639.685 40.799C636.62 38.2267 632.7 36.6745 628.423 36.6551C627.587 36.6513 626.765 36.707 625.959 36.8167L625.014 36.9453L624.84 36.0079C623.289 27.6134 616.068 21.267 607.392 21.2274C597.555 21.1827 589.514 29.2624 589.469 39.3102C589.467 39.6288 589.475 39.9503 589.489 40.2722L589.57 42.2121L587.944 41.1519C585.194 39.3597 581.931 38.317 578.423 38.3011C573.551 38.2789 569.127 40.2454 565.89 43.4581L565.22 44.124L564.518 43.4919C561.392 40.681 557.291 38.9698 552.797 38.9493C548.309 38.9289 543.82 40.7594 540.622 43.7632L539.851 44.4882L539.171 43.6766C536.199 40.1291 531.917 37.7659 527.087 37.3579L526.2 37.2826L526.172 36.3928C525.868 26.6556 518.04 18.8626 508.424 18.8189C500.778 18.7842 494.221 23.6532 491.654 30.5475L491.37 31.3099L490.567 31.1871C489.736 31.0609 488.885 30.9939 488.021 30.99C482.593 30.9655 477.719 33.4114 474.427 37.2985L473.777 38.065L473.013 37.4122C469.934 34.7806 465.971 33.1906 461.639 33.1691L460.313 33.1621L460.684 31.8893C461.153 30.2791 461.409 28.5709 461.417 26.8018C461.462 16.754 453.496 8.60161 443.659 8.55687C434.631 8.51586 427.116 15.3192 425.908 24.2088L425.717 25.6142L424.457 24.962C422.056 23.7196 419.341 23.011 416.463 22.998C407.575 22.9577 400.155 29.5497 398.771 38.2351L398.589 39.3798L397.483 39.032C395.837 38.5138 394.091 38.2285 392.277 38.2203C391.15 38.2152 390.047 38.3182 388.977 38.5159L388.026 38.6922L387.818 37.7469C386.044 29.6455 378.961 23.5933 370.489 23.5548C365.24 23.5311 360.509 25.8175 357.224 29.4829L356.398 30.404L355.67 29.4045C354.341 27.5787 352.719 25.9844 350.876 24.6972L350.374 24.3472L350.459 23.7402C350.469 23.6651 350.462 23.4394 350.393 23.0192C350.329 22.6312 350.231 22.1766 350.122 21.6947C350.016 21.2247 349.899 20.7222 349.811 20.2821C349.74 19.9275 349.676 19.5457 349.658 19.217C347.185 10.8291 340.003 5.48371 331.592 5.44533C322.927 5.40598 315.089 9.17168 311.775 13.4257L311.384 13.9269L310.764 13.7864C309.385 13.4738 307.951 13.3048 306.477 13.2981C299.592 13.2669 293.494 16.7642 289.843 22.1368L289.278 22.9682L288.449 22.398C285.627 20.4585 282.228 19.32 278.567 19.3033C270.54 19.2668 263.708 24.6415 261.442 32.0831L261.125 33.1256L260.113 32.7196C258.109 31.9139 255.927 31.4652 253.642 31.4549C253.409 31.4538 253.174 31.458 252.937 31.4663L252.151 31.494L251.94 30.7372C249.815 23.1546 242.976 17.6076 234.865 17.5706C230.935 17.5528 227.295 18.8309 224.334 21.0111L223.278 21.7895L222.808 20.5637C220.22 13.8179 213.79 9.04124 206.266 9.00704C198.283 8.97079 191.485 14.2838 189.179 21.662L188.907 22.5348L188.012 22.3413C186.832 22.0852 185.607 21.9456 184.351 21.9399C180.54 21.9226 177.007 23.1224 174.098 25.1814L173.312 25.7374L172.727 24.974C169.474 20.7399 164.425 18.0154 158.745 17.9896C153.67 17.9665 149.076 20.1041 145.808 23.5607L144.27 25.1876L144.085 22.9562C143.316 13.6732 135.69 6.38682 126.392 6.34445C117.089 6.3022 109.691 13.2466 108.603 22.2795L108.46 23.4702L107.314 23.1154C105.699 22.6144 103.982 22.3405 102.203 22.3324C92.3659 22.2877 84.3252 30.3674 84.2796 40.4153C84.2781 40.7358 84.2848 41.0543 84.2997 41.3665L84.3969 43.3982L82.7284 42.2334C79.8818 40.2469 76.4441 39.0789 72.7339 39.062C69.6276 39.048 66.7037 39.8442 64.1535 41.2536L62.7212 42.0449L62.67 40.4099C62.3662 30.6747 54.5385 22.8816 44.9225 22.8379C36.1039 22.7979 28.7308 29.2878 27.2652 37.8741L27.0535 39.1114L25.8945 38.6296C23.84 37.7738 21.5919 37.2966 19.2336 37.2858C13.0024 37.2575 7.49685 40.4871 4.28047 45.4172L3.34131 46.8554L2.55428 45.3303C1.47063 43.2317 -0.0877372 41.39 -1.91414 39.8734L-1.91344 55.8453L672.231 58.8728Z" fill="#fef2f9" stroke="#ed088b" stroke-width="2"></path> <path d="M26.4999 29C30.8208 21.9601 36.74 18.5 45.0002 18.5C52.5 18.5 58.9413 21.615 62.9995 29" stroke="#ed088b"></path> <path d="M108 12.1328C112.321 5.09294 118.24 1.63281 126.5 1.6328C134 1.63279 140.441 4.74782 144.5 12.1329" stroke="#ed088b"></path> <path d="M188 15.1328C192.321 8.09294 198.24 4.63281 206.5 4.6328C214 4.63279 220.441 7.74782 224.5 15.1329" stroke="#ed088b"></path> <path d="M426 12.5C431.115 6.01377 437.354 4.0983 445.601 4.55888C453.5 5 460.833 10.691 463.999 18.5" stroke="#ed088b"></path> <path d="M316.5 5.00002C323.5 1 331.534 0.314687 339.5 2.49994C345.5 4.14593 351.539 10.3045 353.499 18.5" stroke="#ed088b"></path> <path d="M490 25.1328C494.321 18.0929 500.24 14.6328 508.5 14.6328C516 14.6328 522.441 17.7478 526.5 25.1329" stroke="#ed088b"></path> <path d="M587.538 28.1277C591.06 21.2418 596.563 17.4913 604.772 16.6946C612.226 15.9713 618.97 18.2125 623.814 24.6073" stroke="#ed088b"></path> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white"></rect> </clipPath> </defs> </svg> </div> <div class="section-bg-bottom position-absolute bottom-0 left-0"> <svg xmlns="http://www.w3.org/2000/svg" width="670" height="50" viewBox="0 0 670 50" fill="none"> <g clip-path="url(#clip0_9563_935)"> <path d="M-2.23109 -8.87282L-2.2314 16.9985C1.04298 20.6048 6.23019 23.1484 11.3872 23.1718C19.6589 23.2093 26.6566 17.5053 28.7044 9.71221L29.1058 8.18569L30.3151 9.20096C33.3799 11.7733 37.2998 13.3255 41.5767 13.3449C42.4129 13.3487 43.2351 13.293 44.0413 13.1833L44.9862 13.0547L45.1597 13.9921C46.711 22.3866 53.9319 28.733 62.6084 28.7726C72.4452 28.8173 80.4859 20.7376 80.5315 10.6898C80.5329 10.3712 80.5249 10.0497 80.5115 9.72777L80.4304 7.78793L82.0565 8.84806C84.8062 10.6403 88.0686 11.683 91.5768 11.6989C96.4486 11.7211 100.873 9.75462 104.11 6.54194L104.78 5.87603L105.482 6.50814C108.608 9.31899 112.709 11.0302 117.203 11.0507C121.692 11.0711 126.18 9.24059 129.378 6.23678L130.149 5.51176L130.829 6.32345C133.801 9.87092 138.083 12.2341 142.913 12.6421L143.8 12.7174L143.828 13.6072C144.132 23.3444 151.96 31.1374 161.576 31.1811C169.222 31.2158 175.779 26.3468 178.346 19.4525L178.63 18.6901L179.433 18.8129C180.264 18.9391 181.115 19.0061 181.979 19.01C187.407 19.0345 192.281 16.5886 195.573 12.7015L196.223 11.935L196.987 12.5878C200.066 15.2194 204.029 16.8094 208.361 16.8309L209.688 16.8379L209.316 18.1107C208.847 19.7209 208.591 21.4291 208.583 23.1982C208.538 33.246 216.504 41.3984 226.341 41.4431C235.369 41.4841 242.884 34.6808 244.093 25.7912L244.283 24.3858L245.543 25.038C247.944 26.2804 250.659 26.989 253.537 27.002C262.425 27.0423 269.845 20.4503 271.229 11.7649L271.411 10.6202L272.517 10.968C274.163 11.4862 275.909 11.7715 277.723 11.7797C278.85 11.7848 279.953 11.6818 281.023 11.4841L281.974 11.3078L282.182 12.2531C283.956 20.3545 291.039 26.4067 299.511 26.4452C304.76 26.4689 309.491 24.1825 312.776 20.5171L313.602 19.596L314.33 20.5955C315.66 22.4213 317.281 24.0156 319.124 25.3028L319.626 25.6528L319.541 26.2598C319.531 26.3349 319.538 26.5606 319.607 26.9808C319.671 27.3688 319.769 27.8234 319.878 28.3053C319.984 28.7753 320.101 29.2778 320.189 29.7179C320.26 30.0725 320.324 30.4543 320.342 30.783C322.815 39.1709 329.997 44.5163 338.408 44.5547C347.073 44.594 354.911 40.8283 358.225 36.5743L358.616 36.0731L359.236 36.2136C360.615 36.5262 362.049 36.6951 363.523 36.7019C370.408 36.7331 376.506 33.2358 380.157 27.8632L380.722 27.0318L381.551 27.602C384.373 29.5415 387.772 30.68 391.433 30.6967C399.46 30.7332 406.292 25.3585 408.558 17.9169L408.875 16.8744L409.887 17.2804C411.891 18.0861 414.073 18.5348 416.358 18.5451C416.591 18.5462 416.826 18.542 417.063 18.5337L417.849 18.506L418.06 19.2628C420.185 26.8454 427.024 32.3924 435.135 32.4294C439.065 32.4472 442.705 31.1691 445.666 28.9889L446.722 28.2105L447.192 29.4363C449.78 36.1821 456.21 40.9588 463.734 40.993C471.717 41.0292 478.515 35.7162 480.821 28.338L481.093 27.4652L481.988 27.6587C483.168 27.9148 484.393 28.0544 485.649 28.0601C489.46 28.0774 492.993 26.8776 495.902 24.8186L496.688 24.2626L497.273 25.026C500.526 29.2601 505.575 31.9846 511.255 32.0104C516.33 32.0335 520.924 29.8959 524.192 26.4393L525.73 24.8124L525.915 27.0438C526.684 36.3268 534.31 43.6132 543.608 43.6555C552.911 43.6978 560.309 36.7534 561.397 27.7205L561.54 26.5298L562.686 26.8846C564.301 27.3856 566.018 27.6595 567.797 27.6676C577.634 27.7123 585.675 19.6326 585.72 9.58473C585.722 9.26424 585.715 8.94572 585.7 8.63346L585.603 6.60175L587.272 7.76657C590.118 9.75307 593.556 10.9211 597.266 10.938C600.372 10.952 603.296 10.1558 605.846 8.74644L607.279 7.95509L607.33 9.5901C607.634 19.3253 615.461 27.1184 625.078 27.1621C633.896 27.2021 641.269 20.7122 642.735 12.1259L642.947 10.8886L644.105 11.3704C646.16 12.2262 648.408 12.7034 650.766 12.7142C656.998 12.7425 662.503 9.51293 665.72 4.58277L666.659 3.14464L667.446 4.66972C668.529 6.76828 670.088 8.61003 671.914 10.1266L671.913 -5.84526L-2.23109 -8.87282Z" fill="#fef2f9" stroke="#ed088b" stroke-width="2"></path> <path d="M643.5 21C639.179 28.0399 633.26 31.5 625 31.5C617.5 31.5 611.059 28.385 607 21" stroke="#ed088b"></path> <path d="M562 37.8672C557.679 44.9071 551.76 48.3672 543.5 48.3672C536 48.3672 529.559 45.2522 525.5 37.8671" stroke="#ed088b"></path> <path d="M482 34.8672C477.679 41.9071 471.76 45.3672 463.5 45.3672C456 45.3672 449.559 42.2522 445.5 34.8671" stroke="#ed088b"></path> <path d="M244 37.5C238.885 43.9862 232.646 45.9017 224.399 45.4411C216.5 45 209.167 39.309 206.001 31.5" stroke="#ed088b"></path> <path d="M353.5 45C346.5 49 338.466 49.6853 330.5 47.5001C324.5 45.8541 318.461 39.6955 316.501 31.5" stroke="#ed088b"></path> <path d="M180 24.8672C175.679 31.9071 169.76 35.3672 161.5 35.3672C154 35.3672 147.559 32.2522 143.5 24.8671" stroke="#ed088b"></path> <path d="M82.4616 21.8723C78.9402 28.7582 73.4373 32.5087 65.2278 33.3054C57.7739 34.0287 51.0301 31.7875 46.1858 25.3927" stroke="#ed088b"></path> </g> <defs> <clipPath id="clip0_9563_935"> <rect width="670" height="50" fill="white" transform="matrix(-1 0 0 -1 670 50)"></rect> </clipPath> </defs> </svg> </div> <div class="contact-us-section pt-30 pb-30 bg-pink px-30 position-relative"> <div class="position-absolute vector-all bg-vector-14"> <img src="{{ asset('assets/img/vcard24/bg-vector-14.png') }}" loading="lazy" class="w-100" /> </div> <div class="position-absolute vector-all bg-vector-17 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-17.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading pink text-center"> <h2 class="mb-0">{{ __('messages.contact_us.inquries') }}</h2> </div> @if (getLanguage($vcard->default_language) != 'Arabic') <div class="contact-form"> <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" class="form-control" name="name" placeholder="{{ __('messages.form.your_name') }}" /> </div> <div class="col-12"> <input type="email" class="form-control" name="email" placeholder="{{ __('messages.form.your_email') }}" /> </div> <div class="col-12"> <input type="tel" class="form-control" name="phone" placeholder="{{ __('messages.form.phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")" /> </div> <div class="col-12 mb-3"> <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"> <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 mb-3"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition required" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-black">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-14">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-black">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-14">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <div class="col-12 text-center"> <button class="contact-btn send-btn btn rounded-pill btn-pink" 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-sm-6 pe-sm-2"> <input type="text" class="form-control text-start" name="name" placeholder="{{ __('messages.form.your_name') }}" /> </div> <div class="col-sm-6 ps-sm-2"> <input type="email" class="form-control text-start" name="email" placeholder="{{ __('messages.form.your_email') }}" /> </div> <div class="col-12"> <input type="tel" class="form-control text-start" name="phone" placeholder="{{ __('messages.form.phone') }}" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")" /> </div> <div class="col-12 mb-3"> <textarea class="form-control text-start h-100" name="message" placeholder="{{ __('messages.form.type_message') }}" rows="3"></textarea> </div> @if (isset($inquiry) && $inquiry == 1) <div class="mb-3 mt-3"> <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 mb-3"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition required" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-black">{{ __('messages.vcard.agree_to_our') }}</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-14">{!! __('messages.vcard.term_and_condition') !!}</a> <span class="text-black">&</span> <a href="{{ $vcardPrivacyAndTerm }}" target="_blank" class="text-decoration-none link-info fs-14">{{ __('messages.vcard.privacy_policy') }}</a> </label> </div> @endif <div class="col-12 text-center"> <button class="contact-btn send-btn btn rounded btn-orange" type="submit"> {{ __('messages.contact_us.send_message') }} </button> </div> </div> </form> </div> @endif </div> </div> </div> @endif @if ($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation) <div class="create-vcard-section position-relative pt-40 px-30"> <div class="position-absolute vector-all bg-vector-15"> <img src="{{ asset('assets/img/vcard24/bg-vector-15.png') }}" loading="lazy" class="w-100" /> </div> <div class="section-heading blue text-center"> <h2 class="mb-0">{{ __('messages.create_vcard') }}</h2> </div> <div class="vcard-link-card card"> <div class="d-flex justify-content-center align-items-center link"> <a href="{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}" target="blank" class="fw-6 text-primary link-text">{{ route('register', ['referral-code' => $vcard->user->affiliate_code]) }}</a> <i class="icon fa-solid fa-arrow-up-right-from-square text-primary ms-3"></i> </div> </div> </div> @endif {{-- map --}} @if ((isset($managesection) && $managesection['map']) || empty($managesection)) @if ($vcard->location_type == 0 && ($vcard->location_url && isset($url[5]))) <div class="main-section pt-40 px-30 position-relative"> <div class="position-absolute vector-all bg-vector-16 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-16.png') }}" loading="lazy" class="w-100" /> </div> <div class="map-section"> <div class="map-content"> <div class="d-flex gap-2 align-items-center px-3 py-2" @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/vcard24/location.svg') }}" /> </div> <p class="text-dark mb-0">{!! ucwords($vcard->location) !!}</p> </div> <iframe width="100%" height="300px" class="d-block" src='https://maps.google.de/maps?q={{ $url[5] }}/&output=embed' frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border-radius:0 0 15px 15px;"></iframe> </div> </div> </div> @endif @if ($vcard->location_type == 1 && !empty($vcard->location_embed_tag)) <div class="main-section pt-40 px-30 position-relative"> <div class="position-absolute vector-all bg-vector-16 text-end"> <img src="{{ asset('assets/img/vcard24/bg-vector-16.png') }}" loading="lazy" class="w-100" /> </div> <div class="map-section"> <div class="map-content"> <div class="d-flex gap-2 align-items-center px-3 py-2" @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/vcard24/location.svg') }}" /> </div> <p class="text-dark mb-0">{!! ucwords($vcard->location) !!}</p> </div> <div class="embed-responsive embed-responsive-16by9 rounded overflow-hidden" style="height: 300px;"> {!! $vcard->location_embed_tag ?? '' !!} </div> </div> </div> </div> @endif @endif {{-- add to contact --}} @if ($vcard->enable_contact) <div class="bg-img"> <img src="{{ asset('assets/img/vcard24/main-bg.png') }}" class="w-100" loading="lazy" /> </div> <div class="add-to-contact-section"> <div class="text-center" @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="btn btn-cyan add-contact-btn {{ 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="btn btn-cyan add-contact-btn"><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-primary" target="_blank"> <small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small class="text-primary">{{ __('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-primary" target="_blank"> <small>{{ __('messages.made_by') }} {{ $vcard->made_by }}</small> </a> @else <div class="text-center"> <small class="text-primary">{{ __('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-primary cursor-pointer terms-policies-btn" href="{{ $vcardPrivacyAndTerm }}"><small>{!! __('messages.vcard.term_policy') !!}</small></a> </div> @endif </div> {{-- sticky button --}} <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 school-bars-btn @if (getLanguage($vcard->default_language) == 'Arabic') vcard-bars-btn-left @endif"> <img src="{{ asset('assets/img/vcard24/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="vcard24-sticky-btn vcard24-btn-group d-flex justify-content-center 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) ? 'vcard24-btn-group' : 'stickyIcon' }}"> <button type="button" class="vcard24-btn-group vcard24-share vcard24-sticky-btn mb-3 px-2 py-1 border-0"><i class="fas fa-share-alt fs-4 mt-1"></i></button> @if (!empty($vcard->enable_download_qr_code)) <a type="button" class="vcard24-btn-group vcard24-sticky-btn d-flex justify-content-center 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"></i></a> @endif </div> @endif </div> </div> </div> </div> {{-- newslatter 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 px-0 position-relative"> <button type="button" class="btn-close text-light" 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="form-control bg-dark border-0 text-light email-input w-100" placeholder="{{ __('messages.form.enter_your_email') }}" name="email" id="emailSubscription" aria-label="Email" 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="vcard24-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 p-0"> <button type="button" aria-label="Close" class="btn btn-sm btn-icon btn-active-color-danger border-none" 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 fw-bolder"> {{ __('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 class="fa-2x"><svg xmlns="http://www.w3.org/2000/svg" height="1em" 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 fw-bolder"> {{ __('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 fw-bolder"> {{ __('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 fw-bolder"> {{ __('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 fw-bolder"> {{ __('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 fw-bolder"> {{ __('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 fw-bolder"> {{ __('messages.social.Share_on_whatsapp') }}</p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" 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 fw-bolder"> {{ __('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> </div> </div> </body> <script> @if (isset(checkFeature('advanced')->custom_js) && $vcard->custom_js) {!! $vcard->custom_js !!} @endif </script> @include('vcardTemplates.template.templates') <script src="https://js.stripe.com/v3/"></script> <script src="https://checkout.razorpay.com/v1/checkout.js"></script> <script src="../js/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> @if (checkFeature('seo') && $vcard->google_analytics) {!! $vcard->google_analytics !!} @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() { $(".gallery-slider").slick({ arrows: false, infinite: false, dots: true, slidesToShow: 1, autoplay: true, prevArrow: '<button class="slide-arrow prev-arrow"><i class="fa-solid fa-arrow-left"></i></button>', nextArrow: '<button class="slide-arrow next-arrow"><i class="fa-solid fa-arrow-right"></i></button>', responsive: [{ breakpoint: 575, settings: { infinite: true, arrows: false, dots: true, }, }, ], }); $(".product-slider").slick({ arrows: false, infinite: true, dots: false, slidesToShow: 2, slidesToScroll: 1, autoplay: true, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, dots: false, }, }, ], }); $(".testimonial-slider").slick({ arrows: false, infinite: true, dots: false, slidesToShow: 1, autoplay: true, }); @if ($vcard->services_slider_view) $('.services-slider-view').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 2, autoplay: true, slidesToScroll: 1, arrows: false, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, }, }, ], }); @endif $(".blog-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, /* autoplay: true, */ }); $(".iframe-slider").slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true, speed: 300, infinite: true, autoplaySpeed: 5000, autoplay: false, responsive: [{ breakpoint: 575, settings: { centerPadding: "125px", dots: true, }, }, { breakpoint: 480, settings: { centerPadding: "0", dots: true, }, }, ], }); }); </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 qrCodeTwenty = document.getElementById("qr-code-twentyfour"); const svg = qrCodeTwenty.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> 'use strict'; var app = { chars: 'abcdefghijklmnopqrstuvwxyz0123456789±×÷=≠≈√∞πΣ∑ΔΩ∫∇∂≤≥≡⊕⊗∩∪∅∃∀∈∉→←↔⇌∴∵'.split(''), colors: ['#423f8d', '#1cbbb4', '#ed078b', '#f7941e'], init: function() { app.container = document.createElement('div'); app.container.className = 'animation-container'; document.body.appendChild(app.container); setInterval(app.add, 100); }, add: function() { var element = document.createElement('span'); app.container.appendChild(element); app.animate(element); }, animate: function(element) { var character = app.chars[Math.floor(Math.random() * app.chars.length)]; var duration = Math.random() * 10 + 10; var offset = Math.random() * 100; var size = Math.floor(Math.random() * 26) + 10; var color = app.colors[Math.floor(Math.random() * app.colors.length)]; // Set parent styles (falling) element.style.left = offset + 'vw'; element.style.fontSize = size + 'px'; element.style.animationDuration = duration + 's'; element.style.color = color; // Create inner span for zoom/pulse effect var inner = document.createElement('span'); inner.className = 'char'; inner.textContent = character; element.appendChild(inner); setTimeout(function() { if (element && element.parentNode) { element.parentNode.removeChild(element); } }, duration * 1000); } }; document.addEventListener('DOMContentLoaded', app.init); </script> </html>
SAVE
CANCEL