PATH:
home
/
rwabteecom
/
public_html
/
storage
/
framework
/
views
/
Editing: bc6b7328e64dcc64b5b6100396107e84.php
<!DOCTYPE html> <html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>"> <head> <meta charset="UTF-8" /> <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>"> <?php if(checkFeature('seo')): ?> <?php if($vcard->meta_description): ?> <meta name="description" content="<?php echo e($vcard->meta_description); ?>"> <?php endif; ?> <?php if($vcard->meta_keyword): ?> <meta name="keywords" content="<?php echo e($vcard->meta_keyword); ?>"> <?php endif; ?> <?php else: ?> <meta name="description" content="<?php echo e(strip_tags($vcard->description)); ?>"> <meta name="keywords" content=""> <?php endif; ?> <meta property="og:image" content="<?php echo e($vcard->cover_url); ?>" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <?php if(checkFeature('seo') && $vcard->site_title && $vcard->home_title): ?> <title><?php echo e($vcard->home_title); ?> | <?php echo e($vcard->site_title); ?></title> <?php else: ?> <title><?php echo e($vcard->name); ?> | <?php echo e(getAppName()); ?></title> <?php endif; ?> <!-- PWA --> <meta name="theme-color" content="#6777ef" /> <link rel="apple-touch-icon" href="<?php echo e(asset('logo.png')); ?>"> <link rel="manifest" href="<?php echo e(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="<?php echo e(asset('front/css/bootstrap.min.css')); ?>" rel="stylesheet"> <link rel="icon" href="<?php echo e(getVcardFavicon($vcard)); ?>" type="image/png"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/slider/css/slick.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/slider/css/slick-theme.min.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/new_vcard/slick-theme.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/new_vcard/slick.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/new_vcard/custom.css')); ?>"> <link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/css/third-party.css')); ?>"> <link rel="stylesheet" type="text/css" href="<?php echo e(asset('css/plugins.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/custom-vcard.css')); ?>"> <link rel="stylesheet" href="<?php echo e(mix('assets/css/vcard28.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/lightbox.css')); ?>"> <?php if($vcard->font_family || $vcard->font_size || $vcard->custom_css): ?> <style> <?php if(checkFeature('custom-fonts')): ?> <?php if($vcard->font_family): ?> body { font-family: <?php echo e($vcard->font_family); ?>; } <?php endif; ?> <?php if($vcard->font_size): ?> div>h4 { font-size: <?php echo e($vcard->font_size); ?>px !important; } <?php endif; ?> <?php endif; ?> <?php if(isset(checkFeature('advanced')->custom_css)): ?> <?php echo $vcard->custom_css; ?> <?php endif; ?> </style> <?php endif; ?> </head> <body> <div class="vcard-twentyeight-effect position-fixed w-100 h-100 top-0 start-0"> </div> <div class="container p-0"> <?php if(checkFeature('password')): ?> <?php echo $__env->make('vcards.password', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <?php endif; ?> <div class="main-content mx-auto w-100 overflow-hidden <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> rtl <?php endif; ?>"> <?php 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"><?php echo e(__('messages.pwa.add_to_home_screen')); ?></h1> <p class="text-start pwa-text text-dark"><?php echo e(__('messages.pwa.pwa_description')); ?> </p> <div class="text-end d-flex"> <button id="installPwaBtn" class="pwa-install-button w-50 mb-1 btn"><?php echo e(__('messages.pwa.install')); ?> </button> <button class= "pwa-cancel-button w-50 ms-2 pwa-close btn btn-secondary mb-1"><?php echo e(__('messages.common.cancel')); ?></button> </div> </div> </div> </div> <?php endif; ?> <?php if((isset($managesection) && $managesection['banner']) || empty($managesection)): ?> <?php 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"><?php echo e($banners->title); ?></h1> <p class="text-center text-dark support_text"><?php echo e($banners->description); ?> </p> <div class="text-center mt-3"> <a href="<?php echo e($banners->url); ?>" class="act-now text-light" target="_blank" data-turbo="false"><?php echo e($banners->banner_button); ?></a> </div> </div> </div> <?php endif; ?> <?php endif; ?> <div class="banner-section position-relative"> <div class="banner-img <?php if($vcard->cover_type == 2): ?> h-auto <?php endif; ?>"> <?php $coverClass = $vcard->cover_image_type == 0 ? 'object-fit-cover w-100 h-100' : 'object-fit-cover w-100 h-100'; ?> <?php if($vcard->cover_type == 0): ?> <img src="<?php echo e($vcard->cover_url); ?>" class="<?php echo e($coverClass); ?>" loading="lazy" /> <?php elseif($vcard->cover_type == 1): ?> <?php if(strpos($vcard->cover_url, '.mp4') !== false || strpos($vcard->cover_url, '.mov') !== false || strpos($vcard->cover_url, '.avi') !== false): ?> <video class="cover-video <?php echo e($coverClass); ?>" loop autoplay muted playsinline alt="background video" id="cover-video"> <source src="<?php echo e($vcard->cover_url); ?>" type="video/mp4"> </video> <?php endif; ?> <?php elseif($vcard->cover_type == 2): ?> <div class="youtube-link-28"> <iframe src="https://www.youtube.com/embed/<?php echo e(YoutubeID($vcard->youtube_link)); ?>?autoplay=1&mute=1&loop=1&playlist=<?php echo e(YoutubeID($vcard->youtube_link)); ?>&controls=0&modestbranding=1&showinfo=0&rel=0" class="cover-video <?php echo e($coverClass); ?> h-100" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> </div> <?php endif; ?> </div> <div class="d-flex justify-content-end position-absolute top-0 end-0 mx-3 language-btn"> <?php 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"> <?php echo e(strtoupper(getLanguageIsoCode($vcard->default_language))); ?> </a> <ul class="dropdown-menu top-dropdown lang-hover-list top-100 mt-0"> <?php $__currentLoopData = getAllLanguageWithFullData(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $language): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <li class="<?php echo e(getLanguageIsoCode($vcard->default_language) == $language->iso_code ? 'active' : ''); ?>"> <a href="javascript:void(0)" id="languageName" data-name="<?php echo e($language->iso_code); ?>"> <?php if(array_key_exists($language->iso_code, \App\Models\User::FLAG)): ?> <?php $__currentLoopData = \App\Models\User::FLAG; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $imageKey => $imageValue): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php if($imageKey == $language->iso_code): ?> <img src="<?php echo e(asset($imageValue)); ?>" class="me-1" /> <?php endif; ?> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> <?php else: ?> <?php if(count($language->media) != 0): ?> <img src="<?php echo e($language->image_url); ?>" class="me-1" /> <?php else: ?> <i class="fa fa-flag fa-xl me-3 text-danger" aria-hidden="true"></i> <?php endif; ?> <?php endif; ?> <?php echo e(strtoupper($language->iso_code)); ?> </a> </li> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </ul> </li> </ul> </div> <?php endif; ?> </div> <div class="overlay"></div> </div> <?php if(getLanguage($vcard->default_language) != 'Arabic'): ?> <div class="profile-section position-relative"> <div class="card d-flex flex-column flex-sm-row align-items-center position-relative <?php if($vcard->cover_type == 2): ?> profile-min-height <?php else: ?> <?php endif; ?>"> <div class="card-img <?php if($vcard->cover_type == 2): ?> profile-top-margin <?php endif; ?>"> <img src="<?php echo e($vcard->profile_url); ?>" class="w-100 h-100 object-fit-cover" /> </div> <div class="card-body p-0 text-sm-start text-center <?php if($vcard->cover_type == 2): ?> profile-desc-margin <?php endif; ?>"> <div class="profile-name"> <h2 class="text-black mb-0 fs-28"> <?php echo e(ucwords($vcard->first_name . ' ' . $vcard->last_name)); ?> <?php if($vcard->is_verified): ?> <i class="verification-icon bi-patch-check-fill text-primary"></i> <?php endif; ?> </h2> <p class="fs-16 text-decoration-underline text-primary mb-0"><?php echo e(ucwords($vcard->company)); ?></p> <p class="fs-14 text-gray-200 mb-0"><?php echo e(ucwords($vcard->occupation)); ?></p> <p class="fs-14 text-gray-200 mb-0"><?php echo e(ucwords($vcard->job_title)); ?></p> </div> </div> </div> <div class="fs-16 text-center profile-desc px-30 pt-40"> <p class="fs-16 text-center"> <?php echo $vcard->description; ?> </p> </div> <?php if(checkFeature('social_links') && getSocialLink($vcard)): ?> <div class="social-media px-30 d-flex flex-wrap justify-content-sm-start justify-content-center pt-40 position-relative"> <div class="position-absolute vector-all vector-2"> <img src="<?php echo e(asset('assets/img/vcard28/vector-2.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="social-icons d-flex justify-content-center text-decoration-none flex-wrap text-primary bg-gray-100 rounded-pill"> <?php $__currentLoopData = getSocialLink($vcard); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <span class="social-back d-flex text-decoration-none bg-gray-100 justify-content-center align-items-center text-primary"> <?php echo $value; ?> </span> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> <?php if(checkFeature('custom-links') && $customLink->isNotEmpty()): ?> <div class="custom-link-section"> <div class="custom-link d-flex flex-wrap justify-content-center pt-40 w-100 gap-2"> <?php $__currentLoopData = $customLink; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php if($value->show_as_button == 1): ?> <a href="<?php echo e($value->link); ?>" <?php if($value->open_new_tab == 1): ?> target="_blank" <?php endif; ?> style=" <?php if($value->button_color): ?> background-color: <?php echo e($value->button_color); ?>; <?php endif; ?> <?php if($value->button_type === 'rounded'): ?> border-radius: 20px; <?php endif; ?> <?php if($value->button_type === 'square'): ?> border-radius: 0px; <?php endif; ?>" class="d-flex justify-content-center align-items-center text-decoration-none link-text font-primary btn"> <?php echo e($value->link_name); ?> </a> <?php else: ?> <a href="<?php echo e($value->link); ?>" <?php if($value->open_new_tab == 1): ?> target="_blank" <?php endif; ?> class="d-flex justify-content-center align-items-center text-decoration-none link-text text-black"> <?php echo e($value->link_name); ?> </a> <?php endif; ?> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> </div> <?php else: ?> <div class="rtl" dir="rtl"> <div class="profile-section"> <div class="card d-flex flex-column flex-sm-row align-items-center position-relative <?php if($vcard->cover_type == 2): ?> profile-min-height <?php else: ?> <?php endif; ?>"> <div class="card-img profile-left <?php if($vcard->cover_type == 2): ?> profile-top-margin <?php endif; ?>"> <img src="<?php echo e($vcard->profile_url); ?>" class="w-100 h-100 object-fit-cover" /> </div> <div class="card-body p-0 text-sm-start text-center <?php if($vcard->cover_type == 2): ?> profile-desc-margin <?php endif; ?>"> <div class="profile-name"> <h2 class="text-black mb-0 fs-28"> <?php echo e(ucwords($vcard->first_name . ' ' . $vcard->last_name)); ?> <?php if($vcard->is_verified): ?> <i class="verification-icon bi-patch-check-fill text-primary"></i> <?php endif; ?> </h2> <p class="fs-16 text-decoration-underline text-primary mb-0"><?php echo e(ucwords($vcard->company)); ?></p> <p class="fs-14 text-gray-200 mb-0"><?php echo e(ucwords($vcard->occupation)); ?></p> <p class="fs-14 text-gray-200 mb-0"><?php echo e(ucwords($vcard->job_title)); ?></p> </div> </div> </div> <div class="fs-16 text-center text-gray-500 profile-desc px-30 pt-40"> <p class="fs-16 text-center"> <?php echo $vcard->description; ?> </p> </div> <?php if(checkFeature('social_links') && getSocialLink($vcard)): ?> <div class="social-media px-30 d-flex flex-wrap justify-content-center position-relative pt-40"> <div class="position-absolute vector-all vector-2"> <img src="<?php echo e(asset('assets/img/vcard28/vector-2.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="social-icons d-flex justify-content-center text-decoration-none flex-wrap text-primary bg-gray-100 rounded-pill"> <?php $__currentLoopData = getSocialLink($vcard); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <span class="social-back d-flex text-decoration-none bg-gray-100 justify-content-center align-items-center text-primary"> <?php echo $value; ?> </span> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> <?php if(checkFeature('custom-links') && $customLink->isNotEmpty()): ?> <div class="custom-link-section"> <div class="custom-link d-flex flex-wrap justify-content-center pt-40 w-100 gap-2"> <?php $__currentLoopData = $customLink; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php if($value->show_as_button == 1): ?> <a href="<?php echo e($value->link); ?>" <?php if($value->open_new_tab == 1): ?> target="_blank" <?php endif; ?> style=" <?php if($value->button_color): ?> background-color: <?php echo e($value->button_color); ?>; <?php endif; ?> <?php if($value->button_type === 'rounded'): ?> border-radius: 20px; <?php endif; ?> <?php if($value->button_type === 'square'): ?> border-radius: 0px; <?php endif; ?>" class="d-flex justify-content-center align-items-center text-decoration-none link-text font-primary btn"> <?php echo e($value->link_name); ?> </a> <?php else: ?> <a href="<?php echo e($value->link); ?>" <?php if($value->open_new_tab == 1): ?> target="_blank" <?php endif; ?> class="d-flex justify-content-center align-items-center text-decoration-none link-text text-black"> <?php echo e($value->link_name); ?> </a> <?php endif; ?> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> </div> </div> <?php endif; ?> <?php $hasContactData = $vcard->email || $vcard->alternative_email || $vcard->phone || $vcard->alternative_phone || $vcard->dob || $vcard->location; ?> <?php if(((isset($managesection) && $managesection['contact_list']) || empty($managesection)) && $hasContactData): ?> <div class="contact-section pt-50 px-30 position-relative"> <div class="position-absolute vector-all vector-3 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/services-bg2.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.contact_us.contact')); ?></h2> </div> <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> <div class="row row-gap-20px contact-main-box" dir="rtl"> <?php if($vcard->email): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center flex-row-reverse"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/email.svg')); ?>" /> </div> <div class="contact-desc pe-3"> <a href="mailto:<?php echo e($vcard->email); ?>" class="text-black fw-5"><?php echo e($vcard->email); ?></a> </div> </div> </div> <?php endif; ?> <?php if($vcard->alternative_email): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center flex-row-reverse"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/email.svg')); ?>" /> </div> <div class="contact-desc pe-3"> <a href="mailto:<?php echo e($vcard->alternative_email); ?>" class="text-black fw-5"><?php echo e($vcard->alternative_email); ?></a> </div> </div> </div> <?php endif; ?> <?php if($vcard->phone): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center flex-row-reverse"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/phone.svg')); ?>" /> </div> <div class="contact-desc pe-3"> <a href="tel:+<?php echo e($vcard->region_code); ?><?php echo e($vcard->phone); ?>" class="text-black fw-5" dir="ltr"> +<?php echo e($vcard->region_code); ?><?php echo e($vcard->phone); ?> </a> </div> </div> </div> <?php endif; ?> <?php if($vcard->alternative_phone): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center flex-row-reverse"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/phone.svg')); ?>" /> </div> <div class="contact-desc pe-3"> <a href="tel:+<?php echo e($vcard->alternative_region_code); ?><?php echo e($vcard->alternative_phone); ?>" class="text-black fw-5" dir="ltr"> +<?php echo e($vcard->alternative_region_code); ?><?php echo e($vcard->alternative_phone); ?> </a> </div> </div> </div> <?php endif; ?> <?php if($vcard->dob): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center flex-row-reverse"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/dob.svg')); ?>" /> </div> <div class="contact-desc pe-3"> <p class="mb-0 text-black fw-5"><?php echo e($vcard->dob); ?></p> </div> </div> </div> <?php endif; ?> <?php if($vcard->location): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center flex-row-reverse"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/location.svg')); ?>" /> </div> <div class="contact-desc pe-3"> <p class="mb-0 text-black fw-5"><?php echo ucwords($vcard->location); ?></p> </div> </div> </div> <?php endif; ?> </div> <?php else: ?> <div class="row row-gap-20px contact-main-box"> <?php if($vcard->email): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/email.svg')); ?>" /> </div> <div class="contact-desc ps-3"> <a href="mailto:<?php echo e($vcard->email); ?>" class="text-black fw-5"><?php echo e($vcard->email); ?></a> </div> </div> </div> <?php endif; ?> <?php if($vcard->alternative_email): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/email.svg')); ?>" /> </div> <div class="contact-desc ps-3"> <a href="mailto:<?php echo e($vcard->alternative_email); ?>" class="text-black fw-5"><?php echo e($vcard->alternative_email); ?></a> </div> </div> </div> <?php endif; ?> <?php if($vcard->phone): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/phone.svg')); ?>" /> </div> <div class="contact-desc ps-3"> <a href="tel:+<?php echo e($vcard->region_code); ?><?php echo e($vcard->phone); ?>" class="text-black fw-5" dir="ltr"> +<?php echo e($vcard->region_code); ?><?php echo e($vcard->phone); ?> </a> </div> </div> </div> <?php endif; ?> <?php if($vcard->alternative_phone): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/phone.svg')); ?>" /> </div> <div class="contact-desc ps-3"> <a href="tel:+<?php echo e($vcard->alternative_region_code); ?><?php echo e($vcard->alternative_phone); ?>" class="text-black fw-5" dir="ltr"> +<?php echo e($vcard->alternative_region_code); ?><?php echo e($vcard->alternative_phone); ?> </a> </div> </div> </div> <?php endif; ?> <?php if($vcard->dob): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/dob.svg')); ?>" /> </div> <div class="contact-desc ps-3"> <p class="mb-0 text-black fw-5"><?php echo e($vcard->dob); ?></p> </div> </div> </div> <?php endif; ?> <?php if($vcard->location): ?> <div class="col-sm-6"> <div class="contact-box d-flex align-items-center"> <div class="contact-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/location.svg')); ?>" /> </div> <div class="contact-desc ps-3"> <p class="mb-0 text-black fw-5"><?php echo ucwords($vcard->location); ?></p> </div> </div> </div> <?php endif; ?> </div> <?php endif; ?> </div> <?php endif; ?> <?php if((isset($managesection) && $managesection['services']) || empty($managesection)): ?> <?php if(checkFeature('services') && $vcard->services->count()): ?> <div class="our-services-section pt-50"> <div class="services-bg img-1"> <img src="<?php echo e(asset('assets/img/vcard28/services-bg1.png')); ?>" alt="bg-img" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.vcard.our_service')); ?></h2> </div> <div class="services"> <?php if($vcard->services_slider_view): ?> <div class="px-20"> <div class="services-slider-view"> <?php $__currentLoopData = $vcard->services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div> <div class="service-card h-100"> <a href="<?php echo e($service->service_url ?? 'javascript:void(0)'); ?>" class="text-decoration-none img <?php echo e($service->service_url ? 'pe-auto' : 'pe-none'); ?>" target="<?php echo e($service->service_url ? '_blank' : ''); ?>"> <img src="<?php echo e($service->service_icon); ?>" class="card-img-top card-img service-new-image" alt="<?php echo e($service->name); ?>" loading="lazy"> </a> <div class="text-center"> <a href="<?php echo e($service->service_url ?? 'javascript:void(0)'); ?>" class="text-decoration-none" target="<?php echo e($service->service_url ? '_blank' : ''); ?>"> <h5 class="card-title title-text"> <?php echo e(ucwords($service->name)); ?></h5> </a> <p class="card-text description-text <?php echo e(\Illuminate\Support\Str::length($service->description) > 170 ? 'more' : ''); ?>"> <?php echo \Illuminate\Support\Str::limit($service->description, 170, '...'); ?></p> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php else: ?> <div class="px-30"> <div class="row pt-30 row-gap-20px"> <?php $__currentLoopData = $vcard->services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="col-sm-6"> <div class="service-card h-100"> <div class="card-img"> <a href="<?php echo e($service->service_url ?? 'javascript:void(0)'); ?>" class="<?php echo e($service->service_url ? 'pe-auto' : 'pe-none'); ?>" target="<?php echo e($service->service_url ? '_blank' : ''); ?>"> <img src="<?php echo e($service->service_icon); ?>" alt="branding" loading="lazy" /> </a> </div> <div class="card-body text-center p-0"> <h3 class="card-title text-primary mb-10"> <?php echo e(ucwords($service->name)); ?> </h3> <p class="mb-0 text-black text-center <?php echo e(\Illuminate\Support\Str::length($service->description) > 170 ? 'more' : ''); ?>"> <?php echo \Illuminate\Support\Str::limit($service->description, 170, '...'); ?> </p> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> </div> </div> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['appointments']) || empty($managesection)): ?> <?php if(checkFeature('appointments') && $vcard->appointmentHours->count()): ?> <div class="appointment-section pt-50 px-30"> <div class="appointment-bg img-3 text-end vector-all"> <img src="<?php echo e(asset('assets/img/vcard28/appointment-bg3.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.make_appointments')); ?></h2> </div> <div class="appointment"> <div class="row"> <div class="col-12"> <div class="position-relative"> <?php echo e(Form::text('date', null, ['class' => 'date appoint-input form-control appointment-input text-start', 'placeholder' => __('messages.form.pick_date'), 'id' => 'pickUpDate'])); ?> </div> </div> </div> <div class="row"> <div class=""> <div id="slotData" class="row "> </div> </div> </div> <div class="text-center"> <button type="submit" class="appointmentAdd btn btn-primary d-none"> <?php echo e(__('messages.make_appointments')); ?> </button> </div> </div> </div> <?php echo $__env->make('vcardTemplates.appointment', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['galleries']) || empty($managesection)): ?> <?php if(checkFeature('gallery') && $vcard->gallery->count()): ?> <div class="gallery-section pt-50 px-20"> <div class="gallery-bg"> <img src="<?php echo e(asset('assets/img/vcard28/gallery-bg.png')); ?>" alt="bg-img" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.plan.gallery')); ?></h2> </div> <div class="gallery-slider"> <?php $__currentLoopData = $vcard->gallery; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $file): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php $infoPath = pathinfo(public_path($file->gallery_image)); $extension = $infoPath['extension']; ?> <div class="slide"> <div class="gallery-img"> <div class="expand-icon pe-none"> <i class="fas fa-expand text-primary"></i> </div> <?php if($file->type == App\Models\Gallery::TYPE_IMAGE): ?> <a href="<?php echo e($file->gallery_image); ?>" data-lightbox="gallery-images"><img src="<?php echo e($file->gallery_image); ?>" alt="profile" class="w-100" loading="lazy" /></a> <?php elseif($file->type == App\Models\Gallery::TYPE_FILE): ?> <a id="file_url" href="<?php echo e($file->gallery_image); ?>" class="gallery-link gallery-file-link" target="_blank" loading="lazy"> <div class="gallery-item gallery-file-item" <?php if($extension == 'pdf'): ?> style="background-image: url(<?php echo e(asset('assets/images/pdf-icon.png')); ?>)"> <?php endif; ?> <?php if($extension == 'xls'): ?> style="background-image: url(<?php echo e(asset('assets/images/xls.png')); ?>)"> <?php endif; ?> <?php if($extension == 'csv'): ?> style="background-image: url(<?php echo e(asset('assets/images/csv-file.png')); ?>)"> <?php endif; ?> <?php if($extension == 'xlsx'): ?> style="background-image: url(<?php echo e(asset('assets/images/xlsx.png')); ?>)"> <?php endif; ?> </div> </a> <?php elseif($file->type == App\Models\Gallery::TYPE_VIDEO): ?> <video width="100%" height="100%" controls> <source src="<?php echo e($file->gallery_image); ?>"> </video> <?php elseif($file->type == App\Models\Gallery::TYPE_AUDIO): ?> <div class="audio-container mt-2"> <img src="<?php echo e(asset('assets/img/music.jpeg')); ?>" alt="Album Cover" class="audio-image"> <audio controls src="<?php echo e($file->gallery_image); ?>" class="audio-control"> Your browser does not support the <code>audio</code> element. </audio> </div> <?php else: ?> <iframe src="https://www.youtube.com/embed/<?php echo e(YoutubeID($file->link)); ?>" class="w-100" height="315"> </iframe> <?php endif; ?> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['products']) || empty($managesection)): ?> <?php if(checkFeature('products') && $vcard->products->count()): ?> <div class="product-section pt-50 px-20"> <div class="product-bg img-2 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/create-vcard-bg.png')); ?>" alt="bg-img" /> </div> <div class="section-heading px-3"> <h2><?php echo e(__('messages.plan.products')); ?></h2> </div> <div class="product-slider"> <?php $__currentLoopData = $vcard->products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class=""> <div class="product-card card"> <div class="product-img card-img"> <a <?php if($product->product_url): ?> href="<?php echo e($product->product_url); ?>" <?php endif; ?> target="_blank" class="text-decoration-none fs-6 object-fit-cover"><img src="<?php echo e($product->product_icon); ?>" class="w-100 h-100 object-fit-contain" loading="lazy"></a> </div> <div class="product-desc card-body p-0 text-center"> <h3 class="text-black fw-5 mb-3"><?php echo e($product->name); ?></h3> <div class="amount fw-6 mb-0 text-primary lh-1"> <?php if($product->currency_id && $product->price): ?> <div class="text-primary amount-price d-flex align-items-center gap-2 justify-content-center"> <span> <?php echo e($product->currency->currency_icon); ?> </span> <?php echo e(getSuperAdminSettingValue('hide_decimal_values') == 1 ? number_format($product->price, 0) : number_format($product->price, 2)); ?></div> <?php elseif($product->price): ?> <span class="text-primary"><?php echo e(getUserCurrencyIcon($vcard->user->id) . ' ' . $product->price); ?></span> <?php endif; ?> </div> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> <div class="text-center"> <div class="d-inline-flex gap-2 align-items-center mt-4 text-center view-more mx-auto"> <a class="fs-6 text"" href="<?php echo e($vcardProductUrl); ?>"><?php echo e(__('messages.analytics.view_more')); ?></a> <i class="fa-solid fa-arrow-right right-arrow-animation"></i> </div> </div> </div> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['insta_embed']) || empty($managesection)): ?> <?php if(checkFeature('insta_embed') && $vcard->instagramEmbed->count()): ?> <div class=""> <div class="section-heading text-center pt-50 position-relative"> <div class="position-absolute vector-all vector-4 text-start"> <img src="<?php echo e(asset('assets/img/vcard28/hour-bg.png')); ?>" alt="bg-img" class="w-100" /> </div> <h2><?php echo e(__('messages.feature.insta_embed')); ?></h2> </div> <nav class="px-30"> <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 mr-0" 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> <div id="postContent" class="insta-feed px-30"> <div class="row overflow-hidden mt-3 row-gap-20px" loading="lazy"> <!-- "Post" content --> <?php $__currentLoopData = $vcard->InstagramEmbed; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $InstagramEmbed): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php if($InstagramEmbed->type == 0): ?> <div class="col-12 col-sm-6 insta-feed-iframe"> <?php echo $InstagramEmbed->embedtag; ?> </div> <?php endif; ?> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <div class="d-none insta-feed px-20" id="reelContent"> <div class="row overflow-hidden mt-3 row-gap-20px"> <!-- "Reel" content --> <?php $__currentLoopData = $vcard->InstagramEmbed; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $InstagramEmbed): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?php if($InstagramEmbed->type == 1): ?> <div class="col-12 col-sm-6 insta-feed-iframe"> <?php echo $InstagramEmbed->embedtag; ?> </div> <?php endif; ?> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['blogs']) || empty($managesection)): ?> <?php if(checkFeature('blog') && $vcard->blogs->count()): ?> <div class="blog-section pt-50 px-20 position-relative"> <div class="position-absolute vector-all vector-5 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/vector-4.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading mx-3"> <h2 class="mb-0"><?php echo e(__('messages.feature.blog')); ?></h2> </div> <div class="blog-slider"> <?php $__currentLoopData = $vcard->blogs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $blog): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <?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="<?php echo e($vcardBlogUrl); ?>"> <img src="<?php echo e($blog->blog_icon); ?>" class="w-100 h-100 object-fit-cover" loading="lazy" /> </a> </div> <div class="card-body px-0 py-2" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <h2 class="text-black blog-head"><?php echo e($blog->title); ?></h2> <p class="text-gray-500 blog-desc mb-2"> <?php echo e(Illuminate\Support\Str::words( str_replace(' ', ' ', strip_tags($blog->description)), 100, '...' )); ?> </p> <div class="d-flex align-items-center justify-content-end"> <a href="<?php echo e($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"> <?php echo e(__('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> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['testimonials']) || empty($managesection)): ?> <?php if(checkFeature('testimonials') && $vcard->testimonials->count()): ?> <div class="testimonial-section pt-50 px-20"> <div class="testimonial-bg img-2 vector-all"> <img src="<?php echo e(asset('assets/img/vcard28/testimonial-bg2.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading text-center mx-4"> <h2><?php echo e(__('messages.plan.testimonials')); ?></h2> </div> <div class="testimonial-slider"> <?php $__currentLoopData = $vcard->testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div> <div class="testimonial-card card"> <div class="testimonial-profile-img mx-auto"> <img src="<?php echo e($testimonial->image_url); ?>" class="w-100 h-100 object-fit-cover" loading="lazy"> </div> <div class="card-body p-0 pt-3 position-relative"> <div class="top-quote-img position-absolute"> <img src="<?php echo e(asset('assets/img/vcard28/quote-img.svg')); ?>" alt="quote" class="h-100" /> </div> <h3 class="text-black text-center"><?php echo e(ucwords($testimonial->name)); ?> </h3> <p class="desc text-gray-500 mb-0 text-center <?php echo e(\Illuminate\Support\Str::length($testimonial->description) > 80 ? 'more' : ''); ?>"> "<?php echo $testimonial->description; ?>" </p> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <?php endif; ?> <?php endif; ?> <?php if((isset($managesection) && $managesection['business_hours']) || empty($managesection)): ?> <?php if($vcard->businessHours->count()): ?> <?php $todayWeekName = strtolower(\Carbon\Carbon::now()->rawFormat('D')); ?> <div class="business-hour-section pt-50 px-30 position-relative"> <div class="position-absolute vector-all vector-6 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/testimonial-bg1.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.business.business_hours')); ?></h2> </div> <div class=""> <div class="business-hour-card row justify-content-center"> <?php $__currentLoopData = $businessDaysTime; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $dayTime): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="col-sm-6"> <div class="business-hour text-center"> <div class="time-day-icons"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-clock"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M10.5 21h-4.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v3"> </path> <path d="M16 3v4"></path> <path d="M8 3v4"></path> <path d="M4 11h10"></path> <path d="M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path> <path d="M18 16.5v1.5l.5 .5"></path> </svg> </div> <div class="text-center"> <div class="text-gray-200"><?php echo e(__('messages.business.' . \App\Models\BusinessHour::DAY_OF_WEEK[$key])); ?> :</div> <div class="text-black"><?php echo e($dayTime ?? __('messages.common.closed')); ?></div> </div> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> <?php endif; ?> <?php endif; ?> <?php if(isset($vcard['show_qr_code']) && $vcard['show_qr_code'] == 1): ?> <div class="qr-code-section pt-50 px-30 position-relative"> <div class="position-absolute vector-all vector-7"> <img src="<?php echo e(asset('assets/img/vcard28/qr-bg1.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.vcard.qr_code')); ?></h2> </div> <div class="qr-code d-flex justify-content-center align-items-center flex-wrap flex-sm-nowrap mb-30" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <div class="qr-code-img" id="qr-code-twentyeight"> <?php if(isset($customQrCode['applySetting']) && $customQrCode['applySetting'] == 1): ?> <?php echo 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()); ?> <?php else: ?> <?php echo QrCode::size(130)->format('svg')->generate(Request::url()); ?> <?php endif; ?> </div> <div class="text-sm-start text-center"> <h5 class="fw-6"><?php echo e(__('messages.vcard.scan_to_contact')); ?></h5> <p class="fs-14 text-gray mb-0"><?php echo e(__('messages.vcard.qr_section_desc')); ?></p> </div> </div> </div> <?php endif; ?> <?php if((isset($managesection) && $managesection['iframe']) || empty($managesection)): ?> <?php if(checkFeature('iframes') && $vcard->iframes->count()): ?> <div class="iframe-section pt-50 position-relative"> <div class="position-absolute vector-all vector-8 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/qr-bg3.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading text-center"> <h2><?php echo e(__('messages.vcard.iframe')); ?></h2> </div> <div class="px-20"> <div class="iframe-slider"> <?php $__currentLoopData = $vcard->iframes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $iframe): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="slide"> <div class="iframe-card"> <div class="overlay"> <iframe src="<?php echo e($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> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> <?php endif; ?> <?php endif; ?> <?php $currentSubs = $vcard ->subscriptions() ->where('status', \App\Models\Subscription::ACTIVE) ->latest() ->first(); ?> <?php if($currentSubs && $currentSubs->plan->planFeature->enquiry_form && $vcard->enable_enquiry_form): ?> <div class="contact-us-section pt-50 px-30 position-relative"> <div class="position-absolute vector-all vector-9"> <img src="<?php echo e(asset('assets/img/vcard28/qr-bg2.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.contact_us.inquries')); ?></h2> </div> <?php if(getLanguage($vcard->default_language) != 'Arabic'): ?> <div class="contact-form"> <form action="" id="enquiryForm" enctype="multipart/form-data"> <?php echo csrf_field(); ?> <div class="row"> <div id="enquiryError" class="alert alert-danger d-none"></div> <div class="col-12"> <input type="text" class="form-control" placeholder="<?php echo e(__('messages.form.your_name')); ?>" name="name" /> </div> <div class="col-12"> <input type="email" class="form-control" placeholder="<?php echo e(__('messages.form.your_email')); ?>" name="email" /> </div> <div class="col-12"> <input type="tel" class="form-control" placeholder="<?php echo e(__('messages.form.phone')); ?>" name="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" placeholder="<?php echo e(__('messages.form.type_message')); ?>" rows="3" name="message"></textarea> </div> <?php 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><?php echo e(__('messages.choose_file')); ?> </h4> <input type="file" id="attachment" name="attachment" hidden multiple /> </div> <small><?php echo e(__('messages.file_supported')); ?></small> </div> <div class="wrapper-file-section"> <div class="selected-files" id="selectedFilesSection" style="display: none;"> <h5><?php echo e(__('messages.selected_files')); ?></h5> <ul class="file-list" id="fileList"></ul> </div> </div> </div> <?php endif; ?> <?php if(!empty($vcard->privacy_policy) || !empty($vcard->term_condition)): ?> <div class="col-12 mb-4"> <div class="d-flex gap-1 align-items-start"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition" id="termConditionCheckbox" placeholder> <label class="form-check-label fs-14" for="privacyPolicyCheckbox"> <span class="text-dark"><?php echo e(__('messages.vcard.agree_to_our')); ?></span> <a href="<?php echo e($vcardPrivacyAndTerm); ?>" target="_blank" class="text-decoration-none link-info text-primary fw-5"><?php echo __('messages.vcard.term_and_condition'); ?></a> <span class="text-dark">&</span> <a href="<?php echo e($vcardPrivacyAndTerm); ?>" target="_blank" class="text-decoration-none link-info text-primary fw-5"><?php echo e(__('messages.vcard.privacy_policy')); ?></a> </label> </div> </div> <?php endif; ?> <div class="col-12 text-center"> <button class="send-btn btn btn-primary contact-btn" type="submit"> <?php echo e(__('messages.contact_us.send_message')); ?> </button> </div> </div> </form> </div> <?php endif; ?> <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> <div class="contact-form" dir="rtl"> <form action="" id="enquiryForm" enctype="multipart/form-data"> <?php echo csrf_field(); ?> <div class="row"> <div id="enquiryError" class="alert alert-danger d-none"></div> <div class="col-12"> <input type="text" class="form-control text-start" placeholder="<?php echo e(__('messages.form.your_name')); ?>" name="name" /> </div> <div class="col-12"> <input type="email" class="form-control text-start" placeholder="<?php echo e(__('messages.form.your_email')); ?>" name="email" /> </div> <div class="col-12"> <input type="tel" class="form-control text-start" placeholder="<?php echo e(__('messages.form.phone')); ?>" name="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" placeholder="<?php echo e(__('messages.form.type_message')); ?>" rows="3" name="message"></textarea> </div> <?php 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><?php echo e(__('messages.choose_file')); ?> </h4> <input type="file" id="attachment" name="attachment" hidden multiple /> </div> <small><?php echo e(__('messages.file_supported')); ?></small> </div> <div class="wrapper-file-section"> <div class="selected-files" id="selectedFilesSection" style="display: none;"> <h5><?php echo e(__('messages.selected_files')); ?></h5> <ul class="file-list" id="fileList"></ul> </div> </div> </div> <?php endif; ?> <?php if(!empty($vcard->privacy_policy) || !empty($vcard->term_condition)): ?> <div class="col-12 mb-4"> <div class="d-flex gap-1 align-items-start"> <input type="checkbox" name="terms_condition" class="form-check-input terms-condition" id="termConditionCheckbox" placeholder> <label class="form-check-label" for="privacyPolicyCheckbox"> <span class="text-dark"><?php echo e(__('messages.vcard.agree_to_our')); ?></span> <a href="<?php echo e($vcardPrivacyAndTerm); ?>" target="_blank" class="text-decoration-none text-primary fs-6"><?php echo __('messages.vcard.term_and_condition'); ?></a> <span class="text-dark">&</span> <a href="<?php echo e($vcardPrivacyAndTerm); ?>" target="_blank" class="text-decoration-none text-primary fs-6"><?php echo e(__('messages.vcard.privacy_policy')); ?></a> </label> </div> </div> <?php endif; ?> <div class="col-12 text-center"> <button class="send-btn btn btn-primary" type="submit"> <?php echo e(__('messages.contact_us.send_message')); ?> </button> </div> </div> </form> </div> <?php endif; ?> </div> <?php endif; ?> <?php if($currentSubs && $currentSubs->plan->planFeature->affiliation && $vcard->enable_affiliation): ?> <div class="create-vcard-section pt-50 px-30 mb-2 position-relative"> <div class="position-absolute vector-all vector-10 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/profile-bg1.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="section-heading"> <h2><?php echo e(__('messages.create_vcard')); ?></h2> </div> <div class="vcard-link-card card"> <div class="d-flex align-items-center justify-content-center gap-3" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <a href="<?php echo e(route('register', ['referral-code' => $vcard->user->affiliate_code])); ?>" class="text-primary link-text fw-5" target="_blank"><?php echo e(route('register', ['referral-code' => $vcard->user->affiliate_code])); ?> </a> <i class="icon fa-solid fa-arrow-up-right-from-square text-primary"></i> </div> </div> </div> <?php endif; ?> <?php if((isset($managesection) && $managesection['map']) || empty($managesection)): ?> <?php if($vcard->location_type == 0 && ($vcard->location_url && isset($url[5]))): ?> <div class="px-30 pt-50 position-relative"> <div class="position-absolute vector-all vector-11"> <img src="<?php echo e(asset('assets/img/vcard28/vector-5.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="map-section"> <div class="map-location d-flex gap-2 align-items-center pb-3 pt-1" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <div class="location-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/location-map.svg')); ?>"> </div> <p class="mb-0 text-black fw-5"><?php echo ucwords($vcard->location); ?></p> </div> <div class="map-iframe"> <iframe width="100%" height="300px" src='https://maps.google.de/maps?q=<?php echo e($url[5]); ?>/&output=embed' frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="border-radius: 10px;"></iframe> </div> </div> </div> <?php endif; ?> <?php if($vcard->location_type == 1 && !empty($vcard->location_embed_tag)): ?> <div class="px-30 pt-50 position-relative"> <div class="position-absolute vector-all vector-11 text-end"> <img src="<?php echo e(asset('assets/img/vcard28/vector-5.png')); ?>" alt="bg-img" class="w-100" /> </div> <div class="map-section"> <div class="map-location d-flex gap-2 align-items-center pb-3 pt-1" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <div class="location-icon d-flex justify-content-center align-items-center"> <img src="<?php echo e(asset('assets/img/vcard28/location-map.svg')); ?>"> </div> <p class="mb-0 text-black fw-5"><?php echo ucwords($vcard->location); ?></p> </div> <div class="embed-responsive embed-responsive-16by9 rounded overflow-hidden" style="height: 300px;"> <?php echo $vcard->location_embed_tag ?? ''; ?> </div> </div> </div> <?php endif; ?> <?php endif; ?> <?php if($vcard->enable_contact): ?> <div class="add-to-contact-section"> <div class="text-center d-flex align-items-center justify-content-center" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <?php if($contactRequest == 1): ?> <a href="<?php echo e(Auth::check() ? route('add-contact', $vcard->id) : 'javascript:void(0);'); ?>" class="add-contact-btn btn-primary <?php echo e(Auth::check() ? 'auth-contact-btn' : 'ask-contact-detail-form'); ?>" data-action="<?php echo e(Auth::check() ? route('contact-request.store') : 'show-modal'); ?>"> <i class="fas fa-download fa-address-book"></i> <?php echo e(__('messages.setting.add_contact')); ?></a> <?php else: ?> <a href="<?php echo e(route('add-contact', $vcard->id)); ?>" class="add-contact-btn btn-primary"><i class="fas fa-download fa-address-book"></i> <?php echo e(__('messages.setting.add_contact')); ?></a> <?php endif; ?> </div> </div> <?php echo $__env->make('vcardTemplates.contact-request', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <?php endif; ?> <div class="pet-img-section mt-3"> <img src="<?php echo e(asset('assets/img/vcard28/pet-img.png')); ?>" class="img-fluid w-100" /> </div> <div class="d-flex justify-content-evenly bottom-content p-2"> <?php if(checkFeature('advanced')): ?> <?php if(checkFeature('advanced')->hide_branding && $vcard->branding == 0): ?> <?php if($vcard->made_by): ?> <a <?php if(!is_null($vcard->made_by_url)): ?> href="<?php echo e($vcard->made_by_url); ?>" <?php endif; ?> class="text-center text-decoration-none text-primary fw-5" target="_blank"> <small><?php echo e(__('messages.made_by')); ?> <?php echo e($vcard->made_by); ?></small> </a> <?php else: ?> <div class="text-center"> <small class="text-primary fw-5"><?php echo e(__('messages.made_by')); ?> <?php echo e($setting['app_name']); ?></small> </div> <?php endif; ?> <?php endif; ?> <?php else: ?> <?php if($vcard->made_by): ?> <a <?php if(!is_null($vcard->made_by_url)): ?> href="<?php echo e($vcard->made_by_url); ?>" <?php endif; ?> class="text-center text-decoration-none text-primary fw-5" target="_blank"> <small><?php echo e(__('messages.made_by')); ?> <?php echo e($vcard->made_by); ?></small> </a> <?php else: ?> <div class="text-center"> <small class="text-primary fw-5"><?php echo e(__('messages.made_by')); ?> <?php echo e($setting['app_name']); ?></small> </div> <?php endif; ?> <?php endif; ?> <?php if(!empty($vcard->privacy_policy) || !empty($vcard->term_condition)): ?> <div> <a class="text-decoration-none text-dark cursor-pointer terms-policies-btn text-primary fw-5" href="<?php echo e($vcardPrivacyAndTerm); ?>"><small><?php echo __('messages.vcard.term_policy'); ?></small></a> </div> <?php endif; ?> </div> <div class="btn-section cursor-pointer <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> rtl <?php endif; ?>"> <div class="fixed-btn-section"> <?php if(empty($userSetting['hide_stickybar'])): ?> <div class="bars-btn pet-clinic-bars-btn bg-primary <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> vcard-bars-btn-left <?php endif; ?>"> <img src="<?php echo e(asset('assets/img/vcard28/sticky.svg')); ?>" /> </div> <?php endif; ?> <div class="sub-btn d-none"> <div class="sub-btn-div <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> sub-btn-div-left <?php endif; ?>"> <?php 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="<?php echo e(__('messages.setting.wp_number')); ?>" /> <div class="share-wp-btn-div"> <a href="javascript:void(0)" class="vcard28-sticky-btn vcard28-btn-group d-flex justify-content-center text-primary 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> <?php endif; ?> <?php if(empty($userSetting['hide_stickybar'])): ?> <div class="<?php echo e(isset($userSetting['whatsapp_share']) && $userSetting['whatsapp_share'] == 1 ? 'vcard28-btn-group' : 'stickyIcon'); ?>"> <button type="button" class="vcard28-btn-group vcard28-share vcard28-sticky-btn mb-3 px-2 py-1"><i class="fas fa-share-alt fs-4 pt-1"></i></button> <?php if(!empty($vcard->enable_download_qr_code)): ?> <a type="button" class="vcard28-btn-group vcard28-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> <?php endif; ?> </div> <?php endif; ?> </div> </div> </div> </div> </div> </div> <?php 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 p-lg-0"><?php echo e(__('messages.vcard.subscribe_newslatter')); ?></h3> <p class="modal-desc text-start"><?php echo e(__('messages.vcard.update_directly')); ?></p> <form action="" method="post" id="newsLatterForm"> <?php echo csrf_field(); ?> <input type="hidden" name="vcard_id" value="<?php echo e($vcard->id); ?>"> <div class="mb-2 mt-3 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="<?php echo e(__('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"><?php echo e(__('messages.subscribe')); ?></button> </div> </form> </div> </div> </div> </div> <?php endif; ?> <div id="vcard28-shareModel" class="modal fade" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" <?php if(getLanguage($vcard->default_language) == 'Arabic'): ?> dir="rtl" <?php endif; ?>> <div class=""> <div class="row align-items-center mt-3"> <div class="col-10 text-center"> <h5 class="modal-title pl-50"> <?php echo e(__('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 p-0" 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; ?> <div class="modal-body"> <a href="http://www.facebook.com/sharer.php?u=<?php echo e($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"> <?php echo e(__('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=<?php echo e($shareUrl); ?>&text=<?php echo e($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"> <?php echo e(__('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=<?php echo e($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"> <?php echo e(__('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=<?php echo e($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"> <?php echo e(__('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=<?php echo e($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"> <?php echo e(__('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=<?php echo e($shareUrl); ?>&title=<?php echo e($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"> <?php echo e(__('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=<?php echo e($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"> <?php echo e(__('messages.social.Share_on_whatsapp')); ?></p> </div> <div class="col-1 p-1"> <svg xmlns="http://www.w3.org/2000/svg" class="arrow" version="1.0" height="16px" viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet"> <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> <path d="M1277 4943 l-177 -178 1102 -1102 1103 -1103 -1103 -1103 -1102 -1102 178 -178 177 -177 1280 1280 1280 1280 -1280 1280 -1280 1280 -178 -177z" /> </g> </svg> </div> </div> </a> <a href="https://www.snapchat.com/scan?attachmentUrl=<?php echo e($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"> <?php echo e(__('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="<?php echo e(request()->fullUrl()); ?>" disabled> <span id="vcardUrlCopy<?php echo e($vcard->id); ?>" class="d-none" target="_blank"> <?php echo e($vcardUrl); ?> </span> <button class="copy-vcard-clipboard btn btn-dark" title="Copy Link" data-id="<?php echo e($vcard->id); ?>"> <i class="fa-regular fa-copy fa-2x"></i> </button> </div> </div> <div class="text-center"> </div> </div> </div> </div> </div> </body> <script> <?php if(isset(checkFeature('advanced')->custom_js) && $vcard->custom_js): ?> <?php echo $vcard->custom_js; ?> <?php endif; ?> </script> <?php echo $__env->make('vcardTemplates.template.templates', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <script src="https://js.stripe.com/v3/"></script> <script src="https://checkout.razorpay.com/v1/checkout.js"></script> <script type="text/javascript" src="<?php echo e(asset('assets/js/front-third-party.js')); ?>"></script> <script type="text/javascript" src="<?php echo e(asset('front/js/bootstrap.bundle.min.js')); ?>"></script> <script src="<?php echo e(asset('assets/js/slider/js/slick.min.js')); ?>" type="text/javascript"></script> <?php if(checkFeature('seo') && $vcard->google_analytics): ?> <?php echo $vcard->google_analytics; ?> <?php endif; ?> <?php $setting = \App\Models\UserSetting::where('user_id', $vcard->tenant->user->id) ->where('key', 'stripe_key') ->first(); ?> <script> let stripe = '' <?php if(!empty($setting) && !empty($setting->value)): ?> stripe = Stripe('<?php echo e($setting->value); ?>'); <?php endif; ?> $().ready(function() { $(".gallery-slider").slick({ arrows: false, infinite: false, dots: true, slidesToShow: 1, /* autoplay: true, */ }); $(".product-slider").slick({ arrows: false, infinite: true, dots: false, slidesToShow: 2, slidesToScroll: 1, autoplay: true, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, }, }, ], }); $(".testimonial-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, /* autoplay: true, */ }); <?php if($vcard->services_slider_view): ?> $('.services-slider-view').slick({ dots: true, infinite: true, speed: 300, slidesToShow: 2, autoplay: false, slidesToScroll: 1, arrows: false, responsive: [{ breakpoint: 575, settings: { slidesToShow: 1, }, }, ], }); <?php endif; ?> $(".blog-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, /* autoplay: true, */ }); $(".iframe-slider").slick({ arrows: false, infinite: true, dots: true, slidesToShow: 1, /* autoplay: true, */ responsive: [{ breakpoint: 480, settings: { slidesToShow: 1, arrows: false, }, }, ], }); }); </script> <script> let isEdit = false let password = "<?php echo e(isset(checkFeature('advanced')->password) && !empty($vcard->password)); ?>" let passwordUrl = "<?php echo e(route('vcard.password', $vcard->id)); ?>"; let enquiryUrl = "<?php echo e(route('enquiry.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias])); ?>"; let appointmentUrl = "<?php echo e(route('appointment.store', ['vcard' => $vcard->id, 'alias' => $vcard->url_alias])); ?>"; let slotUrl = "<?php echo e(route('appointment-session-time', $vcard->url_alias)); ?>"; let appUrl = "<?php echo e(config('app.url')); ?>"; let vcardId = <?php echo e($vcard->id); ?>; let vcardAlias = "<?php echo e($vcard->url_alias); ?>"; let languageChange = "<?php echo e(url('language')); ?>"; let paypalUrl = "<?php echo e(route('paypal.init')); ?>" let lang = "<?php echo e(checkLanguageSession($vcard->url_alias)); ?>"; let userDateFormate = "<?php echo e(getSuperAdminSettingValue('datetime_method') ?? 1); ?>"; let userlanguage = "<?php echo e(getLanguage($vcard->default_language)); ?>" </script> <script> const qrCodeTwentyeight = document.getElementById("qr-code-twentyeight"); const svg = qrCodeTwentyeight.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 = <?php echo e($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> <?php echo app('Tightenco\Ziggy\BladeRouteGenerator')->generate(); ?> <script src="<?php echo e(asset('messages.js?$mixID')); ?>"></script> <script src="<?php echo e(mix('assets/js/custom/helpers.js')); ?>"></script> <script src="<?php echo e(mix('assets/js/custom/custom.js')); ?>"></script> <script src="<?php echo e(mix('assets/js/vcards/vcard-view.js')); ?>"></script> <script src="<?php echo e(mix('assets/js/lightbox.js')); ?>"></script> <script src="<?php echo e(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> const svgShapes = [ `<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 20 20" fill="none"> <path d="M11.4025 1.14664C9.16811 3.38346 8.84891 7.21802 11.0833 7.21802C13.1581 7.21802 16.1906 1.14664 14.5946 0.188004C13.7966 -0.291315 12.3601 0.188004 11.4025 1.14664Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M4.22028 1.94551C2.14546 3.86278 3.10307 7.21802 5.49709 7.21802C6.7739 7.21802 7.89111 5.78006 7.89111 4.02256C7.89111 0.827097 6.1355 -0.131541 4.22028 1.94551Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M15.3924 5.7804C12.2004 7.69768 11.7216 10.4138 14.9136 10.4138C17.6269 10.4138 21.2977 6.25972 19.5421 5.14131C18.7441 4.66199 16.9885 4.98154 15.3924 5.7804Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M1.02843 9.9343C-0.886789 11.8516 -0.0887816 13.4493 3.10325 14.4079C4.85886 14.8873 6.29528 16.485 6.29528 17.7632C6.29528 19.0414 7.41249 20 8.6893 20C10.2853 20 11.0833 18.2425 11.0833 14.4079C11.0833 9.29521 10.6045 8.81589 6.61448 8.81589C4.06086 8.81589 1.50723 9.29521 1.02843 9.9343Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M12.6794 14.5677C12.6794 16.0057 13.7967 16.8045 15.3927 16.485C19.3827 15.6861 19.8615 12.0113 16.0311 12.0113C14.1159 12.0113 12.6794 12.97 12.6794 14.5677Z" fill="#6549C2" fill-opacity="0.5"/> </svg>`, `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 15 16" fill="none"> <path d="M2.29995 2.67613C-3.40345 8.468 2.29995 17.1558 10.6649 15.0321C14.4672 14.0668 15.4178 12.7154 14.8474 8.66107C14.4672 5.76513 13.5166 3.25531 12.376 2.86919C8.95392 1.90388 5.15165 5.76513 6.29233 9.04719C7.05279 10.7848 8.57369 11.557 9.71437 10.7848C11.2353 10.0125 11.0452 9.04719 9.33415 7.88882C7.2429 6.53738 7.43301 6.15125 10.0946 6.15125C14.2771 6.15125 14.2771 11.1709 10.2847 12.7154C7.2429 13.8738 1.91973 10.9778 1.91973 7.88882C1.91973 7.11657 3.25052 4.99288 4.96154 3.44838C6.48245 1.71081 7.2429 0.359375 6.29233 0.359375C5.34177 0.359375 3.63075 1.32469 2.29995 2.67613Z" fill="#6549C2" fill-opacity="0.5"/> </svg>`, `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none"> <path d="M4.9 1.23025C2.1 1.57369 0 2.26056 0 2.77571C0 4.49288 9.275 17.2 10.5 17.2C11.9 17.2 14 8.78581 14 3.29086C14 1.40197 12.95 0.199952 11.9 0.199952C10.675 0.371669 7.525 0.88682 4.9 1.23025ZM11.55 6.21005C11.025 7.75551 10.5 10.1595 10.5 11.705C10.5 13.9373 9.625 13.5939 7 10.3313C2.45 4.6646 2.625 3.46258 8.05 3.46258C11.55 3.46258 12.425 4.14945 11.55 6.21005Z" fill="#6549C2" fill-opacity="0.5"/> </svg>`, `<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 20 20" fill="none"> <path d="M11.4025 1.14664C9.16811 3.38346 8.84891 7.21802 11.0833 7.21802C13.1581 7.21802 16.1906 1.14664 14.5946 0.188004C13.7966 -0.291315 12.3601 0.188004 11.4025 1.14664Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M4.22028 1.94551C2.14546 3.86278 3.10307 7.21802 5.49709 7.21802C6.7739 7.21802 7.89111 5.78006 7.89111 4.02256C7.89111 0.827097 6.1355 -0.131541 4.22028 1.94551Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M15.3924 5.7804C12.2004 7.69768 11.7216 10.4138 14.9136 10.4138C17.6269 10.4138 21.2977 6.25972 19.5421 5.14131C18.7441 4.66199 16.9885 4.98154 15.3924 5.7804Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M1.02843 9.9343C-0.886789 11.8516 -0.0887816 13.4493 3.10325 14.4079C4.85886 14.8873 6.29528 16.485 6.29528 17.7632C6.29528 19.0414 7.41249 20 8.6893 20C10.2853 20 11.0833 18.2425 11.0833 14.4079C11.0833 9.29521 10.6045 8.81589 6.61448 8.81589C4.06086 8.81589 1.50723 9.29521 1.02843 9.9343Z" fill="#6549C2" fill-opacity="0.5"/> <path d="M12.6794 14.5677C12.6794 16.0057 13.7967 16.8045 15.3927 16.485C19.3827 15.6861 19.8615 12.0113 16.0311 12.0113C14.1159 12.0113 12.6794 12.97 12.6794 14.5677Z" fill="#6549C2" fill-opacity="0.5"/> </svg>`]; const container = document.querySelector('.vcard-twentyeight-effect'); const particles = []; const size = 110; // in px const count = 60; function isOverlapping(x, y, others) { return others.some(p => { return Math.abs(p.x - x) < size && Math.abs(p.y - y) < size; }); } for (let i = 0; i < count; i++) { const particle = document.createElement('div'); particle.className = 'particle-vcard28'; particle.innerHTML = svgShapes[i % svgShapes.length]; container.appendChild(particle); let x, y, tries = 0; do { x = Math.random() * (container.clientWidth - size); y = Math.random() * (container.clientHeight - size); tries++; if (tries > 1000) break; } while (isOverlapping(x, y, particles)); const speedX = (Math.random() - 0.5) * 1.2; const speedY = (Math.random() - 0.5) * 1.2; particles.push({ el: particle, x, y, speedX, speedY }); } function animate() { for (let i = 0; i < particles.length; i++) { const p = particles[i]; p.x += p.speedX; p.y += p.speedY; if (p.x < 0 || p.x > container.clientWidth - size) p.speedX *= -1; if (p.y < 0 || p.y > container.clientHeight - size) p.speedY *= -1; for (let j = 0; j < particles.length; j++) { if (i === j) continue; const other = particles[j]; if (Math.abs(p.x - other.x) < size && Math.abs(p.y - other.y) < size) { p.speedX *= -1; p.speedY *= -1; break; } } p.el.style.transform = `translate(${p.x}px, ${p.y}px)`; } requestAnimationFrame(animate); } animate(); </script> </html> <?php /**PATH /home/rwabteecom/public_html/resources/views/vcardTemplates/vcard28.blade.php ENDPATH**/ ?>
SAVE
CANCEL