CORE_V5 // views

PATH: home / rwabteecom / public_html / storage / framework / views /

Editing: 42092e861fb42702279d7ebe74fa85e7.php

<?php $__env->startSection('title'); ?>
    <?php echo e(getAppName()); ?>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
    
    <section class="pt-20 pb-24 overflow-hidden">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div
                class="flex flex-col md:flex-row items-center md:space-x-12 <?php if(checkFrontLanguageSession() == 'ar'): ?> md:flex-row-reverse <?php endif; ?>">
                
                <div class="md:w-1/2 mb-10 md:mb-0" <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                    <div
                        class="inline-flex items-center px-3 py-1.5 rounded-full bg-primary-100 text-primary-700 mb-5 text-sm font-medium">
                        <i class='bx bx-badge-check mr-1.5 <?php if(checkFrontLanguageSession() == 'ar'): ?> ms-2 <?php endif; ?>'></i>
                        <?php echo e(__('messages.theme3.new_templates_available')); ?>

</div>
                    <h1
                        class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent leading-tight lh-base">
                        <?php echo e($setting['home_page_title']); ?></h1>
                    <p class="text-lg text-secondary-600 leading-relaxed mb-8">
                        <?php echo e($setting['sub_text'] ?? ''); ?></p>
                    <div class="bg-gradient-to-r from-blue-500 to-pink-500 p-[2px] rounded-md shadow-md w-full max-w-xl mx-auto">
                        <div class="flex items-center bg-white rounded-md overflow-hidden w-full">
                            <input id="search-alias-input" type="text" placeholder="<?php echo e(__('messages.vcard.search_vcard_alias')); ?>" class="flex-1 px-4 py-2.5 text-sm text-gray-700 bg-transparent focus:outline-none <?php if(checkFrontLanguageSession() == 'ar'): ?> text-left <?php endif; ?>" required>
                            <button id="search-alias-btn" type="submit" class="px-6 py-2.5 text-sm text-white font-medium bg-gradient-to-r from-sky-500 to-pink-500 hover:from-sky-600 hover:to-pink-600 transition-all duration-300 rounded-md flex items-center justify-center gap-2 relative overflow-hidden" >
                                
                                <svg id="loader-icon" class="hidden animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none"
                                    viewBox="0 0 24 24">
                                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
                                        stroke-width="4"></circle>
                                    <path class="opacity-75" fill="currentColor"
                                        d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"></path>
                                </svg>
                                <span id="check-text"><?php echo e(__('messages.vcard.check_availability')); ?></span>
                            </button>
                        </div>
                    </div>
                    <div id="search-alias-error"
                        class="text-danger ms-1 d-none <?php if(checkFrontLanguageSession() == 'ar'): ?> text-left -mt-8 <?php else: ?> mt-1 <?php endif; ?>">
                        <?php echo e(__('messages.vcard.already_alias_url')); ?>

</div>
                    <div id="search-alias-success"
                        class="text-success ms-1 d-none <?php if(checkFrontLanguageSession() == 'ar'): ?> text-left -mt-8 <?php else: ?> mt-1 <?php endif; ?>">
                        <?php echo e(__('messages.vcard.url_alias_available')); ?>

</div>
                    
                    <div class="flex items-center space-x-4 <?php if(checkFrontLanguageSession() == 'ar'): ?> space-x-reverse mt-2 <?php else: ?> mt-10 <?php endif; ?>">
                        <div class="flex -space-x-2">
                            <?php $__currentLoopData = $latestUsers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <img class="w-10 h-10 rounded-full border-2 border-white" src="<?php echo e($user->profile_image); ?>"
                                    alt="User">
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                        <div class="text-sm text-secondary-600">
                            <span class="font-semibold"><?php echo e($totalUser - 1); ?>+</span>
                            <?php echo e(__('messages.theme3.proffessionals_have_joined')); ?>

</div>
                    </div>
                </div>

<div class="md:w-1/2 relative">
                    
                    <div class="slider-container w-full md:h-[520px] relative">
                        <div class="slider-track flex">
                            
                            <div class="slider-item">
                                <img class="w-full h-full object-cover object-center rounded-[10px]"
                                    src="<?php echo e(!empty($frontSlider[0]['front_slider_img_url']) ? $frontSlider[0]['front_slider_img_url'] : asset('front/images/front_slider_1.png')); ?>"
                                    alt="interface-img">
                            </div>

<div class="slider-item">
                                <img class="w-full h-full object-cover object-center rounded-[10px]"
                                    src="<?php echo e(!empty($frontSlider[1]['front_slider_img_url']) ? $frontSlider[1]['front_slider_img_url'] : asset('front/images/front_slider_2.png')); ?>"
                                    alt="interface-img">
                            </div>

<div class="slider-item">
                                <img class="w-full h-full object-cover object-center rounded-[10px]"
                                    src="<?php echo e(!empty($frontSlider[2]['front_slider_img_url']) ? $frontSlider[2]['front_slider_img_url'] : asset('front/images/front_slider_3.png')); ?>"
                                    alt="interface-img">
                            </div>

