مشاهدة ملف: index.blade.php

@extends('layouts.frontLayout')

@section('title')
{{get_settings('app_name')}} || Bulk Email MMarketing Tool
@endsection

@section('css')
<style>
    .plan-section .card ul li {
        padding-bottom: 3px;
        border-bottom: 1px solid lightgrey;
        margin-bottom: 15px;
    }

    .plan-section .card ul {
        list-style: none;
        font-size: 17px;
        font-weight: 500;
        margin-top: 18px;
    }

    .plan-section .card h6 {
        font-size: 13px !important;
        margin-top: 22px;
    }

    .plan-section .card h3 {
        font-size: 30px !important;
        margin-top: 9px;
    }

    .plan-section .card {
        padding: 25px !important;
        border-radius: 7px;
    }

    .plan-section .card a button {
        margin-top: 10%;
    }

    .home-section-wrapper-content {
        background-image: url('{{asset('images/header-greadient.png')}}');
        background-position: 90%;
        background-size: cover;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        position: relative;
        padding-top: 80px;
        padding-bottom: 60px;
    }
    @media (max-width:991px) {
        .home-section-wrapper-content {
        background-image: url('{{asset('images/header-greadient.png')}}');
        background-position: 90%;
        background-size: cover;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        position: relative;
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }
}

    .unibox-content-wrapper-section {
        background-image: url('{{asset('images/header-greadient.png')}}');
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
        border-radius: 16px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 100px;
        padding-top: 80px;
        padding-bottom: 80px;
        display: flex;
        position: relative;
        overflow: hidden;
    }
   


    .home-sec-second-bg-img {
        background-image: url('{{asset('images/banner-home-sec.png')}}');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    
</style>
@endsection
@section('main-content')
@php
$homeSection = json_decode(get_settings('home_section'));
$sectionTwo = json_decode(get_settings('section_two'));
$sectionThree = json_decode(get_settings('section_three'));
$sectionFour = json_decode(get_settings('section_four'));
$sectionFive = json_decode(get_settings('section_five'));
$sectionSix = json_decode(get_settings('section_six'));
$aboutSection = json_decode(get_settings('about_section'));
$featuresSection = json_decode(get_settings('features_section'));
$groupListBuilderSection = json_decode(get_settings('group_list_builder_section'));
$customerManagementSection = json_decode(get_settings('customer_management_section'));
$billingManagementSection = json_decode(get_settings('billing_management_section'));
$formAndEmailTemplateBuilderSection = json_decode(get_settings('form_and_email_template_builder_section'));
$planManagementSection = json_decode(get_settings('plan_management_section'));
$popularPaymentGatewaySection = json_decode(get_settings('popular_payment_gateway_section'));
@endphp

<section class="home-section home-section-wrapper-content" id="home">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="home-section-content">
                    <div class="home-section-title f-23">
                       {{isset($homeSection) && isset($homeSection->home_section_heading)?$homeSection->home_section_heading:''}}
                    </div>
                            <div class="home-section-des f-13">
                                {{isset($homeSection) && isset($homeSection->home_section_title)?$homeSection->home_section_title:''}}
                            </div>
                  
                </div>
            </div>
            <div class="col-md-6">
                <div class="home-sec-img-wrapper">
                    @if(isset($homeSection->home_section_image_file) && $homeSection->home_section_image_file)
                    <img src="{{asset('uploads/'.$homeSection->home_section_image_file)}}" class="home-img-main" alt="">
                @endif
                </div>
            </div>
            <div class="col-md-12">
                <div class="home-btn-section">
                    <a href="" class="start-home-btn f-13">Start For free</a>
                </div>

                <div class="home-require-sec">
                    <div class="home-require-content">
                        <div class="home-require-icon-sec">
                            <i class="fas fa-check require-check-icon" aria-hidden="true"></i>
                        </div>
                        <div class="home-require-text">
                            {{isset($homeSection) && isset($homeSection->home_feature_one)?$homeSection->home_feature_one:''}}
                        </div>
                    </div>
                    <div class="home-require-content">
                        <div class="home-require-icon-sec">
                            <i class="fas fa-check require-check-icon" aria-hidden="true"></i>
                        </div>
                        <div class="home-require-text">
                            {{isset($homeSection) && isset($homeSection->home_feature_two)?$homeSection->home_feature_two:''}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 d-none">
                <div class="home-banner-img-sec">
                    <div class="home-section-main-img">
                        <img src="{{asset('images/main.png')}}" class="home-img-main" alt="">
                    </div>
                </div>
                <div class="home-section-img-one">
                    <img src="{{asset('images/1.png')}}" class="home-img-one" alt="">
                </div>
                <div class="home-section-img-two">
                    <img src="{{asset('images/2.png')}}" class="home-img-one" alt="">
                </div>
                <div class="home-section-img-three">
                    <img src="{{asset('images/3.png')}}" class="home-img-one" alt="">
                </div>
                <div class="home-section-img-four">
                    <img src="{{asset('images/4.png')}}" class="home-img-one" alt="">
                </div>
            </div>

        </div>
    
        <div class="home-all-images d-none">
            <div class="home-images-section">
                <div class="home-section-img-main">
                    <img src="{{asset('images/main.png')}}" class="home-img-main" alt="">
                </div>
                <div class="home-section-img-one">
                    <img src="{{asset('images/1.png')}}" class="home-img-one" alt="">
                </div>
                <div class="home-section-img-two">
                    <img src="{{asset('images/2.png')}}" class="home-img-two" alt="">
                </div>
                <div class="home-section-img-three">
                    <img src="{{asset('images/3.png')}}" class="home-img-three" alt="">
                </div>
                <div class="home-section-img-four">
                    <img src="{{asset('images/4.png')}}" class="home-img-four" alt="">
                </div>
                <div class="home-section-img-five">
                    <img src="{{asset('images/5.png')}}" class="home-img-five" alt="">
                </div>
            </div>
            <div class="home-shadow-img-sec ">
                <div class="home-shadow-image">
                    {{-- <img src="{{asset('images/shadow.png')}}" class="home-shadow-img" alt=""> --}}
                </div>
            </div>
        </div>
        <div class="home-sec-end-content d-none">
            <div class="home-end-content">
                10,000+ clients who are getting more replies
            </div>
            <div class="home-see-more">
                <a href="" class="home-sec-see-more-btn">See More</a>
            </div>
        </div>
    </div>

</section>


<section class="reach-section-wrapper">
    <div class="conatainer">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="reach-first-img-sec">
                    @if(isset($sectionTwo->section_two_image_file) && $sectionTwo->section_two_image_file)
                    <img src="{{asset('uploads/'.$sectionTwo->section_two_image_file)}}" class="reach-first-img" alt="">
                @endif
                </div>
            </div>
            <div class="col-md-6">
                <div class="reach-first-content">
                    <div class="reach-first-contnet-title f-23">
                      {{isset($sectionTwo) && isset($sectionTwo->section_two_title_one)?$sectionTwo->section_two_title_one:''}}
                    </div>
                    <div class="reach-first-contnet-sub-title f-23">
                        <span>   {{isset($sectionTwo) && isset($sectionTwo->section_two_title_two)?$sectionTwo->section_two_title_two:''}}</span>
                    </div>
                </div>
                <div class="reach-first-des f-13">
                    {{isset($sectionTwo) && isset($sectionTwo->section_two_description)?$sectionTwo->section_two_description:''}}
                </div>
                <div class="start-for-free-button reach-btn-sec">
                    <a href="" class="start-for-free-btn f-13">Start For Free</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="reach-section-wrapper">
    <div class="conatainer">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="reach-first-content">
                    <div class="reach-first-contnet-title f-23">
                        {{isset($sectionThree) && isset($sectionThree->section_three_title_one)?$sectionThree->section_three_title_one:''}}
                  
                        <span class="reach-first-contnet-sub-title f-23">
                            {{isset($sectionThree) && isset($sectionThree->section_three_title_two)?$sectionThree->section_three_title_two:''}}
                        </span>
                    </div>

                </div>
                <div class="reach-first-des f-13">
                    {{isset($sectionThree) && isset($sectionThree->section_three_description)?$sectionThree->section_three_description:''}}

                </div>
                <div class="start-for-free-button reach-btn-sec">
                    <a href="" class="start-for-free-btn f-13">Start For Free</a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="reach-first-img-sec">
                    @if(isset($sectionThree->section_three_image_file) && $sectionThree->section_three_image_file)
                    <img src="{{asset('uploads/'.$sectionThree->section_three_image_file)}}" class="reach-first-img" alt="">
                @endif
                   
                </div>
            </div>

        </div>
    </div>
</section>
<section class="faq-section">
    <div class="container">
        <div class="row align-items-center">
            
           <div class="col-md-6">
            <div class="faq-img-sec">
                <img src="{{asset('images/faq-img-three.png')}}" class="faq-img" alt="">
            </div>
           </div>
           <div class="col-md-6">
            <div class="faq-content-sec">
                <div id="accordion">
                    <div class="accordion-box">
                        @foreach($faqs as $key => $faq)
                        @if($key < 4)
                        <a class="accordion-box-link" href="" data-toggle="collapse" data-target="#collapseOne_{{$key}}"
                            aria-expanded="true" aria-controls="collapseOne">
                            <div id="headingOne_{{$key}}">
                                <div class="faq-heading">
                                    <div class="faq-heading-content f-13">
                                      {{$faq->question}}
                                    </div>
                                </div>
                            </div>
                        </a>

                        <div id="collapseOne_{{$key}}" class="collapse faq-heading-icon" aria-labelledby="headingOne_{{$key}}"
                            data-parent="#accordion">
                            <div class="faq-content-sec">
                                <div class="row align-items-center">
                                    <div class="col-md-12">
                                        <div class="faq-text-content">
                                            {{$faq->answer}}
                                        </div>
                                        <div class="start-for-free-button">
                                            <a href="" class="faq-start-for-free-btn f-13">Start For Free</a>
                                        </div>
                                    </div>
                                
                                </div>
                            </div>
                        </div>
                        @endif
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
    </div>
</section>
<div id="unbox-section">
    <section class="unibox-content-wrapper-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="unibox-main-banner-sec">
                        <div class="unibox-main-banner-title f-23">
                            {{isset($sectionFour) && isset($sectionFour->section_four_title_one)?$sectionFour->section_four_title_one:''}} 
                            <span class="unibox-main-banner-sub-title"> {{isset($sectionFour) && isset($sectionFour->section_four_title_two)?$sectionFour->section_four_title_two:''}} </span>
                        </div>
                        <div class="unibox-main-banner-des f-13">
                            {{isset($sectionFour) && isset($sectionFour->section_four_description)?$sectionFour->section_four_description:''}} 
                        </div>
                        <div class="start-for-free-button text-center unibox-btn-section">
                            <a href="" class="faq-start-for-free-btn f-13">Start For Free</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="unibox-description-sec-img">
                        @if(isset($sectionFour->section_four_image_file) && $sectionFour->section_four_image_file)
                        <img src="{{asset('uploads/'.$sectionFour->section_four_image_file)}}" class="unibox-main-img" alt="">
                    @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<section class="analytics-sec-wrapper-content">
    <div class="container">
        <div class="row">
            <div class="col-md-5">
                <div class="analytics-content-sec">
                    <div class="analytics-sec-content-title f-23">
                        {{isset($sectionFive) && isset($sectionFive->section_five_title_one)?$sectionFive->section_five_title_one:''}} 

                         <span class="analytics-sec-content-sub-title">
                            {{isset($sectionFive) && isset($sectionFive->section_five_title_two)?$sectionFive->section_five_title_two:''}} 
                         </span>
                    </div>
                    <div class="analytics-sec-des f-13">
                        {{isset($sectionFive) && isset($sectionFive->section_five_description)?$sectionFive->section_five_description:''}} 
                    </div>
                    <div class="start-for-free-button analytics-content-sec-btn">
                        <a href="" class="start-for-free-btn f-13">Start For Free</a>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="analytics-main-img-sec">
                    <img src="{{asset('images/analytics.png')}}" class="analytics-main-img" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="learner-section-content">
    <div class="container">
        <div class="row">
            <div class="col-md-12 p-0">
                <div class="learner-sec-main-banner">
                    <div class="row">
                        <div class="col-md-7">
                            <div class="analytics-content-sec">
                                <div class="learner-sec-content-title f-23">
                                    {{isset($sectionSix) && isset($sectionSix->section_six_title_one)?$sectionSix->section_six_title_one:''}}
                                    <span class="analytics-sec-content-sub-title">
                                        {{isset($sectionSix) && isset($sectionSix->section_six_title_two)?$sectionSix->section_six_title_two:''}}
                                    </span>
                                </div>
                                <div class="learner-sec-des f-13">
                                    {{isset($sectionSix) && isset($sectionSix->section_six_description)?$sectionSix->section_six_description:''}}
                                </div>
                                <div class="start-for-free-button analytics-content-sec-btn">
                                    <a href="" class="start-for-free-btn f-13">Start For Free</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="learner-sec-img">
                                <img src="{{asset('images/learner-main-img.png')}}" class="learner-main-img" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="testimonial-section-wrapper ">
    <div class="container">
        <div class="row">
            <div class="col-md-8 m-auto">
                <div class="testimonial-heading-sec text-center">
                    <div class="testimonial-heading-content f-23">
                        <span class="testimonial-heading-first-part">See why thousands of agencies, recruiters, and
                        </span>
                        entrepreneurs love Instantly.
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 mt-5">
                <div class="testimonial-content-sec">
                    <div class="testimonial-content-des f-13 f-13">
                        “I’ve specialised in cold email marketing since 2018 and in this time I've used almost every popular cold-emailing tool available on the market today - <span class="analytics-sec-content-sub-title">Instantly is hands down my favourite of them all.”</span>
                    </div>
                    <div class="testimonial-person-details">
                        <div class="person-image-sec">
                            <img src="{{asset('images/man-one.png')}}" class="testimonial-person-img" alt="">
                        </div>
                        <div class="testimonial-person-text-sec">
                            <div class="testimonial-person-name f-13">
                                Alex Smith
                            </div>
                            <div class="testimonial-person-designation f-13">
                                Managing Director @ Canbury Partners
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-5">
                <div class="testimonial-content-sec">
                    <div class="testimonial-content-des f-13 f-13">
                        “I’ve specialised in cold email marketing since 2018 and in this time I've used almost every popular cold-emailing tool available on the market today - <span class="analytics-sec-content-sub-title">Instantly is hands down my favourite of them all.”</span>
                    </div>
                    <div class="testimonial-person-details">
                        <div class="person-image-sec">
                            <img src="{{asset('images/man-two.png')}}" class="testimonial-person-img" alt="">
                        </div>
                        <div class="testimonial-person-text-sec">
                            <div class="testimonial-person-name f-13">
                               Frenz Look
                            </div>
                            <div class="testimonial-person-designation f-13">
                               Co-Founder @ Canbury Partners
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-5">
                <div class="testimonial-content-sec">
                    <div class="testimonial-content-des f-13 f-13">
                        “I’ve specialised in cold email marketing since 2018 and in this time I've used almost every popular cold-emailing tool available on the market today - <span class="analytics-sec-content-sub-title">Instantly is hands down my favourite of them all.”</span>
                    </div>
                    <div class="testimonial-person-details">
                        <div class="person-image-sec">
                            <img src="{{asset('images/man-three.png')}}" class="testimonial-person-img" alt="">
                        </div>
                        <div class="testimonial-person-text-sec f-13">
                            <div class="testimonial-person-name f-13">
                                Mills Hook
                            </div>
                            <div class="testimonial-person-designation f-13">
                                CEO @ Dresok Brach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-5">
                <div class="testimonial-content-sec">
                    <div class="testimonial-content-des f-13">
                        “I’ve specialised in cold email marketing since 2018 and in this time I've used almost every popular cold-emailing tool available on the market today - <span class="analytics-sec-content-sub-title">Instantly is hands down my favourite of them all.”</span>
                    </div>
                    <div class="testimonial-person-details">
                        <div class="person-image-sec">
                            <img src="{{asset('images/man-one.png')}}" class="testimonial-person-img" alt="">
                        </div>
                        <div class="testimonial-person-text-sec">
                            <div class="testimonial-person-name f-13">
                                Alex Smith
                            </div>
                            <div class="testimonial-person-designation f-13">
                                Managing Director @ Canbury Partners
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-5">
                <div class="testimonial-content-sec">
                    <div class="testimonial-content-des f-13">
                        “I’ve specialised in cold email marketing since 2018 and in this time I've used almost every popular cold-emailing tool available on the market today - <span class="analytics-sec-content-sub-title">Instantly is hands down my favourite of them all.”</span>
                    </div>
                    <div class="testimonial-person-details">
                        <div class="person-image-sec">
                            <img src="{{asset('images/man-two.png')}}" class="testimonial-person-img" alt="">
                        </div>
                        <div class="testimonial-person-text-sec">
                            <div class="testimonial-person-name f-13">
                               Frenz Look
                            </div>
                            <div class="testimonial-person-designation f-13">
                               Co-Founder @ Canbury Partners
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 mt-5">
                <div class="testimonial-content-sec">
                    <div class="testimonial-content-des f-13">
                        “I’ve specialised in cold email marketing since 2018 and in this time I've used almost every popular cold-emailing tool available on the market today - <span class="analytics-sec-content-sub-title">Instantly is hands down my favourite of them all.”</span>
                    </div>
                    <div class="testimonial-person-details">
                        <div class="person-image-sec">
                            <img src="{{asset('images/man-three.png')}}" class="testimonial-person-img" alt="">
                        </div>
                        <div class="testimonial-person-text-sec">
                            <div class="testimonial-person-name f-13">
                                Mills Hook
                            </div>
                            <div class="testimonial-person-designation f-13">
                                CEO @ Dresok Brach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="see-more-testimonial-btn">
                    <div class="start-for-free-button">
                        <a href="" class="start-for-free-btn f-13">See More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="testimonial-slider-content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="testimonial-slider-content-sec">
                        <div class="row">
                            <div class="col-md-5">
                                <div class="testimonial-img-slider-sec">
                                    <img src="{{asset('images/testimonial-slider-img-one.jpeg')}}" class="testimonial-slider-img" alt="">
                                </div>
                            </div>
                            <div class="col-md-7">
                                <div class="testimonial-invert-img-sec">
                                    <img src="{{asset('images/inverted.png')}}" class="testimonial-invert-img" alt="">
                                </div>
                                <div class="testimonial-slider-content">
                                    <div class="testimonial-slider-title-sec f-13">
                                        <span class="testimonial-slider-first-title">
                                            Email outreach is one of the most effective ways to expand your business and gain new business. Instantly does this well;
                                        </span> you can add unlimited email accounts and just does all the basics in the right way!
                                    </div>
                                </div>
                                <div class="testimonial-person-info-sec f-13">
                                    <div class="testimonial-person-info">
                                        <div class="testimonial-person-name-text">
                                            Alex
                                        </div>
                                        <div class="testimonial-designation-sec">
                                            CEO at Webaware
                                        </div>
                                    </div>
                                    <div class="testimonial-slider-btn-sec">
                                        <a href="">
                                            <div class="testimonial--arrow ">
                                                <i class="fa fa-long-arrow-left testimonial-arrow-icon" aria-hidden="true"></i>
                                            </div> 
                                        </a>
                                        <a href="">
                                            <div class="testimonial--arrow ">
                                                <i class="fa fa-long-arrow-right testimonial-arrow-icon" aria-hidden="true"></i>

                                            </div> 
                                        </a>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="testimonial-ratting-icon-sec">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="testimonial-ratting-content-sec">
                                    <div class="testimonial-ratting-img-sec">
                                        <img src="{{asset('images/testimonial-rating-one.png')}}" class="testimonial-ratting-img" alt="">
                                    </div>
                                    <div class="testimonial-ratting-text-sec">
                                        Instantly User Ratings
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="testimonial-ratting-content-sec">
                                    <div class="testimonial-ratting-img-sec">
                                        <img src="{{asset('images/testimonial-rating-two.png')}}" class="testimonial-ratting-img" alt="">
                                    </div>
                                    <div class="testimonial-ratting-text-section">
                                      <div class="testimonial-ratting-title">
                                        Ease of Use
                                      </div>
                                      <div class="testimonial-ratting-sub-title">
                                        Email Marketing Average: 8.7
                                      </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="testimonial-ratting-content-sec">
                                    <div class="testimonial-ratting-img-sec">
                                        <img src="{{asset('images/testimonial-rating-three.png')}}" class="testimonial-ratting-img" alt="">
                                    </div>
                                    <div class="testimonial-ratting-text-section">
                                      <div class="testimonial-ratting-title">
                                        Quality of support
                                      </div>
                                      <div class="testimonial-ratting-sub-title">
                                        Email Marketing Average: 8.5
                                      </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="testimonial-ratting-content-sec">
                                    <div class="testimonial-ratting-img-sec">
                                        <img src="{{asset('images/testimonial-rating-four.png')}}" class="testimonial-ratting-img" alt="">
                                    </div>
                                    <div class="testimonial-ratting-text-section">
                                      <div class="testimonial-ratting-title">
                                        Ease of setup
                                      </div>
                                      <div class="testimonial-ratting-sub-title">
                                        Email Marketing Average: 8.4
                                      </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection