@extends('frontend.layouts.layout')
@section('container')

@section('seo')
    <title>Document</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
@endsection

        <section class="sec1 hero-section d-flex align-items-center pt-5 position-relative js-mouse-move-container">
            <div class="container h-100 pt-5">
                <div class="row h-100 align-items-center">
                    <div class="col-md-6">
                        <h1 class="mb-4 text-large"><span class="fw-bold text-gradient">Maximize</span> your reach with <span class="fw-semibold">Bulk SMS</span></h1>
                        <p class="fs-3">
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        </p>
                        <div>
                            <a class="btn btn-primary px-4 py-3 mt-4 mt-md-5" href="#">Get your package now</a>
                            <img src="{{asset('frontend/img/up-arrow 1.png')}}" alt="">
                        </div>
                    </div>
                    <div class="col-md-6 h-100">
                        <div class="hero-img-container position-relative h-100">
                            <img class="h-100" src="{{asset('frontend/img/5194811 1.png')}}" alt="">
                            <div class="multi-colors">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="box box-1 position-absolute start-0 border border-3 border-white rounded-4 d-flex align-items-center p-3 js-mouse-move" data-move="40">
                                <img class="rounded-circle me-3" src="{{asset('frontend/img/82654546_Floating Robot 1.png')}}" alt="">
                                <div>
                                    <p class="mb-1 fs-5 fw-medium"><a href="tel:+918981313005">+91 8981313005</a></p>
                                    <p class="lh-sm mb-0 text-dark-emphasis" style="font-size: 15px;">Lorem Ipsum is simply dummy <br> text of the printing and <br> typesetting industry</p>
                                </div>
                            </div>
                            <div class="box box-2 position-absolute end-0 top-50 border border-3 border-white rounded-4 d-flex align-items-center p-3 js-mouse-move" data-move="40">
                                <img class="rounded-circle me-3" src="{{asset('frontend/img/82654546_Floating Robot 1.png')}}" alt="">
                                <div>
                                    <p class="mb-1 fs-5 fw-medium"><a href="tel:+919007759000">+91 9007759000</a></p>
                                    <p class="lh-sm mb-0 text-dark-emphasis" style="font-size: 15px;">Lorem Ipsum is simply dummy <br> text of the printing and <br> typesetting industry</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec2 pb-5">
            <div class="container p-md-5 py-3 bg-body-secondary rounded-5 position-relative border border-primary overflow-hidden" style="background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0.7) 0%, rgba(236, 236, 236, 0.7) 100%), url({{asset('frontend/img/14835154_5526609\ 1.png')}});">
                <h2 class="text-center mb-5 fw-bold line-after">Organization scalability & flexibility</h2>
                <div class="row row-cols-1 row-cols-md-3 g-md-5 g-3 px-md-5">
                    <div class="col pt-md-5">
                        <div class="card rounded-5 p-4 border-3 border-white">
                            <div class="card-body text-center mb-3">
                                <img class="mb-4" src="{{asset('frontend/img/verified (1) 1.png')}}" alt="">
                                <h6 class="text-white fw-bold">INSTANT SECURE VERIFICATION</h6>
                                <h3 class="text-white mb-4 fw-bold">OTP</h3>
                                <p class="text-white">Quick and reliable multichannel OTP verification</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <span class="text-white">Learn more&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card rounded-5 p-4 border-3 border-white">
                            <div class="card-body text-center mb-3">
                                <img class="mb-4" src="{{asset('frontend/img/3d-calendar 1.png')}}" alt="">
                                <h6 class="text-white fw-bold">INSTANT SECURE VERIFICATION</h6>
                                <h3 class="text-white mb-4 fw-bold">OTP</h3>
                                <p class="text-white">Quick and reliable multichannel OTP verification</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <span class="text-white">Learn more&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="col pt-md-5">
                        <div class="card rounded-5 p-4 border-3 border-white">
                            <div class="card-body text-center mb-3">
                                <img class="mb-4" src="{{asset('frontend/img/database (3) 1.png')}}" alt="">
                                <h6 class="text-white fw-bold">INSTANT SECURE VERIFICATION</h6>
                                <h3 class="text-white mb-4 fw-bold">OTP</h3>
                                <p class="text-white">Quick and reliable multichannel OTP verification</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <span class="text-white">Learn more&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec3 py-5">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-7 mb-4 mb-md-0 position-relative">
                        <img class="img-fluid" src="{{asset('frontend/img/Untitled-1 1.png')}}" alt="">
                        <div class="multi-colors">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="col-md-5 text-end">
                        <h2 class="text-large fw-bold"><span class="text-gradient">Lorem Ipsum</span></h2>
                        <p class="fs-3">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                        <a class="btn btn-primary px-5 py-3 mt-3 mt-md-5" href="#">Know more</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec4 py-5">
            <div class="container">
                <h2 class="h1 mb-4 text-center fw-bold line-after">Our Product</h2>
                <p class="text-center fs-3 mb-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                <div class="row row-cols-1 row-cols-md-4 g-4">
                    <div class="col">
                        <div class="card rounded-4 py-3 border-1 border-primary">
                            <div class="card-body py-0">
                                <img class="mb-4 d-block m-auto" src="{{asset('frontend/img/chatting 1.png')}}" alt="">
                                <h4 class="text-gradient fw-bold">BULK SMS Packages on submission BASED</h4>
                                <p class="">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <a class="btn btn-primary px-4 py-2" href="#">Know more</a>
                            </div>
                        </div>
                    </div>
                    <div class="col pt-md-5">
                        <div class="card rounded-4 py-3 border-1 border-primary">
                            <div class="card-body py-0">
                                <img class="mb-4 d-block m-auto" src="{{asset('frontend/img/chatting 1.png')}}" alt="">
                                <h4 class="text-gradient fw-bold">BULK SMS Packages on submission BASED</h4>
                                <p class="">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <a class="btn btn-primary px-4 py-2" href="#">Know more</a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card rounded-4 py-3 border-1 border-primary">
                            <div class="card-body py-0">
                                <img class="mb-4 d-block m-auto" src="{{asset('frontend/img/microphone 1.png')}}" alt="">
                                <h4 class="text-gradient fw-bold">BULK SMS Packages on submission BASED</h4>
                                <p class="">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <a class="btn btn-primary px-4 py-2" href="#">Know more</a>
                            </div>
                        </div>
                    </div>
                    <div class="col pt-md-5">
                        <div class="card rounded-4 py-3 border-1 border-primary">
                            <div class="card-body py-0">
                                <img class="mb-4 d-block m-auto" src="{{asset('frontend/img/whatsapp (1) 1.png')}}" alt="">
                                <h4 class="text-gradient fw-bold">BULK SMS Packages on submission BASED</h4>
                                <p class="">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                            </div>
                            <div class="card-footer border-0 bg-transparent">
                                <a class="btn btn-primary px-4 py-2" href="#">Know more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec5 py-5">
            <div class="container">
                <h2 class="text-center mb-5 fw-bold line-after">The most innovative, easy to use, and comprehensive <br> bulk SMS service platform</h2>
                <div class="row justify-content-between gap-4 pt-4">
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/paper-plane 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/cloud-data 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/attach 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/message 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/business-report 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/business-and-trade 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/interaction 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/telephone-call 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-2 mb-3 mb-md-0">
                                <img src="{{asset('frontend/img/headphones 1.png')}}" alt="">
                            </div>
                            <div class="col-md-10 p-md-0">
                                <h5 class="fw-semibold">Easily send powerful bulk SMS campaigns</h5>
                                <p class="fs-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                <p class="fs-5 text-gradient">Create bulk SMS campaigns your customers love</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec6 py-5">
            <div class="container text-white">
                <div class="row">
                    <div class="col-md-6 border-end border-4" style="--bs-border-color: #86f353">
                        <h5 class="text-white fw-bold">Best in class delivery. Guaranteed.</h5>
                        <p class="text-white fs-5 my-4">
                            Thousands of enterprises including leading banks trust us with sending OTPs and other business critical messages via our bulk SMS gateway
                        </p>
                        <ul class="fs-5 lh-lg">
                            <li>Intelligent, fine-tuned SMS gateway routing technology</li>
                            <li>Robust and scalable infrastructure with inbuilt redundancy</li>
                            <li>Direct connectivity with multiple telecom operators</li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <div class="px-md-5">
                            <p class="text-white fs-5"><span style="color: #fffb08;">Enterprise grade security</span> with 128-bit data encryption and strict data privacy policies.</p>
                            <p class="text-white fs-5"><span style="color: #fffb08;">Fanatic customer support</span> for expert help with everything from simple tips to technical integrations.</p>
                            <p class="text-white fs-5"><span style="color: #fffb08;">Clear, honest pricing</span> with zero hidden charges. Pay as you go with zero commitments.</p>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-end mt-4">
                    <a class="btn bg-white px-4 py-3" href="#"><span class="text-gradient fw-bold">Create a free account</span></a>
                </div>
            </div>
        </section>

        <section class="sec7 py-5">
            <div class="container">
                <h2 class="text-center mb-4 fw-bold line-after">Service SMS, Promotional SMS or Transactional SMS <br> we ve got you covered</h2>
                <p class="text-center fs-5 mb-5">Choose the SMS category best suited for your business needs, whether it is for bulk SMS marketing or customer engagement.</p>
                <div class="row row-cols-1 row-cols-md-3 g-4 mb-5">
                    <div class="col">
                        <div class="card border-0 rounded-5 p-md-4 pb-3 h-100">
                            <div class="card-body text-center pt-5">
                                <h4 class="fw-bold mb-4"><span class="text-gradient">OTP SMS</span></h4>
                                <p class="fs-5">
                                    Service SMS include two SMS
                                    categories Implicit and
                                    Explicit. Service Implicit can only be
                                    used for sending SMS such as
                                    OTPs and alerts to your registered
                                    users, whereas Service Explicit can
                                    be used for sending promotional
                                    messages to existing customers
                                    after receiving their consent.
                                </p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <span class="fw-bold">Learn more&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card border-0 rounded-5 p-md-4 pb-3 h-100">
                            <div class="card-body text-center pt-5">
                                <h4 class="fw-bold mb-4"><span class="text-gradient">Promotional SMS</span></h4>
                                <p class="fs-5">
                                    Promotional SMS is used for
                                    sending any offers or promotions to
                                    new and existing customers.
                                    Messages can be sent between 9
                                    AM and 9 PM only.
                                </p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <span class="fw-bold">Learn more&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card border-0 rounded-5 p-md-4 pb-3 h-100">
                            <div class="card-body text-center pt-5">
                                <h4 class="fw-bold mb-4"><span class="text-gradient">Transactional SMS</span></h4>
                                <p class="fs-5">
                                    Transactional route can only be
                                    used by Banks to send OTPs and
                                    alerts.
                                </p>
                            </div>
                            <div class="card-footer bg-transparent border-0">
                                <span class="fw-bold">Learn more&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></span>
                            </div>
                        </div>
                    </div>
                </div>
                <a class="text-decoration-underline" href="#">Know more about Service SMS, Promotional SMS and Transactional SMS&nbsp;&nbsp;<i class="fa-solid fa-arrow-right"></i></a>
            </div>
        </section>

        <section class="sec8 py-5">
            <div class="container">
                <h2 class="text-center mb-4 fw-bold line-after">The Digital Marketing Services We Provide</h2>
                <p class="text-center fs-5 mb-5">Our digital marketing services increase brand visibility, drive more qualified leads, and deliver measurable results with data driven strategies for maximum ROI and proven tactics. Here are the following services we provide:</p>
                <div class="row row-cols-1 row-cols-md-4 g-4">
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/seo (1) 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/pay-per-click 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/viral-marketing 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/prestige 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/code 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/developer 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/content-marketing 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                    <div class="col mt-5">
                        <div class="card px-3 border-0 mt-5">
                            <div class="card-body text-center position-relative" style="padding-top: 70px;">
                                <div class="bg-white icon">
                                    <img src="{{asset('frontend/img/trade-show 1.png')}}" alt="">
                                </div>
                                <h4>WhatsApp <br> <strong>Business API</strong></h4>
                                <p class="text-dark">Know more about Service SMS, Promotional SMS and Transactional SMS</p>
                                <a class="btn btn-primary w-100 py-3" href="#">Improve Rankings & Traffic</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec12 solutions py-5">
            <div class="container">
                <h3 class="text-center mb-5">Solutions We Provide To Our Valued Customers</h3>
                <div class="row row-cols-1 row-cols-md-4 g-4">
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/telephone 1.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/clicking.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/data-integration.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/number-blocks.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/customer-care.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/receptionist.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/pause-button.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/analytics.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec9 py-5">
            <div class="container">
                <h2 class="text-center mb-5 fw-bold"><span class="text-gradient">Why Bhavitra ?</span></h2>
                <div class="row row-cols-1 row-cols-md-3 g-4">
                    <div class="col">
                        <h5 class="fw-bold mb-3">Easily Send Powerful SMS Campaigns</h5>
                        <p class="text-dark">
                            Whether it is sending media rich personalized SMS, composing in 20+ languages, slicing/scheduling campaigns, or excluding opt outs, it is all incredibly easy!
                        </p>
                    </div>
                    <div class="col">
                        <h5 class="fw-bold mb-3">Easily Send Powerful SMS Campaigns</h5>
                        <p class="text-dark">
                            Whether it is sending media rich personalized SMS, composing in 20+ languages, slicing/scheduling campaigns, or excluding opt outs, it is all incredibly easy!
                        </p>
                    </div>
                    <div class="col">
                        <h5 class="fw-bold mb-3">Easily Send Powerful SMS Campaigns</h5>
                        <p class="text-dark">
                            Whether it is sending media rich personalized SMS, composing in 20+ languages, slicing/scheduling campaigns, or excluding opt outs, it is all incredibly easy!
                        </p>
                    </div>
                    <div class="col">
                        <h5 class="fw-bold mb-3">Easily Send Powerful SMS Campaigns</h5>
                        <p class="text-dark">
                            Whether it is sending media rich personalized SMS, composing in 20+ languages, slicing/scheduling campaigns, or excluding opt outs, it is all incredibly easy!
                        </p>
                    </div>
                    <div class="col">
                        <h5 class="fw-bold mb-3">Easily Send Powerful SMS Campaigns</h5>
                        <p class="text-dark">
                            Whether it is sending media rich personalized SMS, composing in 20+ languages, slicing/scheduling campaigns, or excluding opt outs, it is all incredibly easy!
                        </p>
                    </div>
                    <div class="col">
                        <h5 class="fw-bold mb-3">Easily Send Powerful SMS Campaigns</h5>
                        <p class="text-dark">
                            Whether it is sending media rich personalized SMS, composing in 20+ languages, slicing/scheduling campaigns, or excluding opt outs, it is all incredibly easy!
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec12 solutions py-5">
            <div class="container">
                <h3 class="text-center mb-5">CLOUD Solutions We Provide</h3>
                <div class="row row-cols-1 row-cols-md-4 g-4">
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/telephone 1.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/clicking.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/data-integration.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/number-blocks.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/customer-care.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/receptionist.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/pause-button.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="card">
                            <div class="card-body">
                                <img class="mb-3" src="{{asset('frontend/img/analytics.png')}}" alt="" width="50px">
                                <p><span class="text-gradient fw-bold">Call Recording Analytics</span></p>
                                <p>Record & analyze every call, easily identify best agents & get detailed reports on percentage of sales closed on every call with the call recording software.</p>
                                <a class="float-end me-2" href="#">Learn more<i class="fa-solid fa-arrow-right ms-2"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec11 py-5 lead-section" style="background: url({{asset('frontend/img/4915205_2588733\ 1.png')}}); background-size: 100% 100%;">
            <div class="container">
                <h3 class="text-white mb-3">Let's discuss your project.</h3>
                <p class="text-white">Please fill our form so that we are prepared with as much information<br>of your project as possible. You can expect a reply within one business day.</p>
                <div class="row align-items-center mt-5">
                    <div class="col-md-6 pe-5">
                        <div class="lead-form px-3 py-5">
                            <form action="javascript:void(0)" method="POST" id="lead_form">
                                @csrf
                                <div class="row">
                                    <div class="col-md-6 mb-4">
                                        <input class="form-control" type="text" name="name" placeholder="Name" required>
                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <input class="form-control" type="email" name="email" placeholder="Email" required>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-4">
                                        <input class="form-control" type="tel" name="phone" placeholder="Contact Number" required>
                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <input class="form-control" type="text" name="country" placeholder="Country" required>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-4">
                                        <select class="form-select" name="service" id="" required style="color: var(--bs-body-color) !important;">
                                            <option value="">Services</option>
                                            <option value="Web Development">Web Development</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <select class="form-select" name="budget" id="" required style="color: var(--bs-body-color) !important;">
                                            <option value="">Budget</option>
                                            <option value="100">100</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="cool-12 mb-4">
                                        <input class="form-control" type="text" name="subject" placeholder="Subject" required>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 mb-5">
                                        <textarea class="form-control" name="msg" rows="5" placeholder="Message"></textarea>
                                    </div>
                                </div>
                                <div class="row justify-content-center">
                                    <div class="col-auto">
                                        <button class="btn btn-primary btn-loader" type="submit">
                                            <span class="spinner-border spinner-border-sm mx-3" role="status" aria-hidden="true"></span>
                                            <span class="btn-text">SEND YOUR MESSAGE</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="border-start border-white ps-5 py-3">
                            <div class="d-flex align-items-center mb-3">
                                <div>
                                    <img class="me-3" src="{{asset('frontend/img/telephone 1.png')}}" alt="" width="35px">
                                </div>
                                <div>
                                    <h5 class="text-white mb-0">+91 8981313005</h5>
                                </div>
                            </div>
                            <div class="d-flex mb-3">
                                <div>
                                    <img class="me-3" src="{{asset('frontend/img/gmail 1.png')}}" alt="" width="35px">
                                </div>
                                <div>
                                    <h5 class="text-white">info@bhavitra.com</h5>
                                    <p class="text-white">We are all ears, waiting for you Give us a ring or email</p>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-3">
                                <div>
                                    <img class="me-3" src="{{asset('frontend/img/profile (1).png')}}" alt="" width="35px">
                                </div>
                                <div>
                                    <h5 class="text-white mb-0">500+ Account Handled</h5>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-3">
                                <div>
                                    <img class="me-3" src="{{asset('frontend/img/businessman.png')}}" alt="" width="35px">
                                </div>
                                <div>
                                    <h5 class="text-white mb-0">90+ Team Professionals</h5>
                                </div>
                            </div>
                            <div class="d-flex align-items-center mb-3">
                                <div>
                                    <img class="me-3" src="{{asset('frontend/img/country.png')}}" alt="" width="35px">
                                </div>
                                <div>
                                    <h5 class="text-white mb-0">25+ Serving Countries</h5>
                                </div>
                            </div>
                            <div class="d-flex align-items-center">
                                <div>
                                    <img class="me-3" src="{{asset('frontend/img/public-relation.png')}}" alt="" width="35px">
                                </div>
                                <div>
                                    <h5 class="text-white mb-0">25+ Client Relations</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sec10 py-5">
            <div class="container">
                <h2 class="fw-bold mb-5"><span class="text-gradient">Our clientele</span></h2>
                <div class="swiper-container position-relative">
                    <div class="swiper mySwiper3" data-loop data-gap="30" data-slider-cols="base-1 xl-4 lg-4 md-1 sm-1">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="border rounded-3 text-center p-2">
                                    <img class="mb-4" src="{{asset('frontend/img/ford.jpg')}}" alt="">
                                    <h5>Lorem ipsum</h5>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border rounded-3 text-center p-2">
                                    <img class="mb-4" src="{{asset('frontend/img/ford.jpg')}}" alt="">
                                    <h5>Lorem ipsum</h5>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border rounded-3 text-center p-2">
                                    <img class="mb-4" src="{{asset('frontend/img/ford.jpg')}}" alt="">
                                    <h5>Lorem ipsum</h5>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="border rounded-3 text-center p-2">
                                    <img class="mb-4" src="{{asset('frontend/img/ford.jpg')}}" alt="">
                                    <h5>Lorem ipsum</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-next rounded-circle"></div>
                    <div class="swiper-button-prev rounded-circle"></div>
                </div>
            </div>
        </section>

@endsection