<div class="slider-item">
                                <img class="w-full h-full object-cover object-center rounded-[10px]"
                                    src="<?php echo e(!empty($frontSlider[3]['front_slider_img_url']) ? $frontSlider[3]['front_slider_img_url'] : asset('front/images/front_slider_4.png')); ?>"
                                    alt="interface-img">
                            </div>

<div class="slider-item">
                                <img class="w-full h-full object-cover object-center rounded-[10px]"
                                    src="<?php echo e(!empty($frontSlider[4]['front_slider_img_url']) ? $frontSlider[4]['front_slider_img_url'] : asset('front/images/front_slider_5.png')); ?>"
                                    alt="interface-img">
                            </div>
                        </div>

<div class="absolute top-1/2 -translate-y-1/2 left-1 z-10">
                            <button
                                class="slider-prev w-10 h-10 rounded-full bg-blue shadow-lg flex items-center justify-center hover:bg-gray-50 transition-all">
                                <i class='bx bx-chevron-left text-2xl text-white'></i>
                            </button>
                        </div>
                        <div class="absolute top-1/2 -translate-y-1/2 right-1 z-10">
                            <button
                                class="slider-next w-10 h-10 rounded-full bg-blue shadow-lg flex items-center justify-center hover:bg-gray-50 transition-all">
                                <i class='bx bx-chevron-right text-2xl text-white'></i>
                            </button>
                        </div>

<div class="absolute -bottom-6 left-0 right-0 flex justify-center space-x-2 z-10">
                            <button class="slider-dot w-3 h-3 rounded-full bg-primary-600"></button>
                            <button class="slider-dot w-3 h-3 rounded-full bg-secondary-300"></button>
                            <button class="slider-dot w-3 h-3 rounded-full bg-secondary-300"></button>
                        </div>
                    </div>

<div
                        class="absolute -bottom-10 -right-10 w-48 h-48 bg-primary-100 rounded-full filter blur-3xl opacity-50">
                    </div>
                    <div class="absolute -top-10 -left-10 w-48 h-48 bg-accent-100 rounded-full filter blur-3xl opacity-50">
                    </div>
                </div>
            </div>
        </div>
    </section>

<div class="vcard-template-section position-relative overflow-hidden">
        
        <section class="vcard-section py-10 pb-20" id="">
            <div class="container w-100">
                <div class="text-center mb-16">
                    <h2
                        class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent mb-4">
                        <?php echo e(__('messages.vcards_templates')); ?></h2>
                </div>
                <div class="center-slider">
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard33.png')); ?>" class="w-100 vcard-img"
                                alt="vcard-img">
                        </div>
                    </div>
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard32.png')); ?>" class="img-fluid vcard-img"
                                alt="vcard-img">
                        </div>
                    </div>
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard31.png')); ?>" class="w-100 vcard-img "
                                alt="vcard-img">
                        </div>
                    </div>
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard30.png')); ?>" class="w-100 vcard-img"
                                alt="vcard-img">
                        </div>
                    </div>
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard29.png')); ?>" class="w-100 vcard-img"
                                alt="vcard-img">
                        </div>
                    </div>
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard28.png')); ?>" class="w-100 vcard-img"
                                alt="vcard-img">
                        </div>
                    </div>
                    <div>
                        <div class="vcard-card">
                            <img src="<?php echo e(asset('assets/img/templates/home/vcard27.png')); ?>" class="w-100 vcard-img"
                                alt="vcard-img">
                        </div>
                    </div>

</div>
                <div class="col-12 text-center mt-5">
                    <a href="<?php echo e(route('vcard-templates')); ?>"
                        class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium"
                        role="button" data-turbo="false"><?php echo e(__('messages.common.see_more')); ?></a>
                </div>
            </div>
        </section>
    </div>

<section id="features" class="py-20 bg-white position-relative overflow-hidden">
        
        <div class="absolute top-0 left-0 w-64 h-64 bg-primary-100 rounded-full filter blur-3xl opacity-20 -ml-12 -mt-12">
        </div>
        <div
            class="absolute bottom-0 right-0 w-64 h-64 bg-accent-100 rounded-full filter blur-3xl opacity-20 -mr-12 -mb-12">
        </div>

</div>
                <h2
                    class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent mb-4">
                    <?php echo e(__('messages.theme3.service_we_offer')); ?></h2>
                <p class="text-lg text-secondary-600 max-w-3xl mx-auto">
                    <?php echo e(__('messages.theme3.proffessional_identity_in_one_platform')); ?></p>
            </div>

<div class=" gap-8">
                <div class="feature-slider">
                    <?php $__currentLoopData = $features; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="bg-white p-8 rounded-2xl shadow-xl border border-gray-100 transition-all duration-300 group feature-min-height"
                            <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                            <div
                                class="w-16 h-16 bg-gradient-to-br from-primary-100 to-primary-200 rounded-2xl flex items-center justify-center mb-6 group-hover:bg-gradient-to-br group-hover:from-primary-200 group-hover:to-primary-300 transition-all duration-300 shadow-sm group-hover:shadow-md">
                                <img src="<?php echo e($feature->profile_image); ?>" class="w-100 h-100 object-fit-cover"
                                    alt="feature-img">
                            </div>
                            <h3 class="text-xl font-semibold text-secondary-800 mb-3"><?php echo e($feature->name); ?></h3>
                            <p class="text-secondary-600"><?php echo $feature->description; ?></p>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
        </div>
    </section>

