<?php include "header.php";?>
              <?php 
 
         $cards = array();
         $previewURL = APIURL.'/websitecards'; // Change to your actual URL

          $ch = curl_init();
          curl_setopt($ch, CURLOPT_FRESH_CONNECT, 1);
          curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/x-www-form-urlencoded'));
          curl_setopt($ch, CURLOPT_POST, true);
          curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
          curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
          curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array() ));
          curl_setopt($ch, CURLOPT_URL, $previewURL);
          curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

          $response = curl_exec($ch);
         
 
          if ($response === false) {
              //echo "cURL Error: " . curl_error($ch);
          } else {
               $result  = json_decode($response, true);
               $cards   = ( !empty($result) && isset($result['status']) && $result['status'] == '1' && isset($result['cards']) ) ? $result['cards'] : array();
          }

         curl_close($ch);
       
        ?>
     <section class="banner" id="home">
        <div class="container h-100">
          <div class="banner-sec">
            <div class="col-12 col-xxl-12 mx-auto text-center py-3 py-lg-5">
              <div class="banner-content">
                <h1 class="main-hd">Best tool to manage your brand building campaign!</h1>
                <p>Mobilix IDEAS CAARDS builds stronger customer relationships by providing valuable insights into quality insurance products,</p>
                <a class="app-link" href="https://play.google.com/store/apps/details?id=com.ideascaards.app" target="_blank"><img src="<?php echo BASEURL; ?>img/google-play.png" alt="playstore"></a>
              </div>
            </div>
            <div class="col-12 position-relative">
              <img class="banner-card" alt="banner" src="<?php echo BASEURL; ?>img/banner-card.png">
              <div class="d-flex justify-content-center">
                <div class="mobile-slider">
                  <div class="position-relative">
                      <?php if( !empty($cards)){?>
                    <div class="carousel-container">
                     <?php foreach( $cards as $ck => $cd){?>
                      <img class="carousel-image  <?php if($ck == '0'){?> active <?php } ?>" src="<?php echo $cd['card_path']; ?>" alt="<?php echo $cd['title']; ?>">
                        <?php } ?>
                    </div>
                    <?php } ?>
                  </div>
                </div>
              </div>
            </div>
       
          
          </div>
          
        </div>
        
       
      </section>
     
      <section class="features" id="features">
        <div class="container">
          <div class="row">
            <div class="col-lg-12 mb-4">
              <div class="row">
                <div class="col-md-6 col-lg-4 mt-2 mb-3 mb-md-5">
                  <div class="d-flex">
                    <div class="feature-icon">
                      <img src="<?php echo BASEURL; ?>img/feature/icon-1.svg" alt="">
                    </div>
                    <div class="feature-icon-text">
                      <h5 class="mb-0">Improves your "VISIBILITY"</h5>
                      <p>Enhancing Your Brand's Visibility, Elevating Your Success!</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-4 mt-2 mb-3 mb-md-5">
                  <div class="d-flex">
                    <div class="feature-icon">
                      <img src="<?php echo BASEURL; ?>img/feature/icon-2.svg" alt="YOU">
                    </div>
                    <div class="feature-icon-text">
                      <h5 class="mb-0">Creates a brand around “YOU”</h5>
                      <p>Transforming Your Identity into a Powerful, Recognizable Brand!</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-4 mt-2 mb-3 mb-md-5">
                  <div class="d-flex">
                    <div class="feature-icon">
                      <img src="<?php echo BASEURL; ?>img/feature/icon-3.svg" alt="STAY">
                    </div>
                    <div class="feature-icon-text">
                      <h5 class="mb-0">"STAY" closer to your customers</h5>
                      <p>Stay Connected, Stay Engaged, Stay Closer to Your Customers!</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-4 mt-2 mb-3 mb-md-5">
                  <div class="d-flex">
                    <div class="feature-icon">
                      <img src="<?php echo BASEURL; ?>img/feature/icon-4.svg" alt="OFFERINGS">
                    </div>
                    <div class="feature-icon-text">
                      <h5 class="mb-0">Promote your "OFFERINGS"</h5>
                      <p>Showcase, Engage, and Elevate – Effectively Promote Your Offerings!</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-4 mt-2 mb-3 mb-md-5">
                  <div class="d-flex">
                    <div class="feature-icon">
                      <img src="<?php echo BASEURL; ?>img/feature/icon-5.svg" alt="PRODUCTIVITY">
                    </div>
                    <div class="feature-icon-text">
                      <h5 class="mb-0">Boost "PRODUCTIVITY"</h5>
                      <p>Maximize Efficiency, Enhance Focus, and Boost Productivity!</p>
                    </div>
                  </div>
                </div>
                <div class="col-md-6 col-lg-4 mt-2 mb-3 mb-md-5">
                  <div class="d-flex">
                    <div class="feature-icon">
                      <img src="<?php echo BASEURL; ?>img/feature/icon-6.svg" alt="VISIBILITY">
                    </div>
                    <div class="feature-icon-text">
                      <h5 class="mb-0">Daily New Cards with Your Name</h5>
                      <p>Fresh Daily Cards, Personalized with Your Name – Stay Unique Every Day!</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-6 mb-4">
              <div class="card card-lft">
                <div class="card-body text-center">
                  <div>
                    <p class="feature-tag">Get a new personalized card daily</p>
                    <span class="d-block gray my-2"> Mobilix IDEAS CAARDS</span>
                    <h2>Never run out of ideas for your brand campaign</h2>
                  </div>
                  <div class="card-lft-img">
                    <img src="<?php echo BASEURL; ?>img/feature/card01.png" alt="ideacard1">
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mb-4">
              <div class="card">
                <div class="card-body text-center">
                    <div>
                      <p class="feature-tag">Best tool to manage your brand building campaign!</p>
                      <span class="d-block gray my-2">IDEAS CAARDS: The ultimate app for seamless brand management!</span>
                      <h2>Need a perfect tool for brand building?</h2>
                    </div>
                    <div>
                      <img class="img-fluid" src="<?php echo BASEURL; ?>img/feature/card02.png" alt="ideacard2">
                    </div>
                </div>
              </div> 
            </div>
          </div>
        </div>
      </section>



      <section class="win-hero">
        <div class="container">
          <div class="overflow-hidden" style="border-radius: 40px;">
          <div id="carouselExampleCaptions" class="carousel slide win-banner" data-bs-ride="carousel">
            <div class="carousel-indicators banner-footer">
              <div class="position-relative  w-100">
                <div class="d-flex justify-content-center">
                  <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                  <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
                  
                </div>
                <div class="d-flex justify-content-center align-items-center">
                  <a class="btn rounded-pill px-4 btn-grad  banner-btn" href="#" target="_blank">View Leaderboard</a>
                </div>
                <img src="<?php echo BASEURL; ?>img/fot-a.webp" class="fot-a" alt="">
                <img src="<?php echo BASEURL; ?>img/fot-b.webp" class="fot-b" alt="">
              </div>
            
            </div>
            <div>
              <img src="<?php echo BASEURL; ?>img/pop-l.webp" class="pop-l" alt="">
              <img src="<?php echo BASEURL; ?>img/pop-r.webp" class="pop-r" alt="">
              <img src="<?php echo BASEURL; ?>img/pop-t.webp" class="pop-t" alt="">
            </div>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <div class="carousel-caption ">
                  <p>This Month’s Champion</p>
                  <h2>Celebrating Knowledge, Skill & Consistency</h2>
                  <h6>This month’s quiz champions have been crowned!  Congratulations to the top scorers who rose through the ranks by taking daily quizzes and showing off their knowledge.</h6>
                  <div class="winner-img">
                    <img src="<?php echo BASEURL; ?>img/users/img01.jpg" class="" alt="...">
                    <img src="<?php echo BASEURL; ?>img/top-a.png" class="win-badge" alt="...">
                  </div>
                  <h1>Ben Kim</h1>
                  <h5>Agent</h5>
                  <div class="d-flex justify-content-center">
                   <span class="cnt-space"><i class="fa-solid fa-star me-2"></i>Kollam</span>
                   <span><i class="fa-solid fa-location-dot me-2"></i>100 pts</span>
                  </div>
                </div>
              </div>
              <div class="carousel-item">
                <div class="carousel-caption ">
                  <p>This Month’s Champion</p>
                  <h2>Celebrating Knowledge, Skill & Consistency</h2>
                  <h6>This month’s quiz champions have been crowned!  Congratulations to the top scorers who rose through the ranks by taking daily quizzes and showing off their knowledge.</h6>
                  <div class="winner-img">
                    <img src="<?php echo BASEURL; ?>img/users/img01.jpg" class="" alt="...">
                    <img src="<?php echo BASEURL; ?>img/top-a.png" class="win-badge" alt="...">
                  </div>
                  <h1>Ben Kim</h1>
                  <h5>Agent</h5>
                  <div class="d-flex justify-content-center">
                   <span class="cnt-space"><i class="fa-solid fa-star me-2"></i>Kollam</span>
                   <span><i class="fa-solid fa-location-dot me-2"></i>100 pts</span>
                  </div>
                </div>
              </div>
            </div>
            
          </div>
          
          </div>
        </div>
      </section>


      <section class="about" id="about">
        <div class="container">
          <div class="col-lg-12">
            <div class="row align-items-center">
              <div class="col-lg-5">
                <img class="w-100 p-5" src="<?php echo BASEURL; ?>img/about.png" alt="About">
              </div>
              <div class="col-lg-7 ps-md-5">
                <h1>About Cards</h1>
                <h3>No more shortage of ideas to run your brand campaign</h3>
                <p>Mobilix IDEAS CAARDS & VIDS offer you the Best of Messages as both images and as videos, so that you can share it with your customers.</p>
                <div class="about-tags mt-3 mt-md-4">
                  <p>Insurance Need</p>
                  <p>Financial Planning</p>
                  <p>Happy Retirement</p>
                  <p>Child Education</p>
                  <p>Children Marriage</p>
                  <p>Other Life goals</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="testimonial pb-3 pb-md-5" id="testimonial">
        <div class="container">
          <h1 class="mb-4 text-center">Trusted By 5,000+ Happy Customers</h1>
         <div class="card">
          <div class="card-body">
            <div class="row">
              <div class="col-lg-3">
                <div class="rating">
                  <h1>4.5</h1>
                  <div class="mb-4">
                    <div class="Stars my-3" style="--rating: 4.5;" aria-label="Rating of this product is 2.3 out of 5."></div>
                    <span class="d-block">100+ Reviews</span>
                  </div>
                  <ul class="testimonial-user">
                    <li><img src="<?php echo BASEURL; ?>img/users/img01.jpg" class="users"></li>
                    <li><img src="<?php echo BASEURL; ?>img/users/img02.jpg" class="users"></li>
                    <li><img src="<?php echo BASEURL; ?>img/users/img03.jpg" class="users"></li>
                    <li><img src="<?php echo BASEURL; ?>img/users/img04.jpg" class="users"></li>
                    <li><img src="<?php echo BASEURL; ?>img/users/img05.jpg" class="users"></li>
                    <li><img src="<?php echo BASEURL; ?>img/users/img06.jpg" class="users"></li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-9">
                <div id="carouselExampleControls" class="carousel slide position-relative" data-bs-ride="carousel">
                  <div class="carousel-inner">
                    <div class="carousel-item active">
                      <div class="row">
                        <div class="col-md-6 px-3 px-md-5 py-3 border-right">
                          <div class="content-txt d-flex flex-column justify-content-between h-100">
                            <p>Beautifully designed posters. The imagination is rich and each and every one is rich in meaning.  They help customers understand the importance of exchange</p>
                            <div class="pt-4">
                              <h5 class="mb-0">Bijo Mathew</h5>
                              <span class="gray">88M, Mulund Branch,Mumbai</span>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-6 px-3 px-md-5 py-3 border-right">
                          <div class="content-txt d-flex flex-column justify-content-between h-100">
                            <p>Stunning posters with deep meaning—rich in imagination, helping customers grasp the value of exchange!. Each one conveys deep meaning and the power of exchange.</p>
                            <div class="pt-4">
                              <h5 class="mb-0">Jaya Kumar M</h5>
                              <span class="gray">88M, Mulund Branch,Mumbai</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="row">
                        <div class="col-md-6 px-3 px-md-5 py-3 border-right">
                          <div class="content-txt d-flex flex-column justify-content-between h-100">
                            <p>Beautifully designed posters. The imagination is rich and each and every one is rich in meaning.  They help customers understand the importance of exchange</p>
                            <div class="pt-4">
                              <h5 class="mb-0">Bijo Mathew</h5>
                              <span class="gray">88M, Mulund Branch,Mumbai</span>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-6 px-3 px-md-5 py-3 border-right">
                          <div class="content-txt d-flex flex-column justify-content-between h-100">
                            <p>Stunning posters with deep meaning—rich in imagination, helping customers grasp the value of exchange!. Each one conveys deep meaning and the power of exchange.</p>
                            <div class="pt-4">
                              <h5 class="mb-0">Jaya Kumar M</h5>
                              <span class="gray">88M, Mulund Branch,Mumbai</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="carousel-item">
                      <div class="row">
                        <div class="col-md-6 px-3 px-md-5 py-3 border-right">
                          <div class="content-txt d-flex flex-column justify-content-between h-100">
                            <p>Beautifully designed posters. The imagination is rich and each and every one is rich in meaning.  They help customers understand the importance of exchange</p>
                            <div class="pt-4">
                              <h5 class="mb-0">Bijo Mathew</h5>
                              <span class="gray">88M, Mulund Branch,Mumbai</span>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-6 px-3 px-md-5 py-3 border-right">
                          <div class="content-txt d-flex flex-column justify-content-between h-100">
                            <p>Stunning posters with deep meaning—rich in imagination, helping customers grasp the value of exchange!. Each one conveys deep meaning and the power of exchange.</p>
                            <div class="pt-4">
                              <h5 class="mb-0">Jaya Kumar M</h5>
                              <span class="gray">88M, Mulund Branch,Mumbai</span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                 <div class="arrow-btn">
                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                      <i class="fa-solid fa-arrow-left-long"></i>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                      <i class="fa-solid fa-arrow-right-long"></i>
                    </button>
                 </div>
                </div>
              </div>
            </div>
            

          </div>
         </div>
        </div>
      </section>
      <section class="subscription my-3 my-md-5" id="pricing">
        <div class="container">
          <div class="col-12 text-center">
            <h2>Take benefit of launch price and save money!</h2>
            <h1 class="primary mb-4 main-hd">Select your plan of choice.</h1>
          </div>
          <div class="col-12">
            <div class="subscptn-hd">
              <h5 class="white mb-0 ps-4">Subscription Plans </h5>
            </div>
            <div class="table-responsive">
              <table class="table mb-0">
                
                <tbody>
                  <tr>
                    <th class="align-bottom" scope="row"><p><strong>Validity</strong></p></th>
                    <td class="align-bottom"><p>1 day</p></td>
                    <td class="align-bottom"><p>15 days</p></td>
                    <td class="align-bottom"><p>30 days</p></td>
                    <td class="align-bottom border-right-0"><p>3 months</p></td>
                    <td class="align-bottom bg-blue first-blue pt-2 text-center" style="border-radius: 10px 10px 0 0 ; border-right: 0 !;"><p class="popular-tag">Popular Plan</p><p>6 months</p></td>
                    <td class="align-bottom"><p>12 months</p></td>
                  </tr>
                  <tr>
                    <th scope="row"><p><strong>Max no of cards sharable per day</strong></p></th>
                    <td><p>10</p></td>
                    <td><p>10</p></td>
                    <td><p>10</p></td>
                    <td><p>10</p></td>
                    <td class="bg-blue text-center"><p>Unlimited</p></td>
                    <td><p>Unlimited</p></td>
                  </tr>
                  <tr>
                    <th scope="row"><p><strong>Per day cost</strong></p></th>
                    <td><p>₹10</p></td>
                    <td><p>₹8.6</p></td>
                    <td><p>₹6.63</p></td>
                    <td><p>₹5.54</p></td>
                    <td class="bg-blue"><p>₹4.99</p></td>
                    <td><p>₹4.38</p></td>
                  </tr>
                  <tr>
                    <th scope="row"><p><strong>Price per language</strong></p></th>
                    <td><p>₹10</p></td>
                    <td><p>₹129</p></td>
                    <td><p>₹199</p></td>
                    <td><p>₹499</p></td>
                    <td class="bg-blue"><p>₹899</p></td>
                    <td><p>₹1599</p></td>
                  </tr>
                  <tr class="light-gray-bg">
                    <th scope="row"><p class="light-green"><strong>You save</strong></p></th>
                    <td class=""></td>
                    <td><p class="light-green">₹21</p></td>
                    <td><p class="light-green">₹101</p></td>
                    <td><p class="light-green">₹401</p></td>
                    <td><p class="light-green">₹901</p></td>
                    <td><p class="light-green">₹2051</p></td>
                  </tr>
                  <tr>
                    <th class="border-bottom-0" scope="row"></th>
                    <td class="border-bottom-0 text-center"><a  href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank" class="get-start mb-0">Get Started </a></td>
                    <td class="border-bottom-0 text-center"><a  href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank" class="get-start mb-0">Get Started </a></td>
                    <td class="border-bottom-0 text-center"><a  href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank" class="get-start mb-0">Get Started </a></td>
                    <td class="border-bottom-0 text-center"><a  href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank" class="get-start mb-0">Get Started </a></td>
                    <td class="border-bottom-0 text-center"><a  href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank" class="get-start mb-0">Get Started </a></td>
                    <td class="border-bottom-0 text-center"><a  href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank" class="get-start mb-0">Get Started </a></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </section>
      <section class="subscribe">
        <div class="container">
          <div class="row">
            <div class="col-lg-10 mx-auto">
              <div class="row align-items-center">
                <div class="col-md-6 text-center">
                  <h1 class="main-hd mb-3 mtbmd-4">Need a perfect tool to manage your brand building?</h1>
                  <p>IDEAS CAARDS is the best in class app to manage and maintain your branding.</p>
                  <a class="btn rounded-pill px-4 btn-grad mt-3 mt-md-4" href="https://ideascaards.mobilix.co.in/web/onlineregistration" target="_blank">Subscribe now!</a>
                </div>
                <div class="col-md-6 text-center">
                  <img class="img-fluid" src="<?php echo BASEURL; ?>img/subscribe.png" alt="Subscribe">
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
     
     <?php include "footer.php";?>