/home/moonrcjl/template.moontelict.com/maxfy/index-light.html
<!doctype html>
<html class="no-js" lang="zxx">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>A.Maxfy – The Multipurpose AI, Cyber Security & Event Platform HTML5 Template.</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!-- Place favicon.ico in the root directory -->
   <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">

   <!-- CSS here -->
   <link rel="stylesheet" href="assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
   <link rel="stylesheet" href="assets/css/magnific-popup.css">
   <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
   <link rel="stylesheet" href="assets/css/animate.min.css">
   <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

   <!-- scroll to top  -->
   <button id="back-to-top"><i class="far fa-arrow-up"></i></button>

   <!-- preloader  -->
   <div id="loading">
      <div id="loading-center">
         <div id="loading-center-absolute">
            <div class="object" id="object_four"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_one"></div>
         </div>
      </div>
   </div>

   <div class="mt-offcanvas mt-dark-version">
      <div class="mt-offcanvas-wrapper">
         <div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
            <div class="mt-offcanvas-logo">
               <a href="index.html"><img src="assets/img/logo/black-logo.png" alt=""></a>
            </div>
            <div class="mt-offcanvas-close">
               <button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
            </div>
         </div>
         <div class="mt-offcanvas-menu d-xl-none mb-50">
            <nav></nav>
         </div>
         <div class="mt-offcanvas-content mb-50 d-none d-xl-block">
            <h2 class="mt-offcanvas-title">Hello There!</h2>
            <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
         </div>
         <div class="mt-offcanvas-gallery mb-50">
            <a class="popup-image" href="assets/img/project/portfolio-4-1.jpg"><img
                  src="assets/img/project/portfolio-4-1.jpg" alt=""></a>
            <a class="popup-image" href="assets/img/project/portfolio-4-2.jpg"><img
                  src="assets/img/project/portfolio-4-2.jpg" alt=""></a>
            <a class="popup-image" href="assets/img/project/portfolio-4-3.jpg"><img
                  src="assets/img/project/portfolio-4-3.jpg" alt=""></a>
            <a class="popup-image" href="assets/img/project/portfolio-4-4.jpg"><img
                  src="assets/img/project/portfolio-4-4.jpg" alt=""></a>
         </div>
         <div class="mt-offcanvas-info mb-50">
            <h3 class="mt-offcanvas-sm-title">Information</h3>
            <span><a href="#">+ 4 20 7700 1007</a></span>
            <span><a href="#">hello@maxfy.com</a></span>
            <span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
         </div>
         <div class="mt-offcanvas-social mb-50">
            <h3 class="mt-offcanvas-sm-title">Follow Us</h3>
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-linkedin-in"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
         </div>
      </div>
   </div>
   <div class="mt-offcanvas-overlay"></div>

   <header class="mt-header-2-area p-relative z-index-11 mt-dark-version ">
      <!-- header main area start -->
      <div id="mt-header-sticky" class="mt-header-main-area plr-200">
         <div class="container-fluid">
            <div class="row align-items-center">
               <div class="col-xl-2 col-lg-2 col-6">
                  <div class="mt-header-2-main-logo">
                     <a href="index-light.html"><img src="assets/img/logo/yellow-logo-black.png" alt="logo"></a>
                  </div>
               </div>
               <div class="col-xl-7 col-lg-7 col-6">
                  <div class="mt-header-2-main-wrap text-end text-xl-center">
                     <div class="mt-header-2-main-menu d-none d-xl-block">
                        <nav class="mt-mobile-menu-active mt-main-menu">
                           <ul>
                              <li class="dropdown has-dropdown p-static"><a href="#">Home</a>
                                 <div class="mt-mega-menu mtmega-menu">
                                    <div class="mt-home-menu">
                                       <div class="row gx-4 row-cols-1 row-cols-md-1 row-cols-xl-6">
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-1.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index.html">Dark Version</a>
                                                   <a class="mt-menu-light" href="index-light.html">Light Version</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index.html">AI image Generator</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-2.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-2.html">Dark Version</a>
                                                   <a class="mt-menu-light" href="index-2-light.html">Light Version</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-2.html"> Cyber security</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-3.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-3.html">Dark Version</a>
                                                   <a class="mt-menu-light" href="index-3-light.html">Light Version</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-3.html"> Ai Digital Agency</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-4.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="index-4.html">Dark Version</a>
                                                   <a class="mt-menu-light" href="index-4-light.html">Light Version</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="index-4.html"> Event & Conference</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-5.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="data-analysis.html">Dark Version</a>
                                                   <a class="mt-menu-light" href="data-analysis-light.html">Light
                                                      Version</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="data-analysis.html">Data analysis</a>
                                                </h4>
                                             </div>
                                          </div>
                                          <div class="col homemenu mb-25">
                                             <div class="mt-home-thumb mb-15">
                                                <img src="assets/img/demo/home-6.jpg" alt="">
                                                <div class="homemenu-btn">
                                                   <a class="mt-menu-dark" href="apps-landing.html">Dark Version</a>
                                                   <a class="mt-menu-light" href="apps-landing-light.html">Light
                                                      Version</a>
                                                </div>
                                             </div>
                                             <div class="homemenu-content text-center">
                                                <h4 class="mt-home-title">
                                                   <a href="apps-landing.html"> Apps Landing</a>
                                                </h4>
                                             </div>
                                          </div>

                                       </div>
                                    </div>
                                 </div>
                              </li>
                              <li><a href="about-light.html">About </a></li>
                              <li class="dropdown has-dropdown"><a href="#">Services</a>
                                 <ul class="sub-menu">
                                    <li><a href="services-light.html">Modern Services</a></li>
                                    <li><a href="service-light-details.html">Services Details</a></li>
                                 </ul>
                              </li>
                              <li class="dropdown has-dropdown"><a href="#">Pages</a>
                                 <ul class="sub-menu">
                                    <li><a href="portfolio-light.html">Modern Portfolio</a></li>
                                    <li><a href="portfolio-light-details.html"> Portfolio Details</a></li>
                                    <li><a href="team-light.html"> Our Team </a></li>
                                    <li><a href="team-light-details.html"> Team Details</a></li>
                                    <li><a href="testimonial-light.html">Testimonial </a></li>
                                    <li><a href="blog-light.html">Our Blog </a></li>
                                    <li><a href="blog-light-details.html">Blog Details</a></li>
                                    <li><a href="error.html"> Error 404 </a></li>
                                    <li><a href="faq-light.html"> Our Faq </a></li>
                                 </ul>
                              </li>
                              <li><a href="blog-light.html">Blog </a></li>
                              <li><a href="contact-light.html">Contact </a></li>
                           </ul>
                        </nav>
                     </div>

                     <div class="mt-header-toogle d-xl-none text-end">
                        <button class="mt-offcanvas-toogle"><i class="fa-regular fa-bars-staggered"></i></button>
                     </div>
                  </div>
               </div>

               <div class="col-xl-3 col-lg-3 d-none d-lg-block">
                  <div class="mt-header-2-main-right">
                     <div class="mt-header-2-main-login mr-24">
                        <button class="mt-login-btn ">Login</button>
                     </div>
                     <div class="mt-header-2-main-btn">
                        <a href="contact-light.html" class="mt-btn-2">Get Started <span><i
                                 class="fa-light fa-arrow-right-long"></i></span></a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- header main area end -->
   </header>

   <main>

      <!-- Hero Area Start -->
      <section class="mt-hero-2-area pt-110 pb-70 mt-dark-version mt-dark-version-bg-1 p-relative plr-200 "
         data-background="assets/img/bg/hero-bg-1.png">
         <div class="mt-hero-2-shape">
            <img src="assets/img/hero/shape-light-2-1.png" alt="">
         </div>
         <div class="mt-hero-2-shape-2">
            <img src="assets/img/hero/shape-light-2-2.png" alt="">
         </div>
         <div class="container-fluid">
            <div class="row align-items-center">
               <div class="col-xl-12">
                  <div class="mt-hero-2-wrapper">
                     <div class="mt-hero-2-item text-center ">
                        <h1 class="mt-hero-2-title mb-30 wow img-custom-anim-left" data-wow-duration="1.5s"
                           data-wow-delay="0.2s">AI Image Generation <br>
                           with <span class="p-relative">A.Maxfy <img class="mt-hero-2-shape-3"
                                 src="assets/img/hero/shape-light-1-3.svg" alt=""></span></h1>
                        <p class=" wow img-custom-anim-right" data-wow-duration="1.5s" data-wow-delay="0.4s">Experience
                           the future of design with our advanced AI image generation platform Whether you
                           need <br>
                           visuals for marketing, social media</p>

                        <div class="mt-hero-2-box d-flex">
                           <div class="mt-hero-2-box-btn pt-30 wow img-custom-anim-top" data-wow-duration="1.5s"
                              data-wow-delay="0.9s">
                              <a href="about-light.html" class="mt-btn-2">Generate Image <span>
                                    <i class="fa-light fa-arrow-right-long"></i></span></a>

                           </div>
                           <div class="mt-hero-2-video mt-30 wow img-custom-anim-right" data-wow-duration="1.5s"
                              data-wow-delay="0.9s">
                              <a class="popup-video video-btn" href="https://www.youtube.com/watch?v=PO_fBTkoznc"><i
                                    class="fal fa-play"></i></a>
                              <span>See how to works</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Hero Area End -->

      <!-- Slider Effect Area Start -->
      <div class="mt-slider-effect-area pb-50 white-bg p-relative">
         <div class="swiper mt-slider-effect-active">
            <div class="swiper-wrapper mb-90">
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-1.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-2.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-3.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-1.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-5.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-2.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-4.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-1.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-3.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-2.png" alt="">
                  </div>
               </div>
               <div class="swiper-slide">
                  <div class="mt-slider-effect-item">
                     <img src="assets/img/slider/slider-2-5.png" alt="">
                  </div>
               </div>
            </div>
            <div class="mteffect-pagination"></div>
         </div>
      </div>
      <!-- Slider Effect Area End -->

      <!-- Brand Area Start -->
      <section class="mt-brand-slide-area pt-50 pb-60 white-bg mt-dark-version mt-dark-version-bg-1 fix p-relative">
         <div class="mt-brand-section text-center mb-90">
            <h3 class="mt-brand-section-title">
               <span></span>
               Trusted Clients
               <strong></strong>
            </h3>
         </div>
         <div class="mt-brand-slide-wrapper mb-25">
            <div class="swiper mt-brand-slide-active">
               <div class="swiper-wrapper mt-slide-transtion">

                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-1.png" alt="">
                     </div>
                  </div>

               </div>
            </div>
         </div>
         <div class="mt-brand-slide-wrapper">
            <div dir="rtl" class="swiper mt-brand-slide-active">
               <div class="swiper-wrapper mt-slide-transtion">

                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-1.png" alt="">
                     </div>
                  </div>

               </div>
            </div>
         </div>
      </section>
      <!-- Brand Area End -->

      <!-- About Area Start -->
      <section class="mt-about-2-area pt-90 pb-100 mt-dark-version mt-dark-version-bg-2 white-bg p-relative">
         <div class="container">
            <div class="row">
               <div class="col-xl-6 ">
                  <div class="mt-about-2-wrapper mb-50">
                     <div class="mt-about-2-img p-relative br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.1s">
                        <img src="assets/img/about/about-2-3.jpg" alt="">
                        <a class="popup-video video-btn" href="https://www.youtube.com/watch?v=PO_fBTkoznc"><i
                              class="fal fa-play"></i></a>
                        <div class="mt-about-2-small ">
                           <img src="assets/img/about/about-2-2.jpg" alt="">
                        </div>
                     </div>
                     <div class="mt-about-2-img-text mt-30">
                        <h3 class="mt-about-title mb-25">Enjoy 24/7 support and a growing library <br>
                           of resources to help you master AI image
                           generation.</h3>
                        <a href="about-light.html" class="mt-btn-2">Read More <span><i
                                 class="fa-light fa-arrow-right-long"></i></span></a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-6 ">
                  <div class="mt-about-2-item ml-70 mb-50">
                     <div class="mt-about-2-content">
                        <h5 class="mt-section-subtitle text-color mb-10">welcome To A.maxfy</h5>
                        <h2 class="mt-section-title mb-20">Your Creative Partner <br>
                           in AI Image Generation</h2>
                        <p>to make image creation accessible, efficient, and inspiring for
                           everyone Whether you're a professional designer or just exploring
                           your creativity, our AI-powered.</p>
                     </div>
                     <div class="mt-about-2-box mb-30">
                        <div class="mt-about-2-boxt-content d-flex mb-30">
                           <img src="assets/img/icon/about-icon-1.svg" alt="">
                           <div class="mt-about-2-box-text ml-20">
                              <h5>AI-Driven Innovation</h5>
                              <span>to make image creation accessible, efficient, and inspiring for
                                 everyone Whether you're a professional designer.</span>
                           </div>
                        </div>
                        <div class="mt-about-2-boxt-content d-flex mb-30 ">
                           <img src="assets/img/icon/about-icon-2.svg" alt="">
                           <div class="mt-about-2-box-text ml-20">
                              <h5>Endless Creative Possibilities</h5>
                              <span>to make image creation accessible, efficient, and inspiring for
                                 everyone Whether you're a professional designer.</span>
                           </div>
                        </div>
                     </div>
                     <div class="mt-about-2-img br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.3s">
                        <img src="assets/img/about/about-2-1.jpg" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- About Area End -->

      <!-- Brand Area 2 Start -->
      <div class="mt-brand-area p-relative fix pt-120 pb-120 mt-dark-version-bg-2">
         <div class="mt-brand-wrapper theme-bg-2 mt-bg-rot p-1 fix">
            <div class="swiper mt-brand-top-active">
               <div class="swiper-wrapper mt-slide-transtion">
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img rotate">
                        <img src="assets/img/brand/brand-2-1.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img rotate">
                        <img src="assets/img/brand/brand-2-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img rotate">
                        <img src="assets/img/brand/brand-2-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img rotate">
                        <img src="assets/img/brand/brand-2-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img rotate">
                        <img src="assets/img/brand/brand-2-1.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img rotate">
                        <img src="assets/img/brand/brand-2-3.png" alt="">
                     </div>
                  </div>

               </div>
            </div>
         </div>
         <div class="mt-brand-wrapper mt-bg-rot-2 p-2 fix p-relative">
            <div dir="rtl" class="swiper mt-brand-top-active">
               <div class="swiper-wrapper mt-slide-transtion">
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-img">
                        <img src="assets/img/brand/brand-2-4.png" alt="">
                     </div>
                  </div>

               </div>
            </div>
         </div>
      </div>
      <!-- Brand Area 2 End -->

      <!-- Service Area Start -->
      <section class="mt-service-2-area pb-110 mt-dark-version mt-dark-version-bg-1 pt-90 pb-40 fix">
         <div class="container">
            <div class="row">
               <div class="col-xl-12">
                  <div class="mt-section-content text-center mb-90">
                     <h5 class="mt-section-subtitle text-color">Our Services</h5>
                     <h2 class="mt-section-title mt-2">Image Solutions Powered by AI</h2>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xl-4 col-lg-6 mb-30">
                  <div class="mt-service-2-wrapper p-relative wow mtFadeInUp" data-wow-duration="1.5s"
                     data-wow-delay="0.2s">
                     <div class="mt-service-2-item ">
                        <div class="mt-service-2-icon mb-20 pl-25 pr-25 d-flex align-items-center"
                           data-background="assets/img/service/service-bg-icon-1-1.svg">
                           <img src="assets/img/service/service-icon-1-1.svg" alt="">
                           <span></span>
                        </div>
                        <div class="mt-service-2-text mb-30 pl-25 pr-25">
                           <h4><a href="service-light-details.html">Custom Image Creation</a></h4>
                           <p>Generate personalized images based on your
                              unique input, from sketches.</p>
                           <a class="mtserbtn" href="service-light-details.html">Read More <span><i
                                    class="fa-light fa-arrow-right-long"></i></span></a>
                        </div>
                        <div class="mt-service-2-img">
                           <img src="assets/img/service/service-1-1.jpg" alt="">
                           <h3 class="mt-service-2-number">01- Services</h3>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-6 mb-30">
                  <div class="mt-service-2-wrapper p-relative wow mtFadeInUp" data-wow-duration="1.5s"
                     data-wow-delay="0.4s">
                     <div class="mt-service-2-item ">
                        <div class="mt-service-2-icon mb-20 pl-25 pr-25 d-flex align-items-center"
                           data-background="assets/img/service/service-bg-icon-1-1.svg">
                           <img src="assets/img/service/service-icon-1-2.svg" alt="">
                           <span></span>
                        </div>
                        <div class="mt-service-2-text mb-30 pl-25 pr-25">
                           <h4><a href="service-light-details.html">AI-Assisted Concept Generation</a></h4>
                           <p>Generate personalized images based on your
                              unique input, from sketches.</p>
                           <a class="mtserbtn" href="service-light-details.html">Read More <span><i
                                    class="fa-light fa-arrow-right-long"></i></span></a>
                        </div>
                        <div class="mt-service-2-img">
                           <img src="assets/img/service/service-1-2.jpg" alt="">
                           <h3 class="mt-service-2-number">02- Services</h3>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-lg-6 mb-30">
                  <div class="mt-service-2-wrapper p-relative wow mtFadeInUp" data-wow-duration="1.5s"
                     data-wow-delay="0.6s">
                     <div class="mt-service-2-item">
                        <div class="mt-service-2-icon mb-20 pl-35 pr-35 d-flex align-items-center"
                           data-background="assets/img/service/service-bg-icon-1-1.svg">
                           <img src="assets/img/service/service-icon-1-1.svg" alt="">
                           <span></span>
                        </div>
                        <div class="mt-service-2-text mb-30 pl-35 pr-35">
                           <h4><a href="service-light-details.html">Multiple Image Styles</a></h4>
                           <p>Generate personalized images based on your
                              unique input, from sketches.</p>
                           <a class="mtserbtn" href="service-light-details.html">Read More <span><i
                                    class="fa-light fa-arrow-right-long"></i></span></a>
                        </div>
                        <div class="mt-service-2-img">
                           <img src="assets/img/service/service-1-3.jpg" alt="">
                           <h3 class="mt-service-2-number">03- Services</h3>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="mt-service-btn text-center pt-20 wow img-custom-anim-top" data-wow-duration="1.5s"
               data-wow-delay="0.4s">
               <a href="services-light.html" class="mt-btn-2">See all <span><i
                        class="fa-light fa-arrow-right-long"></i></span></a>
            </div>
         </div>
      </section>
      <!-- Service Area End -->

      <!-- Choose Area Start -->
      <section class="mt-choose-2-area mt-dark-version mt-dark-version-bg-2 pt-40 pb-50 fix">
         <div class="container">
            <div class="row">
               <div class="col-xl-5 col-lg-6">
                  <div class="mt-choose-2-wrapper">
                     <div class="mt-section-content mb-30">
                        <h5 class="mt-section-subtitle text-color">What We Do</h5>
                        <h2 class="mt-section-title mt-2">Image Solutions Powered by AI</h2>
                     </div>
                     <div class="mt-choose-2-gallery p-relative" data-background="/assets/img/choose/choose-bg-2-1.png">
                        <div class="row align-items-center g-4">
                           <div class="col-xl-6 col-lg-6 col-md-6">
                              <div class="mt-choose-2-gallery-img p-relative br-20 wow img-custom-anim-top"
                                 data-wow-duration="1.5s" data-wow-delay="0.2s">
                                 <img src="assets/img/choose/choose-1-1.jpg" alt="">
                                 <div class="mt-choose-2-gallery-icon">
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-3.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-2.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-1.svg" alt=""></a>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-6 col-lg-6 col-md-6">
                              <div class="mt-choose-2-gallery-img p-relative br-20 wow img-custom-anim-top"
                                 data-wow-duration="1.5s" data-wow-delay="0.4s">
                                 <img src="assets/img/choose/choose-1-2.jpg" alt="">
                                 <div class="mt-choose-2-gallery-icon">
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-3.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-2.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-1.svg" alt=""></a>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-6 col-lg-6 col-md-6">
                              <div class="mt-choose-2-gallery-img p-relative br-20 wow img-custom-anim-top"
                                 data-wow-duration="1.5s" data-wow-delay="0.6s">
                                 <img src="assets/img/choose/choose-1-3.jpg" alt="">
                                 <div class="mt-choose-2-gallery-icon">
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-3.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-2.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-1.svg" alt=""></a>
                                 </div>
                              </div>
                           </div>
                           <div class="col-xl-6 col-lg-6 col-md-6">
                              <div class="mt-choose-2-gallery-img p-relative br-20 wow img-custom-anim-top"
                                 data-wow-duration="1.5s" data-wow-delay="0.8s">
                                 <img src="assets/img/choose/choose-1-4.jpg" alt="">
                                 <div class="mt-choose-2-gallery-icon">
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-3.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-2.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/icon/choose-icon--2-1.svg" alt=""></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="mt-choose-2-positiontitle">
                           <h3>What we do</h3>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-7 col-lg-6 mt-50">
                  <div class="mt-choose-2-wrapper ">
                     <div class="mt-choose-2-item mb-70">
                        <div class="mt-choose-2-box d-flex ">
                           <span data-background="assets/img/icon/choose-item-2-1.svg">01</span>
                           <h3 class="mt-choose-2-title"><a href="service-light-details.html">Create Stunning Visuals
                                 with the
                                 Touch <br>
                                 of a Button</a></h3>
                        </div>
                        <div class="mt-choose-2-text ml-90">
                           <p>Our advanced AI analyzes your input and generates multiple <br>
                              design variations instantly.</p>
                           <a href="service-light-details.html">Start Creating <span><i
                                    class="fa-light fa-arrow-right-long"></i></span></a>
                        </div>

                     </div>
                     <div class="mt-choose-2-item mb-70 ml-90">
                        <div class="mt-choose-2-box d-flex ">
                           <span data-background="assets/img/icon/choose-item-2-1.svg">02</span>
                           <h3 class="mt-choose-2-title"><a href="service-light-details.html">Create Stunning Visuals
                                 with the
                                 Touch <br>
                                 of a Button</a></h3>
                        </div>
                        <div class="mt-choose-2-text ml-90">
                           <p>Our advanced AI analyzes your input and generates multiple <br>
                              design variations instantly.</p>
                           <a href="service-light-details.html">Start Creating <span><i
                                    class="fa-light fa-arrow-right-long"></i></span></a>
                        </div>

                     </div>
                     <div class="mt-choose-2-item ml-190">
                        <div class="mt-choose-2-box d-flex ">
                           <span data-background="assets/img/icon/choose-item-2-1.svg">03</span>
                           <h3 class="mt-choose-2-title"><a href="service-light-details.html">Create Stunning Visuals
                                 with the
                                 Touch <br>
                                 of a Button</a></h3>
                        </div>
                        <div class="mt-choose-2-text ml-90">
                           <p>Our advanced AI analyzes your input and generates multiple <br>
                              design variations instantly.</p>
                           <a href="service-light-details.html">Start Creating <span><i
                                    class="fa-light fa-arrow-right-long"></i></span></a>
                        </div>

                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Choose Area End  -->

      <!-- portfolio area statrt -->
      <section class="mt-portfolio-area pt-10 pb-65 mt-dark-version p-relative">
         <div class="container">
            <div class="row mb-40">
               <div class="col-xl-12">
                  <div class="mt-portfolio-transcontent p-relative">
                     <h1 class="mt-portfolio-transtitle portfolio-color">portfolio</h1>
                  </div>
                  <div class="mt-section-content text-center mb-30 z-index-3 p-relative">
                     <h5 class="mt-section-subtitle text-color">Our Portfolio
                     </h5>
                     <h2 class="mt-section-title">Image Solutions Powered by AI</h2>
                  </div>
                  <div class="mt-portfolio-filter portfolio-filter text-center mb-10 p-relative z-index-3">
                     <button class="active" data-filter="*">view All</button>
                     <button data-filter=".cat1">3D</button>
                     <button data-filter=".cat2">Realistic</button>
                     <button data-filter=".cat3">oli painting</button>
                     <button data-filter=".cat4">illustration</button>
                     <button data-filter=".cat5">Cartoon</button>
                  </div>
               </div>
            </div>
            <div class="row grid align-items-center">
               <div class="col-xl-4 col-lg-6 col-md-6 grid-item cat1 cat3 cat4">
                  <div class="mt-portfolio-item portfolio-item p-relative mb-24">
                     <div class="mt-portfolio-thumb portfolio-thumb w-img br-20">
                        <img src="assets/img/project/portfolio-2-1.jpg" alt="">
                        <div class="mt-portfolio-content">
                           <h4 class="mt-portfolio-title mb-10">
                              <a href="portfolio-light-details.html">Human brain</a>
                           </h4>
                           <a href="portfolio-light-details.html" class="mt-btn-black">
                              <span><i class="fa-light fa-arrow-right-long"></i></span>
                           </a>
                        </div>
                     </div>

                  </div>
               </div>
               <div class="col-xl-4 col-lg-6 col-md-6 grid-item cat2 cat3 cat5">
                  <div class="mt-portfolio-item p-relative mb-24">
                     <div class="mt-portfolio-thumb portfolio-thumb w-img br-20">
                        <img src="assets/img/project/portfolio-2-2.jpg" alt="">
                        <div class="mt-portfolio-content">
                           <h4 class="mt-portfolio-title mb-10">
                              <a href="portfolio-light-details.html">MR Kayas</a>
                           </h4>
                           <a href="portfolio-light-details.html" class="mt-btn-black">
                              <span><i class="fa-light fa-arrow-right-long"></i></span>
                           </a>
                        </div>
                     </div>

                  </div>
               </div>
               <div class="col-xl-4 col-lg-6 col-md-6 grid-item cat1 cat2">
                  <div class="mt-portfolio-item portfolio-item p-relative mb-24">
                     <div class="mt-portfolio-thumb portfolio-thumb w-img br-20">
                        <img src="assets/img/project/portfolio-2-4.jpg" alt="">
                        <div class="mt-portfolio-content">
                           <h4 class="mt-portfolio-title mb-10">
                              <a href="portfolio-light-details.html">Dev Jone</a>
                           </h4>
                           <a href="portfolio-light-details.html" class="mt-btn-black">
                              <span><i class="fa-light fa-arrow-right-long"></i></span>
                           </a>
                        </div>
                     </div>

                  </div>
               </div>
               <div class="col-xl-4 col-lg-6 col-md-6 grid-item cat2 cat4 cat5">
                  <div class="mt-portfolio-item portfolio-item p-relative mb-24">
                     <div class="mt-portfolio-thumb portfolio-thumb w-img br-20">
                        <img src="assets/img/project/portfolio-2-3.jpg" alt="">
                        <div class="mt-portfolio-content">
                           <h4 class="mt-portfolio-title mb-10">
                              <a href="portfolio-light-details.html">HR Hossion</a>
                           </h4>
                           <a href="portfolio-light-details.html" class="mt-btn-black">
                              <span><i class="fa-light fa-arrow-right-long"></i></span>
                           </a>
                        </div>
                     </div>

                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- portfolio area end -->

      <!-- Faq Area Start -->
      <section class="mt-faq-area pt-60 pb-110 mt-dark-version mt-dark-version-bg-1">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-6 col-lg-6 mb-50">
                  <div class="mt-faq-left-img br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
                     data-wow-delay="0.4s">
                     <img src="assets/img/faq/faq-1-1.jpg" alt="">
                  </div>
               </div>
               <div class="col-xl-6 col-lg-6 mb-50">
                  <div class="mt-custom-accordion-2">
                     <div class="mt-section-content mb-30">
                        <h5 class="mt-section-subtitle text-color mb-15">Our faq</h5>
                        <h2 class="mt-section-title mb-15">Answers to Your Most
                           Asked Questions</h2>
                        <p>We understand that you may have questions about how our AI
                           image generation platform works, and we’re here to provide
                           all the answers.</p>
                     </div>
                     <div class="accordion" id="accordionExample">
                        <div class="accordion-items mt-faq-active">
                           <h2 class="accordion-header" id="headingOne">
                              <button class="accordion-buttons " type="button" data-bs-toggle="collapse"
                                 data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                 How does the AI image generator work?
                              </button>
                           </h2>
                           <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
                              data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                 Our platform offers different subscription plans, with each plan
                                 having specific limits on image generation. Check our pricing
                                 page for more details.
                              </div>
                           </div>
                        </div>
                        <div class="accordion-items">
                           <h2 class="accordion-header" id="headingTwo">
                              <button class="accordion-buttons collapsed" type="button" data-bs-toggle="collapse"
                                 data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                 What types of images can I create?
                              </button>
                           </h2>
                           <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                              data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                 Our platform offers different subscription plans, with each plan
                                 having specific limits on image generation. Check our pricing
                                 page for more details.
                              </div>
                           </div>
                        </div>

                        <div class="accordion-items">
                           <h2 class="accordion-header" id="headingThree">
                              <button class="accordion-buttons collapsed" type="button" data-bs-toggle="collapse"
                                 data-bs-target="#collapsethree" aria-expanded="false" aria-controls="collapsethree">
                                 What file are available for download?
                              </button>
                           </h2>
                           <div id="collapsethree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                              data-bs-parent="#accordionExample">
                              <div class="accordion-body">
                                 Our platform offers different subscription plans, with each plan
                                 having specific limits on image generation. Check our pricing
                                 page for more details.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Faq Area End -->

      <!-- Testimonial Area Start -->
      <section class="mt-testimonial-2-area mt-testi-bg-2 pt-140  fix jarallax"
         data-background="assets/img/testimonial/testi-bg-1-1.jpg">
         <div class="container-fluid p-0">
            <div class="row g-0 align-items-center">
               <div class="col-xl-5">
                  <div class="mt-testimonial-2-video text-center">
                     <a class="popup-video video-btn" href="https://www.youtube.com/watch?v=PO_fBTkoznc"><i
                           class="fal fa-play"></i></a>

                  </div>
               </div>
               <div class="col-xl-7">
                  <div class="mt-testimonial-2-wrapper mt-110">
                     <div class="mt-section-content mb-30">
                        <div class="mt-portfolio-transcontent p-relative">
                           <h1 class="mt-portfolio-transtitle testimonial-color">Testimonial</h1>
                        </div>
                        <div class="mt-section-content mb-30 z-index-3 p-relative ml-35">
                           <h5 class="mt-section-subtitle text-color">Our Testimonial
                           </h5>
                           <h2 class="mt-section-title">Customer Experiences with <br>
                              AI Magic</h2>
                        </div>
                     </div>
                     <div class="mt-testimonial-2-slide mt-50 p-relative">
                        <div class="swiper mt-testimonial-active">
                           <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                 <div class="mt-testimonial-2-item">
                                    <div class="mt-testimonial-2-star mb-20">
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                    </div>
                                    <p>Our customers are at the heart of everything we do, and <br>
                                       their experiences with our AI image generation platform <br>
                                       speak volumes.</p>
                                    <div class="mt-testimonial-2-author d-flex mt-30">
                                       <i class="fal fa-quote-right"></i>
                                       <div class="ml-20">
                                          <h6 class="mt-testimonial-author-name">Cameron Williamson</h6>
                                          <span>Ui & uX Designer</span>
                                       </div>

                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mt-testimonial-2-item">
                                    <div class="mt-testimonial-2-star mb-20">
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                    </div>
                                    <p>Our customers are at the heart of everything we do, and <br>
                                       their experiences with our AI image generation platform <br>
                                       speak volumes.</p>
                                    <div class="mt-testimonial-2-author d-flex mt-30">
                                       <i class="fal fa-quote-right"></i>
                                       <div class="ml-20">
                                          <h6 class="mt-testimonial-author-name">Cameron Williamson</h6>
                                          <span>Ui & uX Designer</span>
                                       </div>

                                    </div>
                                 </div>
                              </div>
                              <div class="swiper-slide">
                                 <div class="mt-testimonial-2-item">
                                    <div class="mt-testimonial-2-star mb-20">
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                       <i class="fas fa-star"></i>
                                    </div>
                                    <p>Our customers are at the heart of everything we do, and <br>
                                       their experiences with our AI image generation platform <br>
                                       speak volumes.</p>
                                    <div class="mt-testimonial-2-author d-flex mt-30">
                                       <i class="fal fa-quote-right"></i>
                                       <div class="ml-20">
                                          <h6 class="mt-testimonial-author-name">Cameron Williamson</h6>
                                          <span>Ui & uX Designer</span>
                                       </div>

                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="mt-test-slider-arrow">
                           <div class="mt-swiper-test-button-prev mt-swiper-test-button">
                              <i class="fal fa-long-arrow-right"></i>
                           </div>
                           <div class="mt-swiper-test-button-next active mt-swiper-test-button">
                              <i class="fal fa-long-arrow-left"></i>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Testimonial Area End -->

      <!-- Blog 2 Area Start -->
      <section class="mt-blog-2-area mt-dark-version pt-140 pb-60">
         <div class="container">
            <div class="row align-items-center mb-50">
               <div class="col-xl-7 col-lg-8 col-md-6">
                  <div class="mt-section-content ">
                     <h5 class="mt-section-subtitle text-color">Our blog</h5>
                     <h2 class="mt-section-title mt-2">AI and Creativity Stories Tips.</h2>
                  </div>
               </div>
               <div class="col-xl-5 col-lg-4 col-md-6">
                  <div class="mt-blog-2-btn text-end">
                     <a href="blog-light.html" class="mt-btn-2">View All Articles <span><i
                              class="fa-light fa-arrow-right-long"></i></span></a>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xl-6 col-lg-6">
                  <div class="mt-blog-2-wrapper p-relative">
                     <div class="mt-blog-2-item blog-border mb-25  p-relative wow img-custom-anim-top"
                        data-wow-duration="1.5s" data-wow-delay="0.2s">
                        <a class="br-20" href="blog-light-details.html"><img src="assets/img/blog/blog-2-1.jpg"
                              alt=""></a>
                        <div class="mt-blog-2-text mb-30">
                           <span>AI Marketplace</span>
                           <h3 class="mt-blog-title"><a href="blog-light-details.html">Discover the benefits of using AI
                                 tools
                                 to speed up
                                 design workflows and create high-quality.</a></h3>
                        </div>
                        <div class="mt-blog-2-author d-flex br-10">
                           <img src="assets/img/blog/author/author-2-1.jpg" alt="">
                           <div class="mt-blog-2-author-text">
                              <h5>Savannah Nguyen</h5>
                              <span>Oct 30.2025</span>
                           </div>
                        </div>
                     </div>
                     <div class="mt-blog-2-item p-relative">
                        <div class="mt-blog-2-text mb-30">
                           <span>AI Marketplace</span>
                           <h3 class="mt-blog-title"><a href="blog-light-details.html">Discover the benefits of using AI
                                 tools
                                 to speed up
                                 design workflows and create high-quality.</a></h3>
                        </div>
                        <div class="mt-blog-2-author d-flex br-10">
                           <img src="assets/img/blog/author/author-2-2.jpg" alt="">
                           <div class="mt-blog-2-author-text">
                              <h5>Savannah Nguyen</h5>
                              <span>Oct 30.2025</span>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-6 col-lg-6 ">
                  <div class="mt-blog-2-item br-20 p-relative wow img-custom-anim-top" data-wow-duration="1.5s"
                     data-wow-delay="0.4s">
                     <a href="blog-light-details.html"><img src="assets/img/blog/blog-2-2.jpg" alt=""></a>
                     <div class="mt-blog-2-text mb-30">
                        <span>AI Marketplace</span>
                        <h3 class="mt-blog-title"><a href="blog-light-details.html">Discover the benefits of using AI
                              tools to
                              speed up
                              design workflows and create high-quality.</a></h3>
                     </div>
                     <div class="mt-blog-2-author d-flex br-10">
                        <img src="assets/img/blog/author/author-2-3.jpg" alt="">
                        <div class="mt-blog-2-author-text">
                           <h5>Savannah Nguyen</h5>
                           <span>Oct 30.2025</span>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- Blog 2 Area End -->

      <!-- cta area start -->
      <div class="mt-cta-2-area  pt-65 pb-50 mt-dark-version-bg-2">
         <div class="container">
            <div class="mt-cta-2-wrap black-bg-1" data-background="assets/img/cta/cta-bg-2-1.png">
               <div class="row g-0 align-items-center">
                  <div class="col-xl-4 col-lg-4  mb-30 text-center text-xl-start">
                     <div class="mt-cta-2-left wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
                        <img src="assets/img/cta/cta-2-1.png" alt="">
                        <img src="assets/img/cta/cta-2-2.png" alt="">
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-4  mb-30">
                     <div class="mt-section-content text-center ">
                        <h5 class="mt-section-subtitle text-color">Free Generator art</h5>
                        <h2 class="mt-section-title  mt-2">Discover, Your image generator</h2>
                        <a href="contact-light.html" class="mt-btn-2 mt-10">Generator Image Free <span><i
                                 class="fa-light fa-arrow-right-long"></i></span></a>
                     </div>
                  </div>
                  <div class="col-xl-4 col-lg-4  mb-30 text-center text-xl-end">
                     <div class="mt-cta-2-right wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
                        <img src="assets/img/cta/cta-2-4.png" alt="">
                        <img src="assets/img/cta/cta-2-3.png" alt="">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- cta area end -->

   </main>

   <!-- footer start  -->
   <footer class="mt-footer-2-area p-relative mt-dark-version mt-dark-version-bg-1">
      <div class="mt-footer-2-main-wraper pt-50 pb-40 p-relative">
         <div class="container">
            <div class="row">
               <div class="col-xl-3 col-lg-6 col-md-6 mb-50">
                  <div class="mt-footer-2-widget footer-cols-1">
                     <div class="mt-footer-logo">
                        <a href="index-light.html"><img src="assets/img/logo/yellow-logo-black.png" alt=""></a>
                     </div>
                     <div class="mt-footer-2-content">
                        <p>we specialize in transforming the
                           digital landscape by blending.</p>
                     </div>
                     <div class="mt-footer-2-social">
                        <ul>
                           <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                           <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                           <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                           <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-2 col-lg-6 col-md-6 mb-50">
                  <div class="mt-footer-2-widget ">
                     <h2 class="mt-footer-2-title mb-20">Company</h2>
                     <div class="mt-footer-2-list">
                        <ul>
                           <li><a href="#">Sign in</a></li>
                           <li><a href="#">Register</a></li>
                           <li><a href="about-light.html">Company Report</a></li>
                           <li><a href="#">Privacy Policy</a></li>
                           <li><a href="#">Career</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-2 col-lg-6 col-md-6 mb-50">
                  <div class="mt-footer-2-widget ">
                     <h2 class="mt-footer-2-title mb-20">Resources</h2>
                     <div class="mt-footer-2-list">
                        <ul>
                           <li><a href="contact-light.html">Help Center</a></li>
                           <li><a href="portfolio-light.html">Case Studies</a></li>
                           <li><a href="pricing-light.html">Pricing Plans</a></li>
                           <li><a href="#">User Guides</a></li>
                           <li><a href="#">Contact Support</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-2 col-lg-6 col-md-6 mb-50">
                  <div class="mt-footer-2-widget ">
                     <h2 class="mt-footer-2-title mb-20">My Account</h2>
                     <div class="mt-footer-2-list">
                        <ul>
                           <li><a href="#">author</a></li>
                           <li><a href="#">collection</a></li>
                           <li><a href="#">author Profile</a></li>
                           <li><a href="#">Security Settings</a></li>
                           <li><a href="#"> Support</a></li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 mb-50">
                  <div class="mt-footer-2-widget ">
                     <h2 class="mt-footer-2-title mb-20">Subscribe Now</h2>
                     <div class="mt-footer-2-newsletter mb-40">
                        <form action="#">
                           <div class="p-relative">
                              <input type="email" placeholder="inter your email">
                           </div>
                           <div class="form-btn mt-30">
                              <button class="mt-btn-2 btn-footer" type="submit">subscribe Now<span><i
                                       class="fa-light fa-arrow-right-long"></i></span></button>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- copy-right area start -->
      <div class="mt-copyright-area mt-copyright-space mt-copyright-bg mt-copyright-border  p-relative">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-6 col-lg-6 col-md-6">
                  <div class="mt-copyright-2-left text-center text-md-start">
                     <p>© Copyright 2025 by <a href="index-light.html">A.maxfy</a></p>
                  </div>
               </div>
               <div class="col-xl-6 col-lg-6 col-md-6 ">
                  <div class="mt-copyright-right text-center text-md-end">
                     <div class="mt-copyright-menu">
                        <a href="#">Privacy policy</a>
                        <a href="#">Terms & Conditions</a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- copy-right area end -->

   </footer>

   <!--<< Mouse Cursor Start >>-->
   <div class="mouse-cursor cursor-outer"></div>
   <div class="mouse-cursor cursor-inner"></div>

   <!-- JS here -->
   <script src="assets/js/jquery-3.7.1.min.js"></script>
   <script src="assets/js/bootstrap.bundle.min.js"></script>
   <script src="assets/js/imagesloaded.pkgd.min.js"></script>
   <script src="assets/js/isotope.pkgd.min.js"></script>
   <script src="assets/js/jarallax.min.js"></script>
   <script src="assets/js/jquery.magnific-popup.min.js"></script>
   <script src="assets/js/mobile-menu-scripts.js"></script>
   <script src="assets/js/swiper-bundle.min.js"></script>
   <script src="assets/js/smooth-scroll.js"></script>
   <script src="assets/js/wow.js"></script>
   <script src="assets/js/main.js"></script>


</body>

</html>