<?php if(!$testimonials->isEmpty()): ?>
        <section id="testimonials" class="overflow-hidden py-20 pb-10 pt-0 bg-white">
            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
                <div class="text-center mb-16" <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                    <div
                        class="inline-flex items-center px-3 py-1.5 rounded-full bg-accent-100 text-accent-700 mb-5 text-sm font-medium">
                        <i
                            class='bx bx-message-alt-detail mr-1.5 <?php if(checkFrontLanguageSession() == 'ar'): ?> mr-0 ml-1.5 <?php endif; ?>'></i>
                        <?php echo e(__('messages.theme3.client_success_stories')); ?>

</div>
                    <h2
                        class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent mb-4">
                        <?php echo e(__('messages.theme3.what_our_clients_say')); ?></h2>
                    <p class="text-lg text-secondary-600 max-w-3xl mx-auto">
                        <?php echo e(__('messages.theme3.use_vcards_to_enhance_your_network')); ?></p>
                </div>

<div class="gap-8">
                    
                    <div class="testimonial-slider">
                        <?php $__currentLoopData = $testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="bg-gradient-to-br from-white to-gray-50 p-8 rounded-xl !shadow-lg border border-gray-100 hover:shadow-xl transition duration-300 flex flex-col testimonial-min-height"
                                <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                                <div class="flex-grow">
                                    <div class="flex text-amber-400 mb-4">
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20"
                                            fill="currentColor">
                                            <path
                                                d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20"
                                            fill="currentColor">
                                            <path
                                                d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20"
                                            fill="currentColor">
                                            <path
                                                d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20"
                                            fill="currentColor">
                                            <path
                                                d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                        </svg>
                                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20"
                                            fill="currentColor">
                                            <path
                                                d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                                        </svg>
                                    </div>
                                    <p class="text-secondary-600 italic mb-6"><?php echo $testimonial->description; ?></p>
                                </div>
                                <div class="flex items-center mt-4">
                                    <div
                                        class="w-12 h-12 bg-gradient-to-r from-primary-500 to-primary-700 rounded-full flex items-center justify-center text-white font-bold">
                                        <img src="<?php echo e($testimonial->testimonial_url); ?>" alt="profile-img"
                                        class="w-100 h-100 object-fit-cover rounded-full">
                                    </div>
                                    <div class="ml-4 <?php if(checkFrontLanguageSession() == 'ar'): ?> mr-4 <?php endif; ?>">
                                        <h4 class="text-lg font-semibold text-secondary-800"><?php echo e($testimonial->name); ?></h4>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
        </section>
    <?php endif; ?>

<section id="pricing"
        class="overflow-hidden pricing-plan-section py-20 bg-gradient-to-br from-primary-50 via-white to-teal-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-16" <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                <div
                    class="inline-flex items-center px-3 py-1.5 rounded-full bg-primary-100 text-primary-700 mb-5 text-sm font-medium">
                    <i class='bx bx-purchase-tag mr-1.5 <?php if(checkFrontLanguageSession() == 'ar'): ?> mr-0 ml-1.5 <?php endif; ?>'></i>
                    <?php echo e(__('messages.theme3.flexible_plans')); ?>

</div>
                <h2
                    class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent mb-4">
                    <?php echo e(__('messages.theme3.choose_your_plan')); ?></h2>
                <p class="text-lg text-secondary-600 max-w-3xl mx-auto">
                    <?php echo e(__('messages.theme3.select_the_plan_that_fits_your_needs')); ?></p>
            </div>

<div class="gap-8 mb-8">
                <div class="pricing-slider">
                    <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div>
                            <div>
                                <div
                                    class="bg-white rounded-2xl shadow-xl relative border-2 center-border-main overflow-hidden transition-all duration-300 hover:shadow-2xl  transform  z-10">
                                    <?php if($plan->trial_days > 0): ?>
                                        <div
                                            class="absolute top-0 <?php if(checkFrontLanguageSession() == 'ar'): ?> left-0 <?php else: ?> right-0 <?php endif; ?>">
                                            <div
                                                class="bg-primary-500 text-white px-4 py-1 text-sm font-bold tracking-wider transform
                                    <?php if(checkFrontLanguageSession() == 'ar'): ?> -translate-x-[30%] translate-y-[40%] -rotate-45 <?php else: ?> translate-x-[30%] translate-y-[40%] rotate-45 <?php endif; ?>">
                                                <?php echo e(__('messages.subscription.trial_plan')); ?>

</div>
                                        </div>
                                    <?php endif; ?>
                                    <div class="p-8">
                                        <h3 class="text-2xl font-bold text-secondary-800 mb-4"
                                            <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>><?php echo $plan->name; ?>

</h3>
                                        <?php if($plan->custom_select == 1 && $plan->planCustomFields->isNotEmpty()): ?>
                                            <h2 class="price text-center fw-5 mb-30"
                                                <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                                                <span
                                                    class="custom-price-<?php echo e($plan->id); ?> text-4xl font-extrabold text-primary-600"><?php echo e($plan->currency->currency_icon); ?>

<?php echo e($plan->planCustomFields[0]->custom_vcard_price); ?></span>
                                                <?php if($plan->frequency == 1): ?>
                                                    <span
                                                        class="text-secondary-500 ml-2 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-0 mr-2 <?php endif; ?>">/<?php echo e(__('messages.plan.monthly')); ?></span>
                                                <?php elseif($plan->frequency == 2): ?>
                                                    <span
                                                        class="text-secondary-500 ml-2 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-0 mr-2 <?php endif; ?>">/<?php echo e(__('messages.plan.yearly')); ?></span>
                                                <?php endif; ?>
                                            </h2>
                                        <?php else: ?>
                                            <div class="flex items-baseline mb-1" id="price_<?php echo e($plan->id); ?>">
                                                <span class="text-4xl font-extrabold text-primary-600">
                                                    <?php echo e($plan->currency->currency_icon); ?> <?php echo e($plan->price); ?></span>
                                                <?php if($plan->frequency == 1): ?>
                                                    <span
                                                        class="text-secondary-500 ml-2">/<?php echo e(__('messages.plan.monthly')); ?></span>
                                                <?php elseif($plan->frequency == 2): ?>
                                                    <span
                                                        class="text-secondary-500 ml-2">/<?php echo e(__('messages.plan.yearly')); ?></span>
                                                <?php endif; ?>
                                            </div>
                                        <?php endif; ?>
                                        <div class="d-flex justify-content-center align-items-center my-3 <?php echo e(getLoggedInUserRoleId() != getSuperAdminRoleId() ? 'mb-4 mt-4' : 'ms-2'); ?>"
                                            <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
                                            <?php if($plan->custom_select == 1 && $plan->planCustomFields->isNotEmpty()): ?>
                                                
                                                <select id="vcardNumber-<?php echo e($plan->id); ?>"
                                                    class="form-select customSelect me-2 w-full"
                                                    data-plan-id="<?php echo e($plan->id); ?>"
                                                    style="<?php echo e(getLoggedInUserRoleId() != getSuperAdminRoleId() ? 'width:30% !important; padding: 10px 30px' : 'width:100% !important; padding: 10px 30px'); ?>">
                                                    <?php $__currentLoopData = $plan->planCustomFields; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $customField): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <?php
                                                            $formattedPrice = $customField->custom_vcard_price;
                                                        ?>
                                                        <option value="<?php echo e($customField->id); ?>"
                                                            data-price="<?php echo e($formattedPrice); ?>"
                                                            data-currency="<?php echo e($plan->currency->currency_code); ?>">
                                                            <?php echo e($customField->custom_vcard_number); ?> </option>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </select>
                                            <?php endif; ?>
                                            <div class="text-center">
                                                <?php if(getLoggedInUserRoleId() != getSuperAdminRoleId()): ?>
                                                    <?php if(getLogInUser() && getLoggedInUserRoleId() != getSuperAdminRoleId()): ?>
                                                        <div class="mx-auto">
                                                            <?php if(
                                                                !empty(getCurrentSubscription()) &&
                                                                    $plan->id == getCurrentSubscription()->plan_id &&
                                                                    !getCurrentSubscription()->isExpired()): ?>
                                                                <?php if($plan->price != 0): ?>
                                                                    <button type="button"
                                                                        class="px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-yellow-400 via-emerald-500 to-cyan-500
                                                                        shadow-lg transition-all duration-300 hover:shadow-emerald-700/30 hover:scale-105 font-medium
                                                                        mx-auto w-100 d-block cursor-default text-sm"
                                                                        data-id="<?php echo e($plan->id); ?>" data-turbo="false">
                                                                        <?php echo e(__('messages.subscription.currently_active')); ?></button>
                                                                <?php else: ?>
                                                                    <button type="button"
                                                                        class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium  mx-auto d-block cursor-remove-plan"
                                                                        data-turbo="false">
                                                                        <?php echo e(__('messages.subscription.renew_free_plan')); ?>

</button>
                                                                <?php endif; ?>
                                                            <?php else: ?>
                                                                <?php if(
                                                                    !empty(getCurrentSubscription()) &&
                                                                        !getCurrentSubscription()->isExpired() &&
                                                                        ($plan->price == 0 || $plan->price != 0)): ?>
                                                                    <?php if($plan->hasZeroPlan->count() == 0): ?>
                                                                        <a href="<?php echo e($plan->price != 0 ? route('choose.payment.type', $plan->id) : 'javascript:void(0)'); ?>"
                                                                            class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium mx-auto w-100 <?php echo e($plan->price == 0 ? 'freePayment' : ''); ?>"
                                                                            data-id="<?php echo e($plan->id); ?>"
                                                                            id="planId<?php echo e($plan->id); ?>"
                                                                            data-plan-price="<?php echo e($plan->price); ?>"
                                                                            data-turbo="false">
                                                                            <?php echo e(__('messages.subscription.switch_plan')); ?></a>
                                                                    <?php else: ?>
                                                                        <button type="button"
                                                                            class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium mx-auto d-block cursor-remove-plan"
                                                                            data-turbo="false">
                                                                            <?php echo e(__('messages.subscription.renew_free_plan')); ?>

