| Current Path : /home/users/unlimited/www/whatsjet-saas/Source/resources/views/ |
| Current File : /home/users/unlimited/www/whatsjet-saas/Source/resources/views/outer-home.blade.php |
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="{{ $CURRENT_LOCALE_DIRECTION ?? ''}}">
@php
$appName = getAppSettings('name');
@endphp
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title> {{ (isset($title) and $title) ? ' - ' . $title : __tr('Welcome') }} - {{ $appName }}</title>
<!-- Primary Meta Tags -->
<meta name="title" content="{{ $appName }}" />
<meta name="description" content="{{ getAppSettings('description') }}" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="{{ $appName }}" />
<meta property="og:url" content="{{ url('/') }}" />
<meta property="og:title" content="{{ $appName }}" />
<meta property="og:description" content="{{ getAppSettings('description') }}" />
<meta property="og:image" content="{{ getAppSettings('logo_image_url') }}" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="{{ url('/') }}" />
<meta property="twitter:title" content="{{ $appName }}" />
<meta property="twitter:description" content="{{ getAppSettings('description') }}" />
<meta property="twitter:image" content="{{ getAppSettings('logo_image_url') }}" />
<!-- FAVICON -->
<link href="{{ getAppSettings('favicon_image_url') }}" rel="icon">
{!! __yesset([
'static-assets/packages/fontawesome/css/all.css',
'static-assets/packages/bootstrap-icons/font/bootstrap-icons.css'
]) !!}
<!-- Google fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<body class="lw-outer-home-page">
{!! __yesset([
'dist/css/app-public.css',
], true,
) !!}
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm" id="mainNav">
<div class="container px-5">
<!-- Logo -->
<!-- Brand -->
<a class="navbar-brand pt-0" href="{{ url('/') }}">
<img src="{{ getAppSettings('logo_image_url') }}" class="navbar-brand-img"
alt="{{ getAppSettings('name') }}">
</a>
<!-- Logo -->
<button class="navbar-toggler lw-btn-block-mobile" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="{{ __tr('Toggle navigation') }}">
{{ __tr('Menu') }}
<i class="bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto me-4 my-3 my-lg-0">
<!-- Menu -->
<li class="nav-item"><a class="nav-link me-lg-3" href="#features">{{ __tr('Features') }}</a>
</li>
<li class="nav-item"><a class="nav-link me-lg-3" href="#pricing">{{ __tr('Pricing') }}</a></li>
<li class="nav-item"><a class="nav-link me-lg-3" href="{{ route('user.contact.form') }}">{{
__tr('Contact') }}</a></li>
<!-- pages -->
<!-- pages -->
<li class="nav-item">
@include('layouts.navbars.navs.pages-menu-partial')
</li>
<!-- /pages -->
<!-- /pages -->
@if(!isLoggedIn())
@if(getAppSettings('enable_vendor_registration') or getAppSettings('message_for_disabled_registration'))
<li class="nav-item"><a class="nav-link me-lg-3 text-danger fw-bold" href="{{ route('auth.register') }}">{{
__tr('Register') }}</a></li>
@endif
<li class="nav-item"><a class="nav-link me-lg-3" href="{{ route('auth.login') }}">{{
__tr('Login') }}</a></li>
@endif
@if(isLoggedIn())
<li class="nav-item"><a class="nav-link me-lg-3 btn btn-danger text-white" href="{{ route('central.console') }}">{{
__tr('Dashboard') }}</a></li>
@endif
@include('layouts.navbars.locale-menu')
<!-- /Menu -->
</ul>
</div>
</div>
</nav>
<!-- /Navigation -->
<!-- Mashead header-->
<header class="masthead">
<div class="container p-5">
<div class="row gx-5 align-items-center my-2">
<div class="col-lg-12">
<div class="col-lg-12 text-center">
<!-- Masthead device mockup feature-->
<div class="masthead-device-mockup h-100" >
<div class="lw-io-icon">
<i class="bi bi-whatsapp"></i>
<i class="fa fa-bullhorn"></i>
<i class="fa fa-dollar-sign"></i>
</div>
</div>
</div>
<!-- Mashead text and app badges-->
<div class="mb-5 mb-lg-0 text-center text-lg-start">
<h1 class="display-1 mb-3">{{ __tr('Engage Your Customers on WhatsApp Like Never Before') }}</h1>
<div class="lead display-6 text-muted mt-5 ">{{ __tr('Unlock the full potential of customer engagement with __appName__ - your comprehensive WhatsApp Marketing Platform.', [
'__appName__' => $appName
]) }}</div>
</div>
</div>
</div>
</div>
</header>
<!-- quote/testimonial aside-->
<aside class="text-center bg-gradient-primary-to-secondary">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-xl-8">
<h2 class="display-1 text-white text-center">{!! __tr('Why Choose __appName__?', [
'__appName__' => $appName
]) !!}</h2>
<div class="h2 text-light my-5">{{ __tr('Discover the unparalleled benefits of our WhatsApp Marketing Platform, __appName__.', [
'__appName__' => $appName
]) }}</div>
<ul class="text-center list-group mb-5">
<li class="list-group-item py-4 "><h4>{{ __tr('Increased Engagement') }}</h4> <p class="text-success">{{ __tr('Engage directly with your customers in real-time on WhatsApp.') }}</p></li>
<li class="list-group-item py-4 "><h4>{{ __tr('Higher Conversion Rates') }}</h4> <p class="text-success">{{ __tr('Turn conversations into conversions with targeted messaging through __appName__.', [
'__appName__' => $appName
]) }}</p></li>
<li class="list-group-item py-4 "><h4>{{ __tr('24/7 Customer Support') }}</h4> <p class="text-success">{{ __tr('Automated responses ensure you\'re always there for your customers with __appName__.', [
'__appName__' => $appName
]) }}</p></li>
</ul>
</div>
</div>
</div>
</aside>
<!-- Advance Feature Section -->
<section class="py-5 lw-io-feaures" id="features">
<div class="container py-5">
<div class="row">
<h2 class="display-4 mb-4 text-center">{{ __tr('Powerful Features') }}</h2>
<p class="lead fw-normal text-muted mb-md-5 mb-lg-0 text-center">{{ __tr('Features that would make your life easier with WhatsApp Marketing') }}</p>
</div>
<!-- /Row End -->
<div class="row mt-5 ">
<div class="lw-io-single-item col-lg-3 col-md-6">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fab fa-whatsapp"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('WhatsApp Chat') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('The integrated WhatsApp chat feature in __appName__ mirrors the native WhatsApp interface, ensuring a seamless and familiar messaging experience for users.', [
'__appName__' => $appName
]) }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-bullhorn"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('Campaigns') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Create instant or scheduled campaigns for all contacts or specific groups. This means you have the flexibility to reach out to your audience immediately or plan campaigns for optimal timing.', [
'__appName__' => $appName
]) }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-md-0 my-3">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-user"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('Manage Contacts') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Effortlessly import and export contacts using XLSX format for easy contacts transfer along with Add/Edit functionality on interface.') }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-bars"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('Custom Fields') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Personalize your messages with user base information and custom fields tailored to your audience on __appName__.', [
'__appName__' => $appName
]) }}</p>
</div>
</div>
</div>
</div>
<!-- /Row End -->
<div class="row mt-1 mt-md-4 d-flex justify-content-center">
<div class="lw-io-single-item col-lg-3 col-md-6">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-robot"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('Bot Replies / Chat Bot') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Automate responses and engage customers 24/7 with intelligent bot replies through __appName__.', [
'__appName__' => $appName
]) }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-3 my-md-0">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-bolt"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{!! __tr('Realtime Updates') !!}</h3>
<p class="text-muted mb-0 text-center">{!! __tr('Realtime message and campaign status updates to see your campaign & message performance') !!}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-3 my-md-0">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-language"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('Multilingual') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Emphasize that the product or service offers support for multiple languages, catering to a diverse audience worldwide.') }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-3 my-md-0">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-tachometer-alt"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('Dashboard') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('To provide with instant visibility into the performance and status of their marketing campaigns.') }}</p>
</div>
</div>
</div>
</div>
<!-- /Row End -->
<!-- /Row End -->
<div class="row mt-1 mt-md-4 d-flex justify-content-center">
<div class="lw-io-single-item col-lg-3 col-md-6">
<div class="lw-io-item">
<div class="lw-io-icon">
<span class="h1">AI</span> <i class="fa fa-robot"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('AI Chat Bots') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Vendors can create there chat flow using Flowise and integrate seamlessly.') }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-3 my-md-0">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-users"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{!! __tr('Team Members/Agents') !!}</h3>
<p class="text-muted mb-0 text-center">{!! __tr('Delegate work by creating users with various permissions') !!}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-3 my-md-0">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-cogs"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('API') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('Connect any service or scripts using available APIs') }}</p>
</div>
</div>
</div>
<div class="lw-io-single-item col-lg-3 col-md-6 my-3 my-md-0">
<div class="lw-io-item">
<div class="lw-io-icon">
<i class="fa fa-qrcode"></i>
</div>
<div class="lw-ion-feat-info">
<h3 class="font-alt text-center mb-4">{{ __tr('QR Code') }}</h3>
<p class="text-muted mb-0 text-center">{{ __tr('QR code will be generated for WhatsApp phone number to connect users quickly') }}</p>
</div>
</div>
</div>
</div>
<!-- /Row End -->
</div>
<!-- /Container End -->
</section>
<!-- /Advance Feature Section -->
<!-- Basic features section-->
<section class="bg-light">
<div class="container px-5">
<div class="row gx-5 align-items-center justify-content-center justify-content-lg-between">
<div class="col-12 col-lg-5">
<h2 class="display-4 mb-4">{!! __tr('Built for Customer Engagements') !!}</h2>
<p class="lead fw-normal text-muted mb-5 mb-lg-0">{{ __tr('a robust platform dedicated to optimizing every aspect of customer interaction. From seamless communication channels to personalized engagement strategies, __appName__ enables businesses to foster strong, lasting relationships with their customers while driving positive outcomes and growth', [
'__appName__' => $appName
]) }}</p>
</div>
<div class="col-sm-8 col-md-6">
<div class="px-5 px-sm-0"><img class="img-fluid rounded-circle"
src="{{ asset('imgs/outer-home/photo-1633354931133-27ac1ee5d853.jpeg') }}" alt="..." /></div>
</div>
</div>
</div>
</section>
<!-- Basic features section-->
<section id="pricing" class="pricing-content section-padding">
<div class="container">
<div class="section-title text-center">
<div class="pricing-titles mb-4">
<h1 class="display-6">{{ __tr('Simple and Clear Pricing Plans') }}</h1>
</div>
</div>
<div class="row text-center">
@php
$freePlanDetails = getFreePlan();
$freePlanStructure = getConfigFreePlan();
$paidPlans = getPaidPlans();
$planStructure = getConfigPaidPlans();
@endphp
<!-- Free Plan -->
@if ($freePlanDetails['enabled'])
<div class="col-lg-4 col-md-6 col-sm-12 mb-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="pricing_design">
<div class="single-pricing">
<div class="price-head">
<h6 class="display-5 mb-4 text-uppercase">{{ $freePlanDetails['title']}}</h6>
<hr class="bg-success">
<h2 class="price mb-1">{{ formatAmount(0, true, true) }}</h2>
<span>{{ __tr('Monthly') }}</span>
<br><br>
<h2 class="price mb-1">{{ formatAmount(0, true, true) }}</h2>
<span>{{ __tr('Yearly') }}</span>
<br><br>
<small><a class="text-muted" target="_blank" href="https://business.whatsapp.com/products/platform-pricing">{{ __tr('+ WhatsApp Cloud Messaging Charges') }} <i class="fas fa-external-link-alt"></i></a></small>
</div>
<hr class="bg-success mt-4">
<ul>
@foreach ($freePlanStructure['features'] as $featureKey => $featureValue)
@php
$configFeatureValue = $featureValue;
$featureValue = $freePlanDetails['features'][$featureKey];
@endphp
<li>
@if (isset($featureValue['type']) and ($featureValue['type'] == 'switch'))
@if (isset($featureValue['limit']) and $featureValue['limit'])
<i class="fa fa-check mr-3 bg-success"></i>
@else
<i class="fa fa-times mr-3 bg-danger"></i>
@endif
{{ ($configFeatureValue['description']) }}
@else
<strong>@if (isset($featureValue['limit']) and $featureValue['limit'] < 0) {{ __tr('Unlimited') }} @elseif(isset($featureValue['limit'])) {{ __tr($featureValue['limit']) }}
@endif </strong> {{ ($configFeatureValue['description']) }} {{ ($configFeatureValue['limit_duration_title'] ?? '') }} @endif</li>
@endforeach
</ul>
<div class="pricing-price">
</div>
</div>
</div>
</div>
@endif
@foreach ($planStructure as $planKey => $plan)
@php
$planId = $plan['id'];
$features = $plan['features'];
$savedPlan = $paidPlans[$planKey];
$charges = $savedPlan['charges'];
if (!$savedPlan['enabled']) {
continue;
}
@endphp
<div class="col-lg-4 col-md-6 col-sm-12 mb-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="pricing_design">
<div class="single-pricing {{ $plan['popular'] ? 'lw-pricing-popular' : ''}}">
<div class="price-head">
<h6 class="display-5 mb-4 text-uppercase">{{ $savedPlan['title'] ?? $plan['title']}}</h6>
<hr class="bg-success">
@foreach ($charges as $itemKey => $itemValue)
@php
if(!$itemValue['enabled']) {
continue;
}
@endphp
<h2 class="price mb-1">{{ formatAmount($itemValue['charge'], true, true) }}</h2>
<span>{{ Arr::get($plan['charges'][$itemKey], 'title', '') }}</span>
<br><br>
@endforeach
<small><a class="text-muted" target="_blank" href="https://business.whatsapp.com/products/platform-pricing">{{ __tr('+ WhatsApp Cloud Messaging Charges') }} <i class="fas fa-external-link-alt"></i></a></small>
</div>
<hr class="bg-success mt-4">
<ul>
@foreach ($plan['features'] as $featureKey => $featureValue)
@php
$configFeatureValue = $featureValue;
$featureValue = $savedPlan['features'][$featureKey];
@endphp
<li>
@if (isset($featureValue['type']) and ($featureValue['type'] == 'switch'))
@if (isset($featureValue['limit']) and $featureValue['limit'])
<i class="fa fa-check mr-3 bg-success"></i>
@else
<i class="fa fa-times mr-3 bg-danger"></i>
@endif
{{ ($configFeatureValue['description']) }}
@else
<strong>@if (isset($featureValue['limit']) and $featureValue['limit'] < 0) {{ __tr('Unlimited') }} @elseif(isset($featureValue['limit'])) {{ __tr($featureValue['limit']) }} @endif </strong> {{ ($configFeatureValue['description']) }} {{ ($configFeatureValue['limit_duration_title'] ?? '') }}
@endif
</li>
@endforeach
</ul>
<div class="pricing-price">
</div>
</div>
</div>
</div><!--- END COL -->
@endforeach
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</section>
<!-- Call to action section-->
<section class="cta d-none">
<div class="cta-content">
<div class="container px-5 text-center">
<img class="rounded shadow mb-5" src="{{ asset('imgs/outer-home/qr-code-sample.jpeg') }}"
alt="">
<h2 class="text-white display-1 mb-4">
{{ __tr('Lets try it now') }}
</h2>
<p class="text-white">{{ __tr('Scan QR code or click on the button below to start demo chat.') }}</p>
<a class="btn btn-success btn-lg py-3 px-4 rounded-pill"
href="{{ route('auth.register') }}">{{ __tr('Start Chat Now') }}</a>
</div>
</div>
</section>
<!-- App badge section-->
<section class="bg-gradient-primary-to-secondary text-white" >
<div class="container px-5">
<h2 class="text-center text-white font-alt mb-4">{{ __tr('Success Stories from the __appName__ Community', [
'__appName__' => $appName
]) }}</h2>
<div id="testimonialsCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="testimonial text-center">
<p class="lead">"{{ __tr('Using __appName__ has transformed our customer engagement strategy. The import/export feature is a game-changer for managing our contacts efficiently.', [
'__appName__' => $appName
]) }}"</p>
<cite>— {{ __tr('John Doe, Marketing Manager') }}</cite>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="testimonial text-center">
<p class="lead">"{{ __tr('The automation capabilities of __appName__, especially the bot replies, have significantly reduced our response times and improved customer satisfaction.', [
'__appName__' => $appName
]) }}"</p>
<cite>— {{ __tr('Jane Smith, Customer Service Lead') }}</cite>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="testimonial text-center">
<p class="lead">"{{ __tr('__appName__\'s intuitive design and easy Facebook WhatsApp Business integration made it simple for us to start our marketing campaigns quickly.', [
'__appName__' => $appName
]) }}"</p>
<cite>— {{ __tr('Alex Johnson, Digital Marketing Specialist') }}</cite>
</div>
</div>
</div>
</div>
</div>
<!-- Additional Testimonial Item -->
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="testimonial text-center">
<p class="lead">"{{ __tr('__appName__ has significantly enhanced our marketing outreach. Their campaign management tools are incredibly user-friendly and effective.', [
'__appName__' => $appName
]) }}"</p>
<cite>— {{ __tr('Emily Carter, Marketing Director') }}</cite>
</div>
</div>
</div>
</div>
</div>
<!-- Additional Testimonial Item -->
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="testimonial text-center">
<p class="lead">"{{ __tr('The real-time notifications and analytics features have given us invaluable insights into our customer interactions. Thanks, __appName__!', [
'__appName__' => $appName
]) }}"</p>
<cite>— {{ __tr('Michael Brown, Data Analyst') }}</cite>
</div>
</div>
</div>
</div>
</div>
<!-- Additional Testimonial Item -->
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="testimonial text-center">
<p class="lead">"{{ __tr('Our customer service team has been more efficient than ever with __appName__\'s bot replies feature. It\'s a fantastic tool for quick customer queries.',[
'__appName__' => $appName
]) }}"</p>
<cite>— {{ __tr('Sarah Wilson, Customer Support Manager') }}</cite>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#testimonialsCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">{{ __tr('Previous') }}</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#testimonialsCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">{{ __tr('Next') }}</span>
</button>
</div>
</div>
</section>
<section class="bg-white">
<div class="container my-5">
<h2 class="mb-5 text-center display-3 ">{{ __tr('Frequently Asked Questions') }}</h2>
<div class="accordion" id="faqAccordion">
<!-- FAQ Item 1 -->
<div class="accordion-item">
<h6 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
{{ __tr(' How do I sign up for __appName__?',[
'__appName__' => $appName
]) }}
</button>
</h6>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#faqAccordion">
<div class="accordion-body text-muted">
{{ __tr('Signing up for __appName__ is easy and straightforward. Just visit our sign-up page, fill in your details, and follow the instructions to get started.',[
'__appName__' => $appName
]) }}
</div>
</div>
</div>
<!-- FAQ Item 2 -->
<div class="accordion-item">
<h6 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
{{ __tr('Can I import contacts from an existing customer database?') }}
</button>
</h6>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#faqAccordion">
<div class="accordion-body text-muted">
{{ __tr('Yes, __appName__ supports importing contacts through XLSX files. You can easily upload your existing customer database and start sending messages right away.',[
'__appName__' => $appName
]) }}
</div>
</div>
</div>
<!-- FAQ Item 3 -->
<div class="accordion-item">
<h6 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
{{ __tr('What kind of support does __appName__ offer?',[
'__appName__' => $appName
]) }}
</button>
</h6>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#faqAccordion">
<div class="accordion-body text-muted">
{{ __tr('__appName__ offers 24/7 customer support through live chat, email, and phone. Our dedicated team is here to help you with any issues or questions you might have.',[
'__appName__' => $appName
]) }}
</div>
</div>
</div>
<!-- Additional FAQ items as needed -->
</div>
</div>
</section>
<!-- Footer-->
<footer class="bg-black text-center py-5">
<div class="container px-5">
<div class="text-white-50 small">
<div class="mb-2">© {{ getAppSettings('name') }} {{ __tr(date('Y')) }}. {{ __tr('All Rights Reserved.') }}</div>
</div>
</div>
</footer>
<script>
(function() {
'use strict';
window.appConfig = {
debug: "{{ config('app.debug') }}",
csrf_token: "{{ csrf_token() }}",
locale : '{{ app()->getLocale() }}',
}
})();
</script>
{!! __yesset([
'dist/js/common-vendorlibs.js',
'dist/js/vendorlibs.js',
'dist/packages/bootstrap/js/bootstrap.bundle.min.js',
'dist/js/jsware.js',
]) !!}
{!! getAppSettings('page_footer_code_all') !!}
@if(isLoggedIn())
{!! getAppSettings('page_footer_code_logged_user_only') !!}
@endif
</body>
</html>