MAINHACK

Viewing / Editing File: index.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

gtag('config', 'G-6CDJNET35T');
</script>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

<link rel="stylesheet" href="assets/vendor/bootstrap-icons/font/bootstrap-icons.css">
  <link rel="stylesheet" href="assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
  <link rel="stylesheet" href="assets/vendor/swiper/swiper-bundle.min.css">

<link rel="stylesheet" href="assets/css/theme.min.css">

</head>

<main id="content" role="main">
      
    
    <div class="container content-space-t-3">
      <div class="row justify-content-lg-between align-items-lg-center">
        <div class="col-lg-5 mb-5 mb-lg-0">
          <div class="mb-5">
            <h1 class="display-4 text-dark mb-5">Manage
Everything In One Run</h1>
            <p class="fs-3">Smart <span class="text-primary">software</span>  to increase customer experience, attract new customers and grow your revenue.</p>
          </div>
          <div class="d-grid d-sm-flex gap-3 mb-5">
            <a class="btn btn-primary" href="auth/signup">14 days Free Trial</a>
            <a class="btn btn-ghost-dark btn-pointer" href="auth/">Sign in</a>

</div>
        </div>

</div>

<div class="d-inline-block position-absolute top-0 start-0 bg-white w-100 rounded-pill shadow-sm p-2 mt-5 ms-n5" style="max-width: 12rem;">
              <div class="d-flex align-items-center">
                <div class="flex-shrink-0">
                 
                </div>
                <div class="flex-grow-1 ms-2">
                  <div class="fs-5 fw-bold mb-0">Julia</div>
                  <span class="d-block fs-6">Fantastic </span>
                </div>
              </div>
            </div>

<div class="d-inline-block position-absolute bottom-0 start-0 bg-warning w-100 rounded-pill shadow-sm p-2 mb-10 ms-n10" style="max-width: 16rem;">
              <div class="d-flex align-items-center">
                <div class="flex-shrink-0">
                
                </div>
                <div class="flex-grow-1 ms-2">
                  <div class="fs-5 fw-bold text-dark mb-0">Michael</div>
                  <span class="d-block fs-6 text-dark">Excellent software</span>
                </div>
              </div>
            </div>
            
            
            <div id="iosInstallPrompt" style="display: none; position: fixed; bottom: 20px; left: 10px; right: 10px; padding: 15px; background: #f1f1f1; text-align: center; border-radius: 10px;">
  <p>To install this app on your iPhone, tap <strong>Share</strong> <img src="/icons/share-icon.png" alt="Share Icon" width="18"> then <strong>Add to Home Screen</strong>.</p>
  <button onclick="document.getElementById('iosInstallPrompt').style.display='none'">Dismiss</button>
</div>

<button id="installBtn" style="display: none;">Install App</button>

<div class="overflow-hidden">
      <div class="container content-space-2 content-space-lg-3">
        <div class="row align-items-lg-center">
          <div class="col-lg-7 me-auto ms-lg-n10 mb-5 mb-lg-0">
            <div class="row align-items-center">
              <div class="col-4">
                <img class="img-fluid rounded-3" src="assets/img/580x480/img1.jpg" alt="Image Description">
              </div>
              
              
              <div class="col-3">
                <img class="img-fluid rounded-3" src="assets/img/350x700/img1.jpg" alt="Image Description">
              </div>

<div class="col-lg-5">
            <div class="mb-5">
              <h2>Spa and Salon Management Software</h2>
              <p>The Salon Friend specially designed to manage spa and salon business.Our system offers you a wide variety of easy business operations with absolutely no limits. We provide you with a fully supported cloud based salon software web interface app</p>
            </div>

<ul class="list-checked list-checked-soft-bg-primary list-checked-lg">
              <li class="list-checked-item"><span class="fw-bold"> Support </span> </li>
              <li class="list-checked-item"><span class="fw-bold">Easy Access</span></li>
              <li class="list-checked-item"><span class="fw-bold">Convenience </span></li>
            </ul>
            
          </div>
          
        </div>
        
      </div>
    </div>

<div class="container content-space-2 content-space-lg-3">
      
      <div class="w-lg-65 text-center mx-lg-auto mb-5 mb-sm-7 mb-lg-10">
        <h2>Solve all your needs with a single software solution</h2>
      </div>

<div class="card-body">
              <h4>Barbershop</h4>
        
            </div>
          </a>
          
        </div>

<div class="card-body">
              <h4>Nail salon</h4>
            </div>
          </a>
          
        </div>