</button>
                                                                    <?php endif; ?>
                                                                <?php else: ?>
                                                                    <?php if($plan->hasZeroPlan->count() == 0): ?>
                                                                        <a href="<?php echo e($plan->price != 0 ? route('choose.payment.type', $plan->id) : 'javascript:void(0)'); ?>"
                                                                            class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium mx-auto w-100 <?php echo e($plan->price == 0 ? 'freePayment' : ''); ?>"
                                                                            data-id="<?php echo e($plan->id); ?>"
                                                                            id="planId<?php echo e($plan->id); ?>"
                                                                            data-plan-price="<?php echo e($plan->price); ?>"
                                                                            data-turbo="false">
                                                                            <?php echo e(__('messages.subscription.choose_plan')); ?></a>
                                                                    <?php else: ?>
                                                                        <button type="button"
                                                                            class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium mx-auto d-block cursor-remove-plan"
                                                                            data-turbo="false">
                                                                            <?php echo e(__('messages.subscription.renew_free_plan')); ?>

</button>
                                                                    <?php endif; ?>
                                                                <?php endif; ?>
                                                            <?php endif; ?>
                                                        </div>
                                                    <?php else: ?>
                                                        <div class="mx-auto">
                                                            <?php if($plan->hasZeroPlan->count() == 0): ?>
                                                                <a href="<?php echo e($plan->price != 0 ? route('choose.payment.type', $plan->id) : 'javascript:void(0)'); ?>"
                                                                    class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium mx-auto w-100 <?php echo e($plan->price == 0 ? 'freePayment' : ''); ?>"
                                                                    data-id="<?php echo e($plan->id); ?>"
                                                                    data-plan-price="<?php echo e($plan->price); ?>"
                                                                    id="planId<?php echo e($plan->id); ?>" data-turbo="false">
                                                                    <?php echo e(__('messages.subscription.choose_plan')); ?></a>
                                                            <?php else: ?>
                                                                <button type="button"
                                                                    class="ml-2 px-6 py-2.5 rounded-full text-white bg-gradient-to-r from-primary-500 to-accent-500 hover:from-primary-600 hover:to-accent-600 shadow-lg transition-all duration-300 hover:shadow-primary-900/30 hover:scale-105 font-medium mx-auto d-block cursor-remove-plan"
                                                                    data-turbo="false">
                                                                    <?php echo e(__('messages.subscription.renew_free_plan')); ?>

</button>
                                                            <?php endif; ?>
                                                        </div>
                                                    <?php endif; ?>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                        <ul class="space-y-1 mb-2 text-sm leading-tight">
                                            <?php if($plan->trial_days > 0): ?>
                                                <li class="active-check py-0"
                                                    <?php if(checkFrontLanguageSession() == 'ar'): ?> style="text-align: right !important" <?php endif; ?>>

<?php if(checkFrontLanguageSession() == 'ar'): ?>
                                                        <span><?php echo e(__('messages.subscription.trial_plan') . ' (' . $plan->trial_days . ' ' . __('messages.plan.days') . ')'); ?></span>
                                                        <i
                                                            class='bx bx-check-circle text-xl text-primary-500 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                    <?php else: ?>
                                                        <i
                                                            class='bx bx-check-circle text-xl text-primary-500 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                        <span><?php echo e(__('messages.subscription.trial_plan') . ' (' . $plan->trial_days . ' ' . __('messages.plan.days') . ')'); ?></span>
                                                    <?php endif; ?>
                                                </li>
                                            <?php endif; ?>
                                            <?php if($plan->custom_select == 0 && $plan->planCustomFields->isEmpty()): ?>
                                                <li class="active-check py-0"
                                                    <?php if(checkFrontLanguageSession() == 'ar'): ?> style="text-align: right !important" <?php endif; ?>>
                                                    <?php if(checkFrontLanguageSession() == 'ar'): ?>
                                                        <span><?php echo e(__('messages.plan.no_of_vcards')); ?>

: <?php echo e($plan->no_of_vcards); ?></span>
                                                        <i
                                                             class='bx bx-check-circle text-xl text-primary-500 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                    <?php else: ?>
                                                        <i
                                                            class='bx bx-check-circle text-xl text-primary-500 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                        <span><?php echo e(__('messages.plan.no_of_vcards')); ?>

: <?php echo e($plan->no_of_vcards); ?></span>
                                                    <?php endif; ?>
                                                </li>
                                            <?php endif; ?>
                                            <li class="active-check py-0"
                                                <?php if(checkFrontLanguageSession() == 'ar'): ?> style="text-align: right !important" <?php endif; ?>>
                                                <?php if(checkFrontLanguageSession() == 'ar'): ?>
                                                    <span><?php echo e(__('messages.plan.storage_limit')); ?>:
                                                             <?php echo e($plan->storage_limit); ?> <?php echo e(__('messages.mb')); ?></span>
                                                    <i
                                                        class='bx bx-check-circle text-xl text-primary-500 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                <?php else: ?>
                                                    <i class='bx bx-check-circle text-xl text-primary-500 <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                    <span><?php echo e(__('messages.plan.storage_limit')); ?>:
                                                        <?php echo e($plan->storage_limit); ?> <?php echo e(__('messages.mb')); ?></span>
                                                <?php endif; ?>
                                            </li>
                                            <?php
                                                $skipCount = $plan->custom_select == 0 && $plan->planCustomFields->isEmpty() ? 9 : 10;
                                            ?>
                                            <?php $__currentLoopData = collect(getPlanFeature($plan))->take($skipCount); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <li class="<?php echo e($value == 1 ? 'active-check' : 'unactive-check'); ?> py-0"
                                                    <?php if(checkFrontLanguageSession() == 'ar'): ?> style="text-align: right !important" <?php endif; ?>>
                                                    <?php if(checkFrontLanguageSession() == 'ar'): ?>
                                                        <span><?php echo e(__('messages.feature.' . $feature)); ?></span>
                                                        <i class='bx text-xl <?php echo e($value == 1 ? 'text-primary-500 bx-check-circle' : 'text-secondary-400 bx-x-circle'); ?> <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                    <?php else: ?>
                                                        <i class='bx text-xl <?php echo e($value == 1 ? 'text-primary-500 bx-check-circle' : 'text-secondary-400 bx-x-circle'); ?> <?php if(checkFrontLanguageSession() == 'ar'): ?> ml-2 <?php else: ?> mr-2 <?php endif; ?> mt-0.5'></i>
                                                        <span><?php echo e(__('messages.feature.' . $feature)); ?></span>
                                                    <?php endif; ?>
                                                </li>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </ul>

<div class="mb-4 border-t border-gray-100 pt-2">
                                            <button
                                                class="accordion-toggle flex justify-between items-center w-full text-left text-sm text-primary-700 font-medium <?php if(checkFrontLanguageSession() == 'ar'): ?> dir='rtl' <?php endif; ?>">
                                                <span><?php echo e(__('messages.theme3.view_more_features')); ?></span>
                                                <i class='bx bx-chevron-down text-lg transition-transform duration-200'></i>
                                            </button>
                                            <div class="accordion-content hidden pt-2">
                                                <ul class="space-y-1 text-sm leading-tight">
                                                    <?php $__currentLoopData = collect(getPlanFeature($plan))->skip($skipCount); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <li class="<?php echo e($value == 1 ? 'active-check' : 'unactive-check'); ?> py-0"
                                                            <?php if(checkFrontLanguageSession() == 'ar'): ?> style="text-align: right !important" <?php endif; ?>>
                                                            <?php if(checkFrontLanguageSession() == 'ar'): ?>
                                                                <?php echo e(__('messages.feature.' . $feature)); ?>

<?php endif; ?>
                                                        </li>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </ul>
                                            </div>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>

<section id="about" class="py-20 bg-primary-50 relative overflow-hidden"
        <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
        
        <div class="absolute top-0 left-0 w-96 h-96 bg-primary-100 rounded-full filter blur-3xl opacity-30 -ml-48 -mt-48">
        </div>
        <div
            class="absolute bottom-0 right-0 w-96 h-96 bg-accent-100 rounded-full filter blur-3xl opacity-30 -mr-48 -mb-48">
        </div>

</div>
                <h2
                    class="text-3xl md:text-4xl font-bold bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent mb-4">
                    <?php echo e(__('messages.theme3.about_vcards')); ?></h2>
                <p class="text-lg text-secondary-600 max-w-3xl mx-auto"><?php echo e(__('messages.theme3.professional_network')); ?>

</p>
            </div>

<div class="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12 mb-16">
                
                <div
                    class="bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group">
                    <div class="aspect-w-16 aspect-h-9 relative">
                        <img class="w-full h-80 object-cover object-center"
                            src="<?php echo e(isset($aboutUS[0]['about_url']) ? $aboutUS[0]['about_url'] : asset('front/images/about-1.png')); ?>"
                            alt="interface-img">
                        <div
                            class="absolute inset-0 bg-gradient-to-tr from-primary-500/80 to-primary-700/80 opacity-90 flex items-center justify-center">
                            <div
                                class="w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center">
                                <i class='bx bx-book-open text-3xl text-white'></i>
                            </div>
                        </div>
                    </div>
                    <div class="p-6">
                        <h4 class="text-xl font-bold text-secondary-800 mb-3"> <?php echo e($aboutUS[0]['title']); ?></h4>
                        <p class="text-secondary-600 mb-4"><?php echo nl2br(e($aboutUS[0]['description'])); ?>

</p>
                    </div>
                </div>

<div
                    class="bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group">
                    <div class="aspect-w-16 aspect-h-9 relative">
                        <img class="w-full h-80 object-cover object-center"
                            src="<?php echo e(isset($aboutUS[1]['about_url']) ? $aboutUS[1]['about_url'] : asset('front/images/about-2.png')); ?>"
                            alt="interface img" />
                        <div
                            class="absolute inset-0 bg-gradient-to-tr from-accent-500/80 to-accent-700/80 opacity-90 flex items-center justify-center">
                            <div
                                class="w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center">
                                <i class='bx bx-check-shield text-3xl text-white'></i>
                            </div>
                        </div>
                    </div>
                    <div class="p-6">
                        <h4 class="text-xl font-bold text-secondary-800 mb-3"> <?php echo e($aboutUS[1]['title']); ?></h4>
                        <p class="text-secondary-600 mb-4"> <?php echo nl2br(e($aboutUS[1]['description'])); ?>

