Viewing file:  index.blade.php (20.6 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.frontLayout')
@section('title') {{get_settings('app_name')}} - {{trans('admin.a_bulk_sms_arketing_tool')}} @endsection
@section('css')
<style>
/* .accordion-button {
width: 100% !important;
text-align: left;
} */
.payment-partner{
height: 100px;
width: 100%;
}
.payment-partner img{
height: 100%;
}
.text-white{
color: white !important;
}
.ribbon-wrapper .ribbon {
font-size: 10px !important;
padding: 8px 4px 8px 4px !important;
}
.ribbon-wrapper {
height: 70px;
overflow: hidden;
position: absolute;
width: 70px;
z-index: 10;
margin-top: 6px !important;
top: 10px;
right: 35px;
}
.ribbon-wrapper .ribbon {
box-shadow: 0 0 3px rgba(0,0,0,.3);
font-size: .8rem;
line-height: 100%;
padding: 0.375rem 0;
position: relative;
right: -2px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);
text-transform: uppercase;
top: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 90px;
}
.bg-danger{
color: #fff!important;
background-color: #f0696c !important;
}
.card-pricing.marked .body p a{
color:white !important;
}
.card-pricing.marked .body p{
color:white !important;
}
.footer .btn-pricing{
color: black !important;
}
img.feature-icon {
width: auto;
height: 100%;
}
.service-icon-sec {
width: auto;
height: 50px;
}
img.sec_three_icon {
width: 50px;
height: 50px;
}
.subscribe-btn {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 10px 30px;
border-radius: 50px;
transition: 0.5s;
color: #fff;
background: #5F3CF8;
text-decoration: none;
border: none;
}
</style>
@endsection
@php
$current_lang=app()->getLocale();
@endphp
@php
if(get_settings('template_'.$current_lang)){
$template = json_decode(get_settings('template_'.$current_lang));
}else{
$template = json_decode(get_settings('template_en'));
}
@endphp
@section('main-section')
<div class="banner-sec-wrapper" id="banner-section-wrapper">
<div id="banner-content-wrapper">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="main-banner-content wow zoomIn" data-wow-duration="2s" data-wow-delay="1s">
<div class="main-banner-title">
{{isset($template->title)?$template->title:''}}
</div>
<div class="main-banner-des">
{{isset($template->description)?$template->description:''}}
</div>
<div class="main-banner-button-sec">
<a href="#" class="main-banner-btn">Get Started</a>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="main-banner-img">
@if(isset($template->bg_image_file_name))
<div class="animation-img-sec main-banner-img-sec">
<img src="{{asset('uploads/'.$template->bg_image_file_name)}}" class="main-banner-image animated-img" alt="">
</div>
@endif
</div>
</div>
</div>
</div>
</div>
<svg class="banner-sec-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
<defs>
<path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
</path></defs>
<g class="wave1">
<use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
</use></g>
<g class="wave2">
<use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
</use></g>
<g class="wave3">
<use xlink:href="#wave-path" x="50" y="9" fill="#fff">
</use></g>
</svg>
</div>
<section class="service-section" id="services">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="service-img-section wow fadeInLeft">
@if (isset($template->section_two_bg_image_file) && $template->section_two_bg_image_file)
<img src="{{asset('uploads/'.$template->section_two_bg_image_file)}}" class="img-fluid" alt="">
@endif
</div>
</div>
<div class="col-lg-7">
<div class="service-content-section wow zoomIn">
<div class="service-title-sec">
{{isset($template->sec_two_first_title)?$template->sec_two_first_title:''}}
</div>
<div class="service-description-sec">
{{isset($template->section_two_description)?$template->section_two_description:''}}
</div>
</div>
<div class="service-feature-sec-details">
@if (isset($template->section_two_feature_items) && $template->section_two_feature_items)
@php
$section_two_feature_items = json_decode($template->section_two_feature_items);
@endphp
@foreach ($section_two_feature_items as $section_two_feature_item)
<div class="service-feature-section d-flex">
<div class="service-icon-sec">
@if (isset($section_two_feature_item->sec_two_feature_icon) && $section_two_feature_item->sec_two_feature_icon)
<img src="{{asset('uploads/'.$section_two_feature_item->sec_two_feature_icon)}}" class="feature-icon" alt="">
@endif
</div>
<div class="service-feature-text">
<div class="service-feature-title">
{{isset($section_two_feature_item->sec_two_feature_title)?$section_two_feature_item->sec_two_feature_title:''}}
</div>
<div class="service-feature-description">
{{isset($section_two_feature_item->sec_two_feature_des)?$section_two_feature_item->sec_two_feature_des:''}}
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</section>
<div class="feature-section" id="feature">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeInLeft">
<div class="feature-title">Features</div>
<div class="feature-main-title">
{{isset($template->section_three_title)?$template->section_three_title:''}}
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="features-sec-wrapper wow fadeInLeft">
<div class="row">
@if (isset($template->section_three_feature_items) && $template->section_three_feature_items)
@php
$sec_three_items = json_decode($template->section_three_feature_items);
@endphp
@foreach ($sec_three_items as $sec_three_item)
<div class="col-lg-3 mt-3">
<div class="feature-card-sec">
<div class="feature-card-icon">
@if (isset($sec_three_item->sec_three_feature_icon) && $sec_three_item->sec_three_feature_icon)
<img src="{{asset('uploads/'.$sec_three_item->sec_three_feature_icon)}}" class="sec_three_icon" alt="">
@endif
</div>
<div class="feature-name-sec">
{{isset($sec_three_item->sec_three_feature_title)?$sec_three_item->sec_three_feature_title:''}}
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
</div>
<section class="transaction-section" id="">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="transaction-img-sec wow zoomIn">
@if (isset($template->section_four_bg_image_file_name) && $template->section_four_bg_image_file_name)
<img src="{{asset('uploads/'.$template->section_four_bg_image_file_name)}}" class="img-fluid" alt="">
@endif
</div>
</div>
<div class="col-lg-7">
<div class="transaction-content-sec wow fadeInRight">
<div class="transaction-main-title">
{{isset($template->section_four_title)?$template->section_four_title:''}}
</div>
<div class="transaction-sub-title">
{{isset($template->section_four_description)?$template->section_four_description:''}}
</div>
<div class="secttion-four-wrapper">
@if (isset($template->section_four_features) && $template->section_four_features)
@php
$section_four_feature_items = json_decode($template->section_four_features);
@endphp
@foreach ($section_four_feature_items as $sec_four_item)
<div class="transaction-feature-sec d-flex align-items-center">
<div class="transaction-icon-sec">
<i class="fa fa-check" aria-hidden="true"></i>
</div>
<div class="transaction-feature-text">
{{isset($sec_four_item->section_four_feature_des)?$sec_four_item->section_four_feature_des:''}}
</div>
</div>
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-five-wrapper">
<div class="container">
<div class="row align-items-center">
<div class="col-md-7">
<div class="transaction-details-sec wow fadeInUp">
<div class="transaction-details-title">
{{isset($template->section_five_title)?$template->section_five_title:''}}
</div>
<div class="transaction-sub-title">
{{isset($template->section_five_sub_title)?$template->section_five_sub_title:''}}
</div>
<div class="transaction-detials-des">
{{isset($template->section_five_description)?$template->section_five_description:''}}
</div>
</div>
</div>
<div class="col-md-5">
<div class="transaction-detials-img-sec wow fadeInUp">
@if (isset($template->section_five_bg_image_file_name) && $template->section_five_bg_image_file_name)
<img src="{{asset('uploads/'.$template->section_five_bg_image_file_name)}}" class="img-fluid" alt="">
@endif
</div>
</div>
</div>
</div>
</section>
<section class="pricing-section" id="price">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="feature-title wow fadeInUp">Pricing</div>
<div class="feature-main-title">
{{isset($template->plan_title)?$template->plan_title:''}}
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
@if($plans->isNotempty())
@foreach ($plans as $key => $plan )
<div class="col-lg-4 mt-5 wow fadeInUp">
<div class="price-card">
@if ($plan->set_as_popular=='yes')
<div class="price-card-header">
{{$plan->title}}
<span class="advanced-text">Advanced</span>
</div>
@else
<div class="price-card-header">
{{$plan->title}}
</div>
@endif
<div class="price-card-body">
<span class="price-title-sec">
<span class="price-value"> {{formatNumberWithCurrSymbol($plan->price)}}</span> <small class="per-sms-cost">${{$plan->sms_unit_price}} per SMS</small>
</span>
<div class="items-section">
<div class="single-feature">
{{ucfirst(str_replace('_','-',$plan->recurring_type))}}
</div>
<div class="single-feature">
{{$plan->short_description}}
</div>
<div class="single-feature">
<strong>{{trans('Recurring Type')}}</strong>: {{ucfirst($plan->recurring_type)}}
</div>
<div class="single-feature">
@if($plan->unlimited_contact=='yes')
<p class="text-muted"><strong>{{trans('Contact Limit')}}</strong>: {{trans('Unlimited')}}</p>
@else
<p class="text-muted"><strong>{{trans('Contact Limit')}}</strong>: {{$plan->max_contact}}</p>
@endif
<p class="text-muted"><strong>{{trans('Free SMS Unit')}}</strong>: {{$plan->free_sms_credit}}</p>
<p class="text-muted"><strong>{{trans('SMS Unit Price')}}</strong>: {{$plan->sms_unit_price}}</p>
</div>
<div class="single-feature">
@if($plan->api_availability=='yes')
<p class="text-muted"><strong>{{trans('API Available')}}</strong>: Yes</p>
@else
<p class="text-muted"><strong>{{trans('API Available')}}</strong>: No</p>
@endif
<p class="text-muted"><strong>{{trans('SMS Send Limit')}}</strong>: {{$plan->sms_sending_limit}}(<small>Per Month</small>)</p>
<p>{{trans('customer.unlimited_support')}}</p>
<p>{{trans('customer.cancel_anytime')}}</p>
<p class="text-muted">
<a href="{{route('coverage',[$plan->id])}}" target="_blank">See Coverage</a>
</p>
</div>
</div>
</div>
<div class="price-card-footer">
@if(auth('customer')->check())
@if(Module::has('PaymentGateway') && Module::find('PaymentGateway')->isEnabled())
<form action="{{route('paymentgateway::process')}}" method="post">
@csrf
<input type="hidden" name="id" value="{{$plan->id}}">
<a href="#" class="main-banner-btn">Register</a>
</form>
@endif
@elseif(get_settings('registration_status')=='enable')
<a href="{{route('signup',['plan'=>$plan->id])}}" class="main-banner-btn">Subscribe</a>
@endif
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
</section>
<section class="faq-section" id="faq">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeInRight">
<div class="feature-title">FAQ</div>
<div class="feature-main-title">
{{isset($template->faq_title)?$template->faq_title:''}}
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="accordion" id="accordionPanelsStayOpenExample">
@foreach($faqs as $key => $faq)
@if($key < 4)
<div class="accordion-item">
<div class="accordion-header" id="panelsStayOpen-heading_{{$key}}">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapse_{{$key}}" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
<i class="fa fa-question-circle-o" aria-hidden="true"></i>
<span class="accordion-button-text"> {{$faq->question}} </span>
</button>
</div>
<div id="panelsStayOpen-collapse_{{$key}}" class="accordion-collapse collapse {{$key==0?'show':''}}" aria-labelledby="panelsStayOpen-headingOne">
<div class="accordion-body">
{{$faq->answer}}
</div>
</div>
</div>
@endif
@endforeach
</div>
</div>
</div>
</div>
</section>
<section class="contact-us-section" id="contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="feature-title">Contact Us</div>
<div class="feature-main-title">
{{isset($template->contact_us_title)?$template->contact_us_title:''}}
</div>
</div>
</div>
</div>
@php
$contactData = get_settings('contact_info') ? json_decode(get_settings('contact_info')) : '';
@endphp
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="contact-us-info-sec wow fadeInRight">
<div class="location-address d-flex align-items-center location-info">
<div class="location-icon">
<i class="fa fa-map-marker location-i" aria-hidden="true"></i>
</div>
<div class="location-text mx-3">
<div class="location-details">
{{isset($contactData->address)?$contactData->address:''}}
</div>
</div>
</div>
<div class="email-address d-flex align-items-center location-info">
<div class="email-icon-sec">
<i class="fa fa-envelope location-i" aria-hidden="true"></i>
</div>
<div class="location-text mx-3">
<div class="location-details">
{{isset($contactData->email_address)?$contactData->email_address:''}}
</div>
</div>
</div>
<div class="phone-number-sec d-flex align-items-center location-info">
<div class="email-icon-sec">
<i class="fa fa-mobile location-i" aria-hidden="true"></i>
</div>
<div class="location-text mx-3">
<div class="location-details">
{{isset($contactData->phone_number)?$contactData->phone_number:''}}
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="contact-us-form-sec wow zoomIn">
<form action="{{route('user.message.store')}}" method="post">
@csrf
<div class="row">
<div class="col-lg-6 mt-3">
<div class="form-group">
<input type="text" class="form-control" name="name" placeholder="Your Name">
</div>
</div>
<div class="col-lg-6 mt-3">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Your Email">
</div>
</div>
<div class="col-lg-12 mt-3">
<div class="form-group">
<input type="text" class="form-control" name="subject" placeholder="Subject">
</div>
</div>
<div class="col-lg-12 mt-3">
<div class="form-group">
<textarea name="message" class="form-control" id="" cols="5" rows="6" placeholder="Message"></textarea>
</div>
</div>
<div class="col-lg-12 mt-3">
<div class="contact-us-btn text-center">
<button type="submit" class="subscribe-btn">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
@endsection
@section('js')
@if(get_settings('crisp_token'))
<script type="text/javascript">window.$crisp = [];
window.CRISP_WEBSITE_ID = "{{get_settings('crisp_token')}}";
(function () {
d = document;
s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s);
})();</script>
@endif
@endsection
|