Unleash the Power of AI

  <section
                      id=""
                      class="particals py-md-10 py-5"
                      style="background: url(../assets/images/ai-studio/ai-hero-glow.png) no-repeat; background-size: cover; background-position: center"
                      data-cue="fadeIn">
                      <canvas id="starCanvas"></canvas>
                      <div class="container py-xl-10">
                         <div class="row py-xl-4">
                            <div class="col-xxl-8 offset-xxl-2 col-xl-8 offset-xl-2 col-lg-10 offset-lg-1 col-12">
                               <div class="text-center d-flex flex-column gap-6" data-cue="zoomIn">
                                  <div class="d-flex flex-column gap-3">
                                     <h1 class="display-4 mb-0"><span class="gradient-text">Unleash the Power of AI</span></h1>
                                     <p class="mb-0 lead px-xxl-8">Create stunning content, generate ideas, and automate tasks with our suite of AI-powered tools designed for creators and businesses.</p>
                                  </div>
                                  <div class="d-flex flex-row gap-3 justify-content-center">
                                     <a href="../signup.html" class="btn btn-primary">Sign up for Free</a>
                                     <a href="../index.html" class="btn btn-dark">See demo</a>
                                  </div>
                                  <div class="d-flex flex-row align-items-center justify-content-center gap-3 mt-2">
                                     <div class="avatar-group">
                                        <span class="avatar avatar-md">
                                           <img alt="avatar " src="../assets/images/avatar/avatar-1.jpg" class="rounded-circle" />
                                        </span>
                                        <span class="avatar avatar-md">
                                           <img alt=" avatar" src="../assets/images/avatar/avatar-2.jpg" class="rounded-circle" />
                                        </span>
                                        <span class="avatar avatar-md">
                                           <img alt=" avatar" src="../assets/images/avatar/avatar-4.jpg" class="rounded-circle" />
                                        </span>
                                        <span class="avatar avatar-md">
                                           <img alt=" avatar" src="../assets/images/avatar/avatar-3.jpg" class="rounded-circle" />
                                        </span>
                                     </div>
                                     <small class="fw-medium">Join 10,000+ users creating with AI</small>
                                  </div>
                               </div>
                            </div>
                         </div>
                      </div>
                   </section>