</p>
                    </div>
                </div>

<div
                    class="bg-white rounded-xl shadow-lg overflow-hidden transform transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group">
                    <div class="aspect-w-16 aspect-h-9 relative">
                        <img class="w-full h-80 object-cover object-center"
                            src="<?php echo e(isset($aboutUS[2]['about_url']) ? $aboutUS[2]['about_url'] : asset('front/images/about-3.png')); ?>"
                            alt="interface img" />
                        <div
                            class="absolute inset-0 bg-gradient-to-tr from-teal-500/80 to-teal-700/80 opacity-90 flex items-center justify-center">
                            <div
                                class="w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center">
                                <i class='bx bx-line-chart text-3xl text-white'></i>
                            </div>
                        </div>
                    </div>
                    <div class="p-6">
                        <h4 class="text-xl font-bold text-secondary-800 mb-3"> <?php echo e($aboutUS[2]['title']); ?></h4>
                        <p class="text-secondary-600 mb-4"><?php echo nl2br(e($aboutUS[2]['description'])); ?></p>
                    </div>
                </div>
            </div>

</div>
                <h3 class="text-2xl font-bold text-secondary-800 mb-4"><?php echo e(__('messages.theme3.what_drives_us')); ?>

</h3>
                <p class="text-lg text-secondary-600 max-w-3xl mx-auto mb-8">
                    <?php echo e(__('messages.theme3.innovation_and_excellence')); ?></p>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                    <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow">
                        <div class="w-12 h-12 bg-primary-100 rounded-full flex items-center justify-center mx-auto mb-4">
                            <?php if(!empty($whatDrivesUS[0]['what_drive_us_url'])): ?>
                                <img src="<?php echo e($whatDrivesUS[0]['what_drive_us_url']); ?>"
                                    class="w-100 h-100 object-fit-cover rounded-full" alt="feature-img">
                            <?php else: ?>
                                <i class='bx bx-bulb text-2xl text-primary-600'></i>
                            <?php endif; ?>
                        </div>
                        <h4 class="text-lg font-bold text-secondary-800 mb-2"><?php echo e($whatDrivesUS[0]['title']); ?>

</h4>
                        <p class="text-secondary-600 text-sm"><?php echo nl2br(e($whatDrivesUS[0]['description'])); ?></p>
                    </div>

<div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow">
                        <div class="w-12 h-12 bg-accent-100 rounded-full flex items-center justify-center mx-auto mb-4">
                            <?php if(!empty($whatDrivesUS[1]['what_drive_us_url'])): ?>
                                <img src="<?php echo e($whatDrivesUS[1]['what_drive_us_url']); ?>"
                                    class="w-100 h-100 object-fit-cover rounded-full" alt="feature-img">
                            <?php else: ?>
                                <i class='bx bx-user-voice text-2xl text-accent-600'></i>
                            <?php endif; ?>
                        </div>
                        <h4 class="text-lg font-bold text-secondary-800 mb-2"><?php echo e($whatDrivesUS[1]['title']); ?>

</h4>
                        <p class="text-secondary-600 text-sm"><?php echo nl2br(e($whatDrivesUS[1]['description'])); ?></p>
                    </div>

<?php if(!empty($whatDrivesUS[2]['what_drive_us_url'])): ?>
                                <img src="<?php echo e($whatDrivesUS[2]['what_drive_us_url']); ?>"
                                    class="w-100 h-100 object-fit-cover rounded-full" alt="feature-img">
                            <?php else: ?>
                                <i class='bx bx-shield-quarter text-2xl text-teal-600'></i>
                            <?php endif; ?>

</div>
                        <h4 class="text-lg font-bold text-secondary-800 mb-2"><?php echo e($whatDrivesUS[2]['title']); ?>

</h4>
                        <p class="text-secondary-600 text-sm"><?php echo nl2br(e($whatDrivesUS[2]['description'])); ?></p>
                    </div>
                </div>
            </div>

</p>
                        <div class="grid grid-cols-2 gap-6 mb-6">
                            <div class="bg-primary-50 p-4 rounded-lg">
                                <div class="text-primary-600 font-bold text-2xl mb-1"><?php echo e($activeUser - 1); ?>+</div>
                                <div class="text-secondary-600 text-sm"><?php echo e(__('messages.theme3.acvitive_users')); ?>

</div>
                            </div>
                            <div class="bg-accent-50 p-4 rounded-lg">
                                <div class="text-accent-600 font-bold text-2xl mb-1"><?php echo e($toalVcards - 1); ?>+</div>
                                <div class="text-secondary-600 text-sm"><?php echo e(__('messages.theme3.generated_vcards')); ?>