<div class="col">
          
          <a class="card card-ghost card-transition-zoom h-100" href="salon-software">
            <div class="card-transition-zoom-item">
              <img class="card-img" src="assets/hair2.jpeg" alt="Image Description" style="height: 270px;">
            </div>
            <div class="card-body">
              <h4>Hair salon</h4>
            </div>

</a>
          
        </div>
        
      </div>

<div class="card-body">
              <h4>Spa salon</h4>
        
            </div>
          </a>
          
        </div>

<div class="col mb-5 mb-md-0">
          
          <a class="card card-ghost card-transition-zoom h-100" href="medical-spa-software">
            <div class="card-transition-zoom-item">
              <img class="card-img" src="assets/msap.jpeg" alt="Image Description">
            </div>
            <div class="card-body">
              <h4>Medical Spa</h4>
            </div>

</a>
          
        </div>

<div class="col mb-5 mb-md-0">
          
          <a class="card card-ghost card-transition-zoom h-100" href="#">
            <div class="card-pinned card-transition-zoom-item">
              <img class="card-img" src="assets/salon.jpeg" alt="Image Description">
            </div>
            <div class="card-body">
              <h4>Others</h4>
            </div>
          </a>
          
        </div>
      </div>
      
    </div>

<div class="overflow-hidden">
      <div class="container content-space-2 content-space-lg-3">
        
        <div class="w-lg-65 text-center mx-lg-auto mb-5 mb-sm-7 mb-lg-10">
          <h2>Everything you need to run your business</h2>
      <p>The best software to manage your salon and schedule your bookings.</p>
        </div>

<div class="position-relative content-space-t-2 content-space-b-md-2">
          <div class="row justify-content-lg-between align-items-md-center">
            <div class="col-md-6 col-lg-5 order-md-2 mb-7 mb-md-0">
              <div class="mb-5">
                <h3>The power of one platform.</h3>
              </div>

<ul class="nav nav-pills nav-pills-shadow flex-md-column gap-md-1" id="featuresTab" role="tablist">
                <li class="nav-item" role="presentation">
                  <a class="nav-link active" href="#featuresThree" id="featuresOne-tab" data-bs-toggle="tab" data-bs-target="#featuresOne" role="tab" aria-controls="featuresOne" aria-selected="false">
                    
                    <div class="d-flex">
                      <i class="bi-app-indicator fs-2 text-success"></i>
                      <div class="flex-grow-1 ms-4">
                        <h6 class="text-success mb-1">Cloud Based Salon Software</h6>
                        <p class="text-body mb-0">Our software offer you the best in all aspects of a beauty salon management software .</p>
                      </div>
                    </div>
                    
                  </a>
                </li>

<li class="nav-item" role="presentation">
                  <a class="nav-link" href="#featuresTwo" id="featuresTwo-tab" data-bs-toggle="tab" data-bs-target="#featuresTwo" role="tab" aria-controls="featuresTwo" aria-selected="true">
                    
                    <div class="d-flex">
                      <i class="bi-graph-up fs-2 text-success"></i>
                      <div class="flex-grow-1 ms-4">
                        <h6 class="text-success mb-1">Salon Control All in One Place!</h6>
                        <p class="text-body mb-0">Many salons and businesses find it complex to handle incoming appointments and more customers at one time. Through Salon Management App we provide you the best spa management software, nail salon management, hairdresser software</p>
                      </div>
                    </div>
                    
                  </a>
                </li>

<li class="nav-item" role="presentation">
                  <a class="nav-link" href="#featuresThree" id="featuresThree-tab" data-bs-toggle="tab" data-bs-target="#featuresThree" role="tab" aria-controls="featuresThree" aria-selected="false">
                    
                    <div class="d-flex">
                      <i class="bi-lightning fs-2 text-success"></i>
                      <div class="flex-grow-1 ms-4">
                        <h6 class="text-success mb-1">Best Salon Inventory Management</h6>
                        <p class="text-body mb-0">We recognise the worries of business owners, which is why our free salon management software gives everyone a chance to try our cloud based salon management software with no liability.</p>
                      </div>
                    </div>
                    
                  </a>
                </li>
              </ul>
              
            </div>

<figure class="position-absolute top-0 end-0 mt-n5 me-n10" style="width: 4rem;">
                  <img class="img-fluid" src="assets/svg/components/pointer-up.svg" alt="Image Description">
                </figure>
                
              </div>
            </div>
            
          </div>

<div class="bg-dark">
      <div class="container content-space-2 content-space-lg-3">
        <div class="row justify-content-center justify-content-lg-between align-items-lg-center mb-10">
          <div class="col-9 col-sm-7 col-lg-5 mb-7 mb-lg-0">
            <img class="img-fluid w-100 rounded-3" src="assets/img/mockups/img4.png" alt="Image Description">
          </div>

