@extends('layouts.app')

@section('content')
<br><br>
<style>
    .card-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100px;
        height: 100px;
        object-fit: contain;
        margin-bottom: 1rem;
    }
</style>
<style>
    /* Existing styles remain the same */

    .blade-heading {
        text-align: center;
        color: #14040a;
        margin-bottom: 40px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }
    

    .blade-heading h4 {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .blade-heading p {
        font-size: 1.1rem;
        color: #14040a;
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.5;
    }
</style>
<br><br>><br>
<div>
    <!-- Page Title and Description -->
    <div class="blade-heading">
        <h4>Onboard on WhatsApp Via Our Partners</h4>
        <p>Choose a verified WapsChat partner to help you set up your WhatsApp Cloud API faster no integration needed.</p>
<div class="container py-5">
    <div class="row g-4">
        
        <!-- Card 1: WhatsApp Integration -->
        <div class="col-md-6">
            <div class="card h-100 shadow-sm p-4 text-center">
                 <h2 class="card-title mb-3"><b>Onboard Via Wati</b></h2>
                <img src="public/imgs/partners/watilogo.png" alt="WhatsApp Logo" class="card-logo">
               
                <p class="card-text mb-4">
                   From the first marketing touchpoint through the sales cycle to ongoing customer success,
Wati drives faster ROI with an easy-to-use, scalable AI-native platform..
                </p>
                   <button data-popup="chat" data-popup-url="https://affiliates.wati.io/wapschat" class="btn btn-primary">
                        Book a Demo</button>
                           <a href="https://affiliates.wati.io/12kgml0oz8x1" class="btn btn-danger" target= blank>
                        Get Connected</a>
                   
            </div>
        </div>
        
        <!-- Card 2: Meta Direct Onboarding -->
        <div class="col-md-6">
            <div class="card h-100 shadow-sm p-4 text-center">
              
                   <h2 class="card-title mb-3"><b>Onboard Via Botspace</b></h2>
                <p class="card-text mb-4">
                      <img src="public/imgs/partners/botspacelogo2.png" alt="Facebook Logo" class="card-logo">
                   Automate & sell on WhatsApp like never before Plus convert more customers using broadcasts, product catalogs and payments all natively inside WhatsApp.
                  
                   </p>
                    <h4><b>From $0 to $12 a month</b></h4><br><br>
                    <a href="https://dashboard.bot.space/signup?aff=Tw2BAZOxeTk7" class="btn btn-danger" target= blank>
                        Get Connected</a>
                       
                </a>
            </div>
        </div>
    </div>
</div>
@endsection