</div>
                            </div>
                        </div>
                    </div>
                    <div
                        class="bg-gradient-to-br from-primary-600 to-accent-600 md:h-auto flex items-center justify-center relative overflow-hidden">
                        <div class="absolute inset-0 bg-pattern opacity-10"></div>
                        <div class="relative p-8 md:p-12 text-white text-center">
                            <i class='bx bx-quote-left text-5xl text-white/30 mb-4'></i>
                            <p class="text-lg md:text-xl italic mb-6"><?php echo e($setting['our_mission_description2']); ?></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="faq" class="py-20 bg-secondary-50 relative overflow-hidden">
        
        <div class="absolute top-0 right-0 w-96 h-96 bg-primary-100 rounded-full filter blur-3xl opacity-20 -mr-48 -mt-48">
        </div>
        <div
            class="absolute bottom-0 left-0 w-96 h-96 bg-accent-100 rounded-full filter blur-3xl opacity-20 -ml-48 -mb-48">
        </div>

<div class="max-w-4xl mx-auto mb-16">
                <div class="bg-white rounded-xl shadow-lg overflow-hidden">
                    <?php $__currentLoopData = $faq; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faqs): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="border-b border-gray-100 last:border-b-0">
                            <button class="flex justify-between items-center w-full px-6 py-3 lg:py-5 text-left"
                                onclick="toggleFAQ(this)">
                                <span class="font-semibold text-secondary-800"><?php echo e($faqs->title); ?></span>
                                <i
                                    class='bx bx-chevron-down text-xl text-secondary-500 transition-transform duration-200'></i>
                            </button>
                            <div class="hidden px-6 pb-5">
                                <p class="text-secondary-600"><?php echo $faqs->description; ?></p>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>

</a>
            </div>
        </div>

<script>
            function toggleFAQ(button) {
                // Toggle active state for the button
                button.classList.toggle('active');

// Find the content div (next sibling after the button)
                const content = button.nextElementSibling;

// Toggle visibility
                if (content.classList.contains('hidden')) {
                    content.classList.remove('hidden');
                    button.querySelector('i').style.transform = 'rotate(180deg)';
                } else {
                    content.classList.add('hidden');
                    button.querySelector('i').style.transform = 'rotate(0)';
                }
            }
        </script>
    </section>

<section id="contact" class="py-12 bg-white relative" <?php if(checkFrontLanguageSession() == 'ar'): ?> dir="rtl" <?php endif; ?>>
        <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
            <div class="text-center mb-10">
                <div
                    class="inline-flex items-center px-3 py-1.5 rounded-full bg-primary-100 text-primary-700 mb-4 text-sm font-medium">
                    <i class='bx bx-envelope mr-1.5 <?php if(checkFrontLanguageSession() == 'ar'): ?> mr-0 ml-1.5 <?php endif; ?>'></i>
                    <?php echo e(__('messages.vcard_11.get_in_touch')); ?>

</div>
                <h2
                    class="text-2xl md:text-3xl font-bold bg-gradient-to-r from-primary-600 via-accent-500 to-teal-500 bg-clip-text text-transparent mb-2">
                    <?php echo e(__('messages.dynamic_vcard.contact_us')); ?></h2>
                <p class="text-secondary-600 max-w-xl mx-auto text-sm">
                    <?php echo e(__('messages.theme3.learn_more_about_what_we_offer')); ?></p>
            </div>

</h4>
                                    <p class="text-sm text-primary-600"><?php echo e($setting['email']); ?></p>
                                </div>
                            </div>
                        </div>

</h4>
                                    <p class="text-sm text-accent-600">
                                        <?php echo e('+' . $setting['prefix_code'] . ' ' . $setting['phone']); ?></p>
                                </div>
                            </div>
                        </div>

</h4>
                                    <p class="text-sm text-teal-600"><?php echo e($setting['address']); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="md:w-2/3 bg-white rounded-xl shadow-sm p-5">
                        <h3 class="text-lg font-semibold text-secondary-800 mb-4"><?php echo e(__('messages.theme3.send_a_msg')); ?>

</h3>
                        <form class="space-y-4 contact-form" id="myForm">
                            <?php echo csrf_field(); ?>
                            <div id="contactError" class="alert alert-danger d-none"></div>
                            <div class="grid grid-cols-2 gap-4">
                                <div>
                                    <input type="text" name="name" id="name"
                                        class="w-full px-3 py-2 text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500"
                                        placeholder="<?php echo e(__('messages.theme3.your_name')); ?>" required>
                                </div>
                                <div>
                                    <input type="email" name="email" id="email"
                                        class="w-full px-3 py-2 text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500"
                                        placeholder="<?php echo e(__('messages.theme3.email_address')); ?>" required>
                                </div>
                            </div>

<div>
                                <input type="text" id="subject" name="subject"
                                    class="w-full px-3 py-2 text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500"
                                    placeholder="<?php echo e(__('messages.common.subject')); ?>" required>
                            </div>

<div>
                                <textarea name="message" id="message" rows="3"
                                    class="w-full px-3 py-2 text-sm rounded-lg border border-gray-300 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:border-primary-500"
                                    placeholder="<?php echo e(__('messages.theme3.your_msg')); ?>"required></textarea>
                            </div>

</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('front.layouts.app3', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/rwabteecom/public_html/resources/views/front/home/home3.blade.php ENDPATH**/ ?>

CANCEL