<div class="col-lg-6">
            <div class="mb-5">
              <span class="badge bg-soft-light text-white text-wrap mb-3"><i class="bi-stars me-1"></i> Empowering small businesses and people with our salon management tool</span>
              <h2 class="text-white">Maintain up-to-date customer details and
enhance your customer's experience</h2>
              <p class="text-white-70">Save your data and services! Salon management software makes management easy! Control your staffs, accounts, manage your salon and services from your own salon software website. Track your staff's fixed premium percentage. Track the list of products you sold and the amount of stocks. Offer a loyalty program, based on points to attract more clients.</p>
            </div>

<ul class="list-checked list-checked-light mb-0">
              <li class="list-checked-item text-white-70">Less routine more creativity</li>
              <li class="list-checked-item text-white-70">Hundreds of thousands saved</li>
              <li class="list-checked-item text-white-70">Scale budgets efficiently</li>
            </ul>
            
          </div>
          
        </div>

<div class="row">
          <div class="col-sm-6 col-lg mb-5 mb-lg-0">
            
            <div class="text-center">
              <div class="mb-3">
                <i class="bi-phone fs-1 text-white"></i>
              </div>
              
              
            </div>
            
          </div>

<div class="col-sm-6 col-lg mb-5 mb-lg-0">
            
            <div class="text-center">
              <div class="mb-3">
                <i class="bi-toggles2 fs-1 text-white"></i>
              </div>
              
              <p class="text-white-70">Stop juggling multiple software solutions</p>
            </div>
            
          </div>

<div class="col-sm-6 col-lg mb-5 mb-sm-0">
            
            <div class="text-center">
              <div class="mb-3">
                <i class="bi-file-earmark-text fs-1 text-white"></i>
              </div>
              
              <p class="text-white-70">Get your wish for quick data insights</p>
            </div>
            
          </div>

<div class="col-sm-6 col-lg">
            
            <div class="text-center">
              <div class="mb-3">
                <i class="bi-chat-right-dots fs-1 text-white"></i>
              </div>
              
              <p class="text-white-70">Use our expertise to run your business</p>
            </div>
            
          </div>
          
        </div>
        
      </div>
    </div>

<div class="overflow-hidden">
      <div class="container content-space-2 content-space-t-lg-3">
        
        <div class="w-lg-65 text-center mx-lg-auto mb-5">
          <h2>The solutions your business needs — for any business type</h2>
          <p>We’re shaping the future of how software fuels growth for beauty and wellness brands.</p>
        </div>

<figure class="device-browser">
              <div class="device-browser-header">
                <div class="device-browser-header-btn-list">
                  <span class="device-browser-header-btn-list-btn"></span>
                  <span class="device-browser-header-btn-list-btn"></span>
                  <span class="device-browser-header-btn-list-btn"></span>
                </div>
              </div>

<figure class="position-absolute bottom-0 start-0" style="width: 15rem;">
            <img class="img-fluid" src="assets/svg/components/curved-shape.svg" alt="Image Description">
          </figure>
          
        </div>
      </div>
    </div>

<div class="overflow-hidden content-space-t-2 content-space-t-lg-3">
      <div class="container position-relative content-space-2 content-space-lg-3">
        <div class="row">
          <div class="col-lg-5 align-self-lg-end mb-7 mb-lg-0">
            <h2>Switch to Our platform and transform your business.</h2>
            <div class="d-none d-lg-flex justify-content-center mt-7" style="width: 15rem;">
              <img class="img-fluid" src="assets/svg/illustrations/plane.svg" alt="Image Description">
            </div>
          </div>

<div class="col-lg-7 align-self-lg-center">
            <div class="row">
              <div class="col-lg-6 mb-4">
                
                <div class="card card-shadow h-100">
                  <div class="card-body">
                    <div class="mb-3">
                      <i class="bi-emoji-smile fs-2 text-dark"></i>
                    </div>
                    <h4>A holistic solution</h4>
                    <p class="mb-0">Efficiently manage employees, inventory and more.
Easily acquire new customers and delight existing ones.</p>
                  </div>
                </div>
                
              </div>

<div class="col-lg-6 mb-4">
                
                <div class="card card-shadow h-100">
                  <div class="card-body">
                    <div class="mb-3">
                      <i class="bi-droplet fs-2 text-dark"></i>
                    </div>
                    <h4> A tailored platform for all your needs</h4>
                    <p class="mb-0">Get customized solutions specific to salons, spas,
medical spas, and fitness businesses.
Maximize ROI with a modular approach.
</p>
                  </div>
                </div>
                
              </div>

