<?php
include 'includes/header.php';
$page = 'home';
?> 
 
   <main>


    <section class="main-banner">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-11 col-lg-11 col-xl-11 col-xxl-11 px-lg-4">
                    <div class="row flex-column">
                        <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5">
                            <div class="title">
                                <h2>Professional Shopify 
                                    <span>Website Builders</span>
                                </h2>
                                <p>We create your dream Shopify web stores tailor-made for your target audiences.</p>
                                <h4><i class="fa-solid fa-clock"></i> IN JUST 72 HOURS</h4>
                                <h3>Starting From <span>$199*</span></h3>
                                <div class="my-btn">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#myModal">get started</a>
                                    <a href="javascript:;$zopim.livechat.window.toggle()">start live chat</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 col-xxl-7">
                            <div class="img-logo">
                                <ul>
                                    <li><img class="img-fluid" src="images/shpify.png" alt=""></li>
                                    <li><img class="img-fluid" src="images/my-logo-1.png" alt=""></li>
                                    <li><img class="img-fluid" src="images/my-logo-2.png" alt=""></li>
                                    <li><img class="img-fluid" src="images/my-logo-3.png" alt=""></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                            <div class="brandSlider">
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img1.png"></a>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img2.png"></a>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img3.png"></a>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img4.png"></a>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img5.png"></a>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img6.png"></a>
                                </div>
                                <div class="col-md-2 col-sm-2 col-xs-12">
                                    <a href="javascript:void(0)"><img src="images/brand_img3.png"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="about-sec">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-11 col-lg-11 col-xl-11 col-xxl-11">
                    <div class="row align-items-center">
                        <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 col-xxl-7 pe-lg-5">
                            <div class="my-img">
                                <img class="img-fluid" src="images/about-img.png" alt="">
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-5 col-lg-5 col-xl-5 col-xxl-5 ps-lg-0">
                            <div class="title">
                                <h2>
                                    Custom Shopify 
                                    <span>Web Design</span>
                                </h2>
                                <p class="pra">Vista Website Studio believes in creating outstanding Shopify stores and websites for all customers.</p>
                                <p>We have a team of dedicated & professional Shopify web designers who work round the clock to deliver the best results. They will create impressive and attractive Shopify web stores designed to dominate.</p>
                                <p>Our Shopify web designs boast space for full customization, meaning we can modify and design every single section of your Shopify web store to your precise preferences. We also design the banners, logos, and themes of your Shopify websites just the way you want.</p>
                                <div class="my-btn">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#myModal">get started</a>
                                    <a href="javascript:;$zopim.livechat.window.toggle()">start live chat</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="info-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-11 col-lg-11 col-xl-11 col-xxl-11 ps-lg-5">
                    <div class="row align-items-center">
                        <div class="col-12 col-sm-7 col-md-7 col-lg-7 col-xl-7 col-xxl-7 ps-lg-5">
                            <div class="imgs-info">
                                <img class="img-fluid" src="images/infoiimgs.png" alt="">
                            </div>
                        </div>
                        <div class="col-lg-5 ps-lg-4 col-sm-5">
                            <div class="title">
                                <h2>
                                    Dedicated Shopify 
                                    <span>Web Developers</span>
                                </h2>
                                <p class="pra">Our Shopify web development team brings your dream eCommerce website to full function and fruition.</p>
                                <p>We incorporate complete focus into the development of Shopify websites, ensuring they are innovative, feature-rich, and fully functional. We also implement smart algorithms with built-in SEO compatibility for maximum page visibility. Your Shopify traffic will skyrocket</p>
                                <div class="my-btn">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#myModal">get started</a>
                                    <a href="javascript:;$zopim.livechat.window.toggle()">start live chat</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- <section class="portfolio-sec">
        <div class="container">
            <div class="sec-title">
                <h3>portfolio</h3>
                <h2>Our Award-Winning Portfolio</h2>
            </div>
            <div class="portfolio-listing">
                <div class="row row_margin">
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                        <div class="portfolio-item">
                            <div class="portfolio-img">
                                <a class="black" data-fancybox="port" href="images/portfolio-img-1.png">
                                    <img src="images/portfolio-img-1.png" class="img-fluid" alt="">
                                </a>
                            </div>
                            <div class="btn-portfolio">
                                <a class="portfolio" href="">Placeholder Content</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                        <div class="portfolio-item">
                            <div class="portfolio-img">
                                <a class="black" data-fancybox="port" href="images/portfolio-img-2.png">
                                    <img src="images/portfolio-img-2.png" class="img-fluid" alt="">
                                </a>
                            </div>
                            <div class="btn-portfolio">
                                <a class="portfolio" href="">Placeholder Content</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                        <div class="portfolio-item">
                            <div class="portfolio-img">
                                <a class="black" data-fancybox="port" href="images/portfolio-img-3.png">
                                    <img src="images/portfolio-img-3.png" class="img-fluid" alt="">
                                </a>
                            </div>
                            <div class="btn-portfolio">
                                <a class="portfolio" href="">Placeholder Content</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                        <div class="portfolio-item">
                            <div class="portfolio-img">
                                <a class="black" data-fancybox="port" href="images/portfolio-img-1.png">
                                    <img src="images/portfolio-img-1.png" class="img-fluid" alt="">
                                </a>
                            </div>
                            <div class="btn-portfolio">
                                <a class="portfolio" href="">Placeholder Content</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                        <div class="portfolio-item">
                            <div class="portfolio-img">
                                <a class="black" data-fancybox="port" href="images/portfolio-img-2.png">
                                    <img src="images/portfolio-img-2.png" class="img-fluid" alt="">
                                </a>
                            </div>
                            <div class="btn-portfolio">
                                <a class="portfolio" href="">Placeholder Content</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                        <div class="portfolio-item">
                            <div class="portfolio-img">
                                <a class="black" data-fancybox="port" href="images/portfolio-img-3.png">
                                    <img src="images/portfolio-img-3.png" class="img-fluid" alt="">
                                </a>
                            </div>
                            <div class="btn-portfolio">
                                <a class="portfolio" href="">Placeholder Content</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <section class="portfolio_Sec_main padding_70">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
              <div class="web_head">
                <h2>Our Award-Winning <span> Projects</span></h2>
              <p>Following is a portfolio of the most prestigious Shopify websites we have created.</p>
              </div>
          </div>
        </div>
      </div>
      <div class="container-fluid">
        <div class="row pt-5 portfolio_slid">

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-10.jpg">
                  <figure><img src="images/portfolio-img-large-10.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-01.jpg">
                  <figure><img src="images/portfolio-img-large-01.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-02.jpg">
                  <figure><img src="images/portfolio-img-large-02.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-09.jpg">
                  <figure><img src="images/portfolio-img-large-09.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-03.jpg">
                  <figure><img src="images/portfolio-img-large-03.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-08.jpg">
                  <figure><img src="images/portfolio-img-large-08.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-04.jpg">
                  <figure><img src="images/portfolio-img-large-04.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-07.jpg">
                  <figure><img src="images/portfolio-img-large-07.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-05.jpg">
                  <figure><img src="images/portfolio-img-large-05.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-06.jpg">
                  <figure><img src="images/portfolio-img-large-06.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-11.jpg">
                  <figure><img src="images/portfolio-img-large-11.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

          <div class="col-sm-3 p-0 pd-1">
            <div class="portfolio_boxes">
              <a class="black" data-fancybox="port" href="images/portfolio-img-large-12.jpg">
                  <figure><img src="images/portfolio-img-large-12.jpg" class="img-fluid" alt=""></figure>
              </a>
            </div>
          </div>

        </div>
      </div>
    </section>

    <section class="section priceSec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-11 col-xl-11 col-lg-11 col-md-11 col-sm-12 col-12  px-lg-3">
                    <div class="title">
                        <h2>our packages</h2>
                    </div>
                    <div class="row flexRow">
                        <div class="">
                            <div class="row gy-5 justify-content-center">
                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box">
                                        <div class="price_head">
                                            <h3>Promo Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$199</h2>
                                                <h6>Only <del>$398</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                                <li>Customized Design</li>
                                                <li>Upto 5 Products</li>
                                                <!--<li>Content Management System (CMS)</li>-->
                                                <li>Payment Module Integration</li>
                                                <li>Dedicated Designer & Developer</li>
                                                <li>Unlimited Revisions</li>
                                                <li>100% Satisfaction Guaranteed</li>
                                                <li>100% Unique Design Guarantee</li>
                                                <li>100% Money Back Guarantee*</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:void(0)" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box">
                                        <div class="price_head">
                                            <h3>Basic Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$249</h2>
                                                <h6>Only <del>$798</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                                <li>Customized Design</li>
                                                <li>Upto 10 Products</li>
                                                <li>Content Management System (CMS)</li>
                                                <li>Payment Module Integration</li>
                                                <li>Dedicated Designer & Developer</li>
                                                <li>Unlimited Revisions</li>
                                                <li>100% Satisfaction Guaranteed</li>
                                                <li>100% Unique Design Guarantee</li>
                                                <li>100% Money Back Guarantee*</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:void(0)" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box badge_best ">
                                        <div class="price_head">
                                            <h3>Regular Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$599 </h2>
                                                <h6>Only <del>$1198</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                                <li>Customized Design</li>
                                                <li>Up-to 50 Products</li>
                                                <li>Content Management System (CMS)</li>
                                                <li>Mini Shopping Cart Integration</li>
                                                <li>Payment Module Integration</li>
                                                <li>Easy Product Search</li>
                                                <li>Dedicated Designer & Developer</li>
                                                <li>Unlimited Revisions</li>
                                                <li>100% Satisfaction Guarantee</li>
                                                <li>100% Unique Design Guarantee</li>
                                                <li>100% Money Back Guarantee*</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:void(0)" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>
                                        <div class="badge_img"><img src="images/badge1.png"></div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box">
                                        <div class="price_head">
                                            <h3>Startup Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$799</h2>
                                                <h6>Only <del>$1598</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                                <li>Customized Design</li>
                                                <li>Up-To 100 Products</li>
                                                <li>Content Management System (CMS)</li>
                                                <li>Full Shopping Cart Integration </li>
                                                <li>Payment Module Integration</li>
                                                <li>Easy Product Search</li>
                                                <li>Dedicated Designer &amp; Developer</li>
                                                <li>Unlimited Revisions</li>
                                                <li>100% Satisfaction Guarantee</li>
                                                <li>100% Unique Design Guarantee</li>
                                                <li>100% Money Back Guarantee *</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:void(0)" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>

                                    </div>
                                </div>

                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box">
                                        <div class="price_head">
                                            <h3>Professional Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$1399</h2>
                                                <h6>Only <del>$2798</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                               <li>Customized Design</li>
                                                <li>Up-To 500 Products</li>
                                                <li>Content Management System (CMS)</li>
                                                <li>Full Shopping Cart Integration</li>
                                                <li>Payment Module Integration</li>
                                                <li>Easy Product Search</li>
                                                <li>Product Reviews</li>
                                                <li>5 Promotional Banners</li>
                                                <li>Team Of Expert Designers Developers</li>
                                                <li>Unlimited Revisions</li>
                                                <li>100% Satisfaction Guarantee</li>
                                                <li>100% Unique Design Guarantee</li>
                                                <li>100% Money Back Guarantee *</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:void(0)" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box badge_best">
                                        <div class="price_head">
                                            <h3>Elite Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$2499</h2>
                                                <h6>Only <del>$4998</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                                <li>Unlimited Pages Website with Unique Design</li>
                                                <li>5 Custom Logo Design</li>
                                                <li>CMS / Backend Adminstrative System</li>
                                                <li>Unlimited Products with Unlimited Categories</li>
                                                <li>FREE Unlimited Revisions</li>
                                                <li>Custom Shopping Cart Integration</li>
                                                <li>Multiple Payment Module Integration</li>
                                                <li>Multiple Shipping Module Integration</li>
                                                <li>Product Ratings &amp; Reviews</li>
                                                <li>Sales &amp; Inventory Management System</li>
                                                <li>Multiple Currency Support</li>
                                                <li>Customer Login Area (Sign-Up &amp; Sign-In)</li>
                                                <li>Mobile Responsive</li>
                                                <li>Social Media Designs (Facebook, Twitter, Youtube)</li>
                                                <li>Dedicated Team of Expert Designers &amp; Developers</li>
                                                <li>Dedicated Project Manager</li>
                                                <li> News Letter Subscription</li>
                                                <li>100% Satisfaction Guarantee</li>
                                                <li>100% Money Back Guarantee *</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:void(0)" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>
                                        <div class="badge_img"><img src="images/badge1.png"></div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6 col-xs-12 panel">
                                    <div class="price_Box">
                                        <div class="price_head">
                                            <h3>Business Shopify <span>Package</span></h3>
                                            <h5>limited time offer</h5>
                                        </div>
                                        <div class="pricing">
                                            <div class="pricinglist">
                                                <h2>$4999</h2>
                                                <h6>Only <del>$9998</del></h6>
                                            </div>
                                        </div>
                                        <div class="priceList">
                                            <ul>
                                                <li>Complete Custom Design & Development</li>
                                                <li>Unique, User Friendly, Interactive, Dynamic, High End UI Design</li>
                                                <li>Unlimited Banner Designs</li>
                                                <li>Interactive Sliding Banners</li>
                                                <li>Special Hover Effects</li>
                                                <li>Customized Contact us Form</li>
                                                <li>Multiple Filtration Option (Search by Age, Experience, Talent, Industry etc)</li>
                                                <li>Profile Comparison (As per Category)</li>
                                                <li>File Converter</li>
                                                <li>Custom Video Functionality</li>
                                                <li>Multiple File format Uploading</li>
                                                <li>User Signup Area ( Talent )</li>
                                                <li>User Signup Area ( Casting )</li>
                                                <li>User Signup Area ( Agency )</li>
                                                <li>Client/User Dashboard Area</li>
                                                <li>Vendor / Agency Dashboard Area</li>
                                                <li>Custom Coding and Development</li>
                                                <li>Content Management System (Custom)</li>
                                                <li>Online Appointment/Scheduling integration (Optional)</li>
                                                <li>Online Payment Integration</li>
                                                <li>Invoicing System</li>
                                                <li>Automated Email Notifications</li>
                                                <li>Multi Lingual (Optional)</li>
                                                <li>Custom Dynamic Forms</li>
                                                <li>Complete Database Creation</li>
                                                <li>3rd Party Links integration (Instagram, IMDB etc )</li>
                                                <li>Signup Automated Email Authentication</li>
                                                <li>Signup Area (For Newsletters, Offers etc.)</li>
                                                <li>Search Bar for Easy Search</li>
                                                <li>Live Feeds of Social Networks integration (Optional)</li>
                                                <li>Search Engine Submission</li>
                                                <li>SEO friendly</li>
                                                <li>Mobile Responsive</li>
                                                <li>Master Admin Panel</li>
                                                <li>SSL Certification ( to make the website and its informative secured )1 Year Free Hosting</li>
                                                <li>6 Months of Free Maintenance</li>
                                                <li>Award-Winning Team of Expert Designers and Developers</li>
                                                <li>Complete Deployment</li>
                                                <li>Complete W3C Validation</li>
                                                <li>Dedicated Team of Designers and Developers</li>
                                                <li>ORDER NO</li>
                                            </ul>
                                            <div class="price_btns">
                                                <a href="javascript:;" class="webBtn" data-bs-toggle="modal" data-bs-target="#myModal">Place an Order</a>
                                                <a href="javascript:;$zopim.livechat.window.toggle()" class="webBtn2"> Chat Now</a>
                                            </div>
                                        </div>

                                    </div>
                                </div>


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

                </div>
            </div>
        </div>
        <!-- priceSec end -->
        </div>
        </div>
    </section>

    <section class="sec-lets">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-11 col-xl-11 col-lg-11 col-md-11 col-sm-12 col-12">
                    <div class="row">
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                            <div class="img-lap">
                                <img src="images/laptop.png" class="img-fluid" alt="">
                            </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 pe-lg-0">
                            <div class="title">
                                <h2>
                                    Want to take your 
                                    <span>Shopify stores up a notch?</span>
                                </h2>
                                <p>Vista Website Studio is a leading Shopify web agency that designs and develops the most attractive and feature-rich Shopify web stores. Contact us now to get started on your ideal Shopify website.</p>
                                <div class="my-btn">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#myModal">get started</a>
                                    <a href="javascript:;$zopim.livechat.window.toggle()">start live chat</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="process-ideas-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-11 col-xl-11 col-lg-11 col-md-11 col-sm-12 col-12  px-lg-3">
                    <div class="process-content">
                        <h3>How your dream websites are brought to reality</h3>
                        <div class="card-container">
                            <div class="center-bar">
                                <span class="dot"></span>
                                <span class="dot"></span>
                                <span class="dot"></span>
                                <span class="dot"></span>
                            </div>
                            <div class="card-content">
                                <div class="card-wrapper">
                                    <div class="process-card">
                                        <img src="images/process-icon-1.png" alt="">
                                        <h6>Customer Idea & Consultation</h6>
                                        <p>Upon requesting our services, we consult with our customers and establish a clear, concise idea & scope of the Shopify website they want.</p>
                                    </div>
                                </div>
                                <div class="card-wrapper">
                                    <div class="process-card">
                                        <img src="images/process-icon-2.png" alt="">
                                        <h6>Project Evaluation & Specification</h6>
                                        <p>We plan out the project with an accurate Shopify website development cost analysis and the website aspects that come with this cost.</p>
                                    </div>
                                </div>
                                <div class="card-wrapper">
                                    <div class="process-card">
                                        <img src="images/process-icon-3.png" alt="">
                                        <h6>Design & Development</h6>
                                        <p>We start your Shopify website development and design process in compliance with the project scope.</p>
                                    </div>
                                </div>
                                <div class="card-wrapper">
                                    <div class="process-card">
                                        <img src="images/process-icon-1.png" alt="">
                                        <h6>Deployment & Maintenance</h6>
                                        <p>After finalization, your Shopify website is deployed, and goes live. Afterward, we run scheduled maintenance to test and debug the website for full operation and hassle-free performance.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="shipify-mobile-sec">
                        <div class="row align-items-center">
                            <div class="col-lg-7 col-sm-7">
                                <div class="mob">
                                    <img src="images/mobile.png" alt="">
                                </div>
                            </div>
                            <div class="col-lg-5 col-sm-5">
                                <div class="title">
                                    <h2>
                                        Your Dream Shopify Website
                                        <span>at a Bargain of a Price</span>
                                    </h2>
                                    <p>Vista Website Studio takes pride in professionally developed and meticulously designed Shopify websites that dominate the market. We ensure that we design curated Shopify websites to lift your eCommerce ventures into the stratosphere.</p>
                                    <ul>
                                        <li>Attractive Shopify Website Design Pricing</li>
                                        <li>Customized & Feature-rich Websites </li>
                                        <li>Beautifully crafted Shopify Designs</li>
                                    </ul>
                                    <div class="my-btn">
                                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#myModal">get started</a>
                                        <a href="javascript:;$zopim.livechat.window.toggle()">start live chat</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonial-sec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-11 col-lg-11 col-xl-11 col-xxl-11 px-0">
                    <div class="title">
                        <h2>Our Beloved Customers’ Reviews</h2>
                    </div>
                    <div class="testimonial-slide">
                        <div>
                            <div class="card">
                                <ul class="t-content">
                                    <li><img src="images/young-bussiness-woman.jpg" alt=""></li>
                                    <li>
                                        <h5>Emily Smith</h5>
                                        <p>2Software Developer</p>
                                        <ul class="rate">
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><img src="images/comma.png" alt=""></li>
                                </ul>
                                <p class="para">“I am surprised by the attention to detail Vista Website Studio incorporated into my website. Not only am I impressed by their Shopify website craft, but I also recommend it to every eCommerce business owner that I know.”</p>
                            </div>
                        </div>
                        <div>
                            <div class="card">
                                <ul class="t-content">
                                    <li><img src="images/morris_carter.jpg" alt=""></li>
                                    <li>
                                        <h5>Morris Carter</h5>
                                        <p>Filmmaker</p>
                                        <ul class="rate">
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><img src="images/comma.png" alt=""></li>
                                </ul>
                                <p class="para">“Vista Website Studio have outdone themselves with the quality and integrity of the Shopify website they made for me. My website traffic has increased significantly and my eCommerce business flourishes due to their dedicated efforts.”</p>
                            </div>
                        </div>
                        <div>
                            <div class="card">
                                <ul class="t-content">
                                    <li><img src="images/brian_smith.jpg" alt=""></li>
                                    <li>
                                        <h5>Brian Smith</h5>
                                        <p>Zoologist</p>
                                        <ul class="rate">
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><img src="images/comma.png" alt=""></li>
                                </ul>
                                <p class="para">“Ever since I got to experience working with Vista Website Studio, I have been relieved from a big hassle. Thank You for your expert take on Shopify web development. I look up to these guys whenever I need web design and development.”</p>
                            </div>
                        </div>
                        <div>
                            <div class="card">
                                <ul class="t-content">
                                    <li><img src="images/young-bussiness-woman.jpg" alt=""></li>
                                    <li>
                                        <h5>Emily Smith</h5>
                                        <p>2Software Developer</p>
                                        <ul class="rate">
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                            <li><a href="javascript:;"><i class="fa-solid fa-star"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><img src="images/comma.png" alt=""></li>
                                </ul>
                                <p class="para">“I am surprised by the attention to detail Vista Website Studio incorporated into my website. Not only am I impressed by their Shopify website craft, but I also recommend it to every eCommerce business owner that I know.”</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    

    <!-- section contact-us start-->
    <section class="contact-sec">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-11 col-xl-11 col-xxl-11">
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                        </div>
                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                            <div class="contact-heading">
                                <h2>Let's Chat and Get Started</h2>
                                <h4>Send us a Message</h4>
                            </div>
                            <div class="contact-form">
                                <form action="sendmail.php" method="POST" class="validate-popupform form-get-quote">
                                    <div class="row">
                                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                            <input type="name" name="name" class="form-control contact-input" placeholder="Name" required>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                            <input type="email" name="email" class="form-control contact-input" placeholder="Email" required>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                            <input type="tel" name="phone" class="form-control contact-input" placeholder="Phone" required>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                                               <select  class="form-select contact-input " aria-label="Default select example " name="budget " required>
                                 <option value="">Select your Budget</option>
                                <option value="Less then $500">Less than $500</option>
                                <option value="$500 - $1000">$500 - $1000</option>
                                <option value="$1000 - $2000">$1000 - $2000 </option>
                                 <option value="$2000 - $3000">$2000 - $3000 </option>
                                <option value="Above $3000">Above $3000</option>
                              </select>
                                        </div>
                                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                            <textarea name="message" class="form-control contact-input" rows="7" placeholder="Project Description" required></textarea>
                                        </div>
                                    </div>
                                    <div class="contact-btn">
                                        <input type="hidden" class="form-control" placeholder="Url" id="url" name="url" value="https://vistawebsitestudio.com/shopify-lp/">
                                        <input class="" type="hidden" name="reference" value="<?php echo $_SESSION["referal"]; ?>" />
                                        <input type="submit" value="Submit Now" class="webBtn"  class="custom-btn red-btn ct">
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- section contact-us end-->




</main>
<?php
include 'includes/footer.php';
$page = 'home';
?>