<div class="col-lg-6 mb-4 mb-lg-0">
                
                <div class="card card-shadow h-100">
                  <div class="card-body">
                    <div class="mb-3">
                      <i class="bi-briefcase fs-2 text-dark"></i>
                    </div>
                    <h4>World-class support</h4>
                    <p class="mb-0">offering 24/7 support via phone, email,text.</p>
                  </div>
                </div>
                
              </div>

<div class="col-lg-6">
                
                <div class="card card-shadow h-100">
                  <div class="card-body">
                    <div class="mb-3">
                      <i class="bi-speedometer2 fs-2 text-dark"></i>
                    </div>
                    <h4>Built for speed</h4>
                    <p class="mb-0">72% faster loading speed compared to traditional websites.</p>
                  </div>
                </div>
                
              </div>
              
            </div>
            
          </div>
          
        </div>

<br   /><br   />
      <br   /><br   />
      <div class="container content-space-b-lg-1">
      <div class="w-lg-75 mx-lg-auto">
        
        <div class="w-lg-65 text-center mx-lg-auto mb-5 mb-sm-7 mb-lg-10">
          <h2>Loved by business and individuals across the globe</h2>
        </div>

<ul class="list-unstyled list-timeline list-py-3">
          <li class="list-timeline-item">
            
            <div class="card card-shadow">
              <div class="card-body">
                
                <div class="d-sm-flex">
                  <div class="flex-shrink-0 mb-3 mb-sm-0">
                    
                  </div>

<div class="flex-grow-1 ms-sm-4">
                    
                    <figure class="blockquote-sm">
                      <blockquote class="blockquote"><em>Thank you for enabling me to make my business healthier and more reliable.Its a great pleasure to work with you. A perfect system that helps me to keep my salon organized</em></blockquote>

<figcaption class="blockquote-footer">
                        Suzzi
                        <span class="blockquote-footer-source">Suzzi Spa</span>
                      </figcaption>
                    </figure>
                    
                  </div>
                </div>
                
              </div>
            </div>
            
          </li>

<div class="flex-grow-1 ms-sm-4">
                    
                    <figure class="blockquote-sm">
                      <blockquote class="blockquote"><em>We would like to thank your representatives for their efforts and assistance. They have been an extremely supportive and kind team, always going beyond expectations to address our queries</em></blockquote>

<figcaption class="blockquote-footer">
                        Robertson
                        <span class="blockquote-footer-source">Flaxstudio</span>
                      </figcaption>
                    </figure>
                    
                  </div>
                </div>
                
              </div>
            </div>
            
          </li>

<div class="flex-grow-1 ms-sm-4">
                    
                    <figure class="blockquote-sm">
                      <blockquote class="blockquote"><em>We use this system in our beauty salon, and it meets all our needs. It is very convenient for business owners. In short, I highly recommend it</em></blockquote>

<figcaption class="blockquote-footer">
                        Abigail
                        <span class="blockquote-footer-source">Abbys African hair</span>
                      </figcaption>
                    </figure>
                    
                  </div>
                </div>
                
              </div>
            </div>
            
          </li>

</ul>
        
      </div>
    </div>

</main>
  
   <?php include("includes/footer.php");?>

<a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
     data-hs-go-to-options='{
       "offsetTop": 700,
       "position": {
         "init": {
           "right": "2rem"
         },
         "show": {
           "bottom": "2rem"
         },
         "hide": {
           "bottom": "-2rem"
         }
       }
     }'>
    <i class="bi-chevron-up"></i>
  </a>

<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

<script src="assets/vendor/hs-header/dist/hs-header.min.js"></script>
  <script src="assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
  <script src="assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

<script src="assets/js/theme.min.js"></script>

<script>
    (function() {
      // INITIALIZATION OF NAVBAR
      // =======================================================
      new HSHeader('#header').init()

// INITIALIZATION OF MEGA MENU
      // =======================================================
      const megaMenu = new HSMegaMenu('.js-mega-menu', {
        desktop: {
          position: 'left'
        }
      })

// INITIALIZATION OF GO TO
      // =======================================================
      new HSGoTo('.js-go-to')

// INITIALIZATION OF SWIPER
      // =======================================================
      var swiper = new Swiper('.js-swiper-clients',{
        slidesPerView: 2,
        breakpoints: {
          380: {
            slidesPerView: 3,
            spaceBetween: 15,
          },
          768: {
            slidesPerView: 4,
            spaceBetween: 15,
          },
          1024: {
            slidesPerView: 5,
            spaceBetween: 15,
          },
        },
      });
    })()
  </script>
</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: index.php

Server Info

System Features

User Info