https://www.varajuice.com/

Scan ID:
65711584-022b-41e0-8088-752c95f1ea31Finished
Submitted URL:
https://www.varajuice.com/
Report Finished:
LinkText
https://varajuice.com/
https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5Order NowOrder Now
https://varajuice.fillout.com/t/iWBR6x7KTausMessage Us
https://form.fillout.com/t/rapYamZA7DusFranchising Application
https://www.facebook.com/VARAJuice/
https://www.instagram.com/varajuice/?hl=en
https://www.tiktok.com/@varajuice?lang=enTiktok

JavaScript Variables · 26 found

NameType
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
fbqfunction
_fbqfunction
TiktokAnalyticsObjectstring
ttqobject

Console log messages · 1 found

TypeCategoryLog
warningother
URL
https://connect.facebook.net/en_US/fbevents.js
Text
Unrecognized feature: 'attribution-reporting'.

HTML

<!DOCTYPE html><html lang="en" class="hydrated"><head>
  <meta charset="UTF-8"><style data-styles="">ion-icon{visibility:hidden}.hydrated{visibility:inherit}</style>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- 
    - primary meta tags
  -->
  <title>VARA Juice - The Best Natural Smoothies and Juices</title>
  <meta name="title" content="VARA Juice - The Best Natural Smoothies and Juices">
  <meta name="description" content="Website for Vara Juice">
    <!-- Google tag (gtag.js) -->
<script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/static/identify_45dd5971.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/static/main.MWQ3ODVjY2ZhMQ.js" data-id="CQPDPLBC77U5M191GFKG"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=UA-233754734-1&amp;l=dataLayer&amp;cx=c&amp;gtm=45je4bk0v889389713za200"></script><script type="text/javascript" async="" src="https://analytics.tiktok.com/i18n/pixel/events.js?sdkid=CQPDPLBC77U5M191GFKG&amp;lib=ttq"></script><script src="https://connect.facebook.net/signals/config/586706318614834?v=2.9.176&amp;r=stable&amp;domain=www.varajuice.com&amp;hme=872f04a0547459b3285cb03b0d7a47bfde40628f4b386809918a621e2688602f&amp;ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C189%2C190%2C34%2C143%2C15%2C50%2C195%2C194%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-DQ969CCZTG"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

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

<!-- Meta Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '586706318614834');
  fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=586706318614834&ev=PageView&noscript=1"
  /></noscript>
  <!-- End Meta Pixel Code -->

<!-- TikTok Pixel Code Start -->
<script>
  !function (w, d, t) {
    w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
  var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
  ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  
  
    ttq.load('CQPDPLBC77U5M191GFKG');
    ttq.page();
  }(window, document, 'ttq');
  </script>
  <!-- TikTok Pixel Code End -->

  <!-- 
    - favicon
  -->
  <link rel="shortcut icon" href="static/Media/VARA_Logo.png" type="image/svg+xml">

  <!-- 
    - google font link
  -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&amp;family=Forum&amp;display=swap" rel="stylesheet">

  <!-- 
    - custom css link
  -->
  <link rel="stylesheet" href="/static/css/index.css">



<style>

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}


.fillout-embed-standard {
  /* This will take up the full size of whatever div you're inserting the
   * iframe into. That div will grow in size depending on how large theh
   * iframe is.*/
  width: 100%;
  height: 100%;
}

.fillout-embed-standard .fillout-embed-iframe-container {
  position: relative;
  transition: opacity .25s ease-in-out;
  width: 100%;
  height: 100%;
}

.fillout-embed-standard .fillout-embed-iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  border-radius: 10px;
}

.fillout-embed-standard .fillout-embed-loading {
  
  position: absolute;
  top: 50%;
  left: 50%;

  border: 6px solid #aaa;
  border-radius: 50%;
  border-top: 6px solid #fff;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;

  /* Important - e.g. Webflow applies a box sizing that messes this up */
  box-sizing: content-box;

}
</style></head>

<body id="top" class="loaded">

  <!-- 
    - #PRELOADER
  -->

  <div class="preload loaded" data-preaload="">
    <div class="circle"></div>
    <p class="text">VARA</p>
  </div>





  <!-- 
    - #TOP BAR
  -->
  <!-- 
  <div class="topbar">
    <div class="container">

      <address class="topbar-item">
        <div class="icon">
          <ion-icon name="location-outline" aria-hidden="true"></ion-icon>
        </div>

        <span class="span">
          Restaurant St, Delicious City, London 9578, UK
        </span>
      </address>

      <div class="separator"></div>

      <div class="topbar-item item-2">
        <div class="icon">
          <ion-icon name="time-outline" aria-hidden="true"></ion-icon>
        </div>

        <span class="span">Daily : 8.00 am to 10.00 pm</span>
      </div>

      <a href="tel:+11234567890" class="topbar-item link">
        <div class="icon">
          <ion-icon name="call-outline" aria-hidden="true"></ion-icon>
        </div>

        <span class="span">+1 123 456 7890</span>
      </a>

      <div class="separator"></div>

      <a href="mailto:[email protected]" class="topbar-item link">
        <div class="icon">
          <ion-icon name="mail-outline" aria-hidden="true"></ion-icon>
        </div>

        <span class="span">[email protected]</span>
      </a>

    </div>
  </div>


  -->


  <!-- 
    - #HEADER
  -->

  <header class="header" data-header="">
    <div class="container">

      <a href="https://varajuice.com/" class="logo">
        <img src="/static/Media/images/logo.png" width="160" height="50" alt="Vara - Home">
      </a>

      <nav class="navbar" data-navbar="">

        <button class="close-btn" aria-label="close menu" data-nav-toggler="">
          <ion-icon name="close-outline" aria-hidden="true" role="img" class="md hydrated"></ion-icon>
        </button>

        <a href="https://varajuice.com/" class="logo">
          <img src="/static/Media/images/logo.png" width="50" height="50" alt="Vara Juice">
        </a>

        <ul class="navbar-list">

          <li class="navbar-item">
            <a href="/franchise/" class="navbar-link hover-underline active">
              <div class="separator"></div>

              <span class="span">Franchising</span>
            </a>
          </li>

          <li class="navbar-item">
            <a href="/menu/" class="navbar-link hover-underline">
              <div class="separator"></div>

              <span class="span">Our Menus</span>
            </a>
          </li>

          <li class="navbar-item">
            <a href="/ourmission/" class="navbar-link hover-underline">
              <div class="separator"></div>

              <span class="span">Our Mission</span>
            </a>
          </li>

          <li class="navbar-item">
            <a href="/ourstory/" class="navbar-link hover-underline">
              <div class="separator"></div>

              <span class="span">Our Story</span>
            </a>
          </li>

          <li class="navbar-item">
            <a href="/feedback/" class="navbar-link hover-underline">
              <div class="separator"></div>

              <span class="span">Customer Reviews</span>
            </a>
          </li>

          <li class="navbar-item">
            <a href="/locations/" class="navbar-link hover-underline">
              <div class="separator"></div>

              <span class="span">Locations</span>
            </a>
          </li>

        </ul>

        <div class="text-center">
          <p class="headline-1 navbar-title">Vara Juice</p>

          <address class="body-4">
           3231 S Gulley Rd,  <br>
            Dearborn, MI
          </address>


          <a href="mailto:[email protected]" class="body-4 sidebar-link">[email protected]</a>

          <div class="separator"></div>


        </div>

      </nav>

      <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn btn-secondary">
        <span class="text text-1">Order Now</span>

        <span class="text text-2" aria-hidden="true">Order Now</span>
      </a>

      <button class="nav-open-btn" aria-label="open menu" data-nav-toggler="">
        <span class="line line-1"></span>
        <span class="line line-2"></span>
        <span class="line line-3"></span>
      </button>

      <div class="overlay" data-nav-toggler="" data-overlay=""></div>

    </div>
  </header>





  <main>
    <article>

      <!-- 
        - #HERO
      -->

      <section class="hero text-center" aria-label="home" id="home">

        <ul class="hero-slider" data-hero-slider="">

          <li class="slider-item active" data-hero-slider-item="">

            <div class="slider-bg">
              <video autoplay="autoplay" loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" class="img-cover">
                <source src="/static/Media/classicvid.mp4" type="video/mp4">
                </video>
                          </div>

            <p class="label-2 section-subtitle slider-reveal">Naturally Delicious</p>

            <h1 class="display-1 hero-title slider-reveal">
                100% Naturally Derived <br>
                Ingredients
            </h1>

            <p class="body-2 hero-text slider-reveal">
            </p>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn btn-primary slider-reveal">
              <span class="text text-1">Order Now</span>

              <span class="text text-2" aria-hidden="true">Order Now</span>
            </a>

          </li>

          <li class="slider-item" data-hero-slider-item="">

            <div class="slider-bg">
           
              <video autoplay="autoplay" loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" class="img-cover">
                <source src="/static/Media/classicvid.mp4" type="video/mp4">
                </video>
            </div>

            <p class="label-2 section-subtitle slider-reveal">Order Now</p>

            <h1 class="display-1 hero-title slider-reveal">
              Made To Order<br>
             Without Shortcuts.
            </h1>

            <p class="body-2 hero-text slider-reveal">
            </p>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn btn-primary slider-reveal">
              <span class="text text-1">Order Now</span>

              <span class="text text-2" aria-hidden="true">Order Now</span>
            </a>

          </li>

          <li class="slider-item" data-hero-slider-item="">

            <div class="slider-bg">
              <video autoplay="autoplay" loop="loop" muted="" defaultmuted="" playsinline="" oncontextmenu="return false;" preload="auto" class="img-cover">
                <source src="/static/Media/classicvid.mp4" type="video/mp4">
                </video>
                          </div>

            <p class="label-2 section-subtitle slider-reveal">amazing &amp; delicious</p>

            <h1 class="display-1 hero-title slider-reveal">
              Where every flavor <br>
              is a new experience.
            </h1>

            <p class="body-2 hero-text slider-reveal">
            </p>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn btn-primary slider-reveal">
              <span class="text text-1">Order Now</span>

              <span class="text text-2" aria-hidden="true">Order Now</span>
            </a>

          </li>

        </ul>

        <button class="slider-btn prev" aria-label="slide to previous" data-prev-btn="">
          <ion-icon name="chevron-back" role="img" class="md hydrated" aria-label="chevron back"></ion-icon>
        </button>

        <button class="slider-btn next" aria-label="slide to next" data-next-btn="">
          <ion-icon name="chevron-forward" role="img" class="md hydrated" aria-label="chevron forward"></ion-icon>
        </button>

        <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="hero-btn has-after">
          <img src="/static/Media/images/hero-icon.svg" width="48" height="48" alt="booking icon">

          <span class="label-2 text-center span">Find a VARA</span>
        </a>

      </section>



      <!-- 
        - #NOV
      -->
      <section>
        <div>
          <img style="max-width: 100%; margin: auto;" src="/static/Media/nov1.png" alt="November Special">

        </div>
      </section>

            <!-- 
        - #NOV
      -->

      <!-- 
        - #SERVICE
      -->

      <section class="section service bg-black-10 text-center" aria-label="service">
        <div class="container">

          <p class="section-subtitle label-2">Quality is Non-negotiable</p>

          <h2 class="headline-1 section-title">Nutrition Is Our Mission.</h2>

          <p class="section-text">
            At Vara, we use only the best 100% naturally derived ingredients for our smoothies, drinks, fruit salads, and acai bowls.
          </p>

          <ul class="grid-list">

            <li>
              <div class="service-card">

                <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="has-before hover:shine">
                  <figure class="card-banner img-holder" style="--width: 315; --height: 336;">
                    <img src="/static/Media/images/itembowls.png" width="315" height="336" loading="lazy" alt="Breakfast" class="img-cover">
                  </figure>
                </a>

                <div class="card-content">

                  <h3 class="title-4 card-title">
                    <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5">Acai Bowls</a>
                  </h3>

                  <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn-text hover-underline label-2">Order Now</a>

                </div>

              </div>
            </li>

            <li>
              <div class="service-card">

                <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="has-before hover:shine">
                  <figure class="card-banner img-holder" style="--width: 285; --height: 336;">
                    <img src="/static/Media/images/smoothies1.png" width="285" height="336" loading="lazy" alt="Appetizers" class="img-cover">
                  </figure>
                </a>

                <div class="card-content">

                  <h3 class="title-4 card-title">
                    <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5">Fresh Smooothies</a>
                  </h3>

                  <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn-text hover-underline label-2">Order Now</a>

                </div>

              </div>
            </li>

            <li>
              <div class="service-card">

                <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="has-before hover:shine">
                  <figure class="card-banner img-holder" style="--width: 315; --height: 336;">
                    <img src="/static/Media/images/itemjuices.png" width="315" height="336" loading="lazy" alt="Drinks" class="img-cover">
                  </figure>
                </a>

                <div class="card-content">

                  <h3 class="title-4 card-title">
                    <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5">Fresh Juices</a>
                  </h3>

                  <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn-text hover-underline label-2">Order Now</a>

                </div>

              </div>
            </li>

          </ul>

          <img src="/static/Media/images/shape-2.png" width="246" height="412" loading="lazy" alt="shape" class="shape shape-2 move-anim">
          <img src="/static/Media/images/shape-1.png" width="343" height="345" loading="lazy" alt="shape" class="shape shape-1 move-anim">

        </div>
      </section>





      <!-- 
        - #ABOUT
      -->

      <section class="section about text-center" aria-labelledby="about-label" id="about">
        <div class="container">

          <div class="about-content">

            <p class="label-2 section-subtitle" id="about-label">Vara Layers</p>

            <h2 class="headline-1 section-title">Every Layer Tells a Story</h2>

            <p class="section-text">
             One of the things that makes Vara unique is its signature layered Vara Smoothie. With a layer of delicious authentic ice cream, a layer of strawberries, a layer of avacados and a final layer of mangoes. 
             This blend creates a delicious taste that is completely unparalleled. Many of our smoothies come in layers for the ultimate Vara experience. 
            </p>

            <div class="contact-label"></div>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="body-1 contact-number hover-underline">Discover Vara Today!</a>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn btn-primary">
              <span class="text text-1">Order Now</span>

              <span class="text text-2" aria-hidden="true">Order Now</span>
            </a>

          </div>

          <figure class="about-banner">

            <img src="/static/Media/story3.PNG" width="870" height="870" loading="lazy" alt="about banner" class="w-100" data-parallax-item="" data-parallax-speed="1">

            <div class="abs-img abs-img-1 has-before" data-parallax-item="" data-parallax-speed="1.75">
              <img src="/static/Media/images/cust1.PNG" width="285" height="285" loading="lazy" alt="" class="w-100">
            </div>

            <div class="abs-img abs-img-2 has-before">
              <img src="/static/Media/images/badge-2.png" width="133" height="134" loading="lazy" alt="">
            </div>

          </figure>

          <img src="/static/Media/images/shape-3.png" width="197" height="194" loading="lazy" alt="" class="shape">

        </div>
      </section>





      <!-- 
        - #SPECIAL DISH
      -->
         <!-- 

      <section class="special-dish text-center" aria-labelledby="dish-label">

        <div class="special-dish-banner">
          <img src="/static/Media/images/frsalad.jpg" width="940" height="900" loading="lazy" alt="special dish"
            class="img-cover">
        </div>

        <div class="special-dish-content bg-black-10">
          <div class="container">

            <img src="/static/Media/images/badge-1.png" width="28" height="41" loading="lazy" alt="badge" class="abs-img">

            <p class="section-subtitle label-2">Special Dish</p>

            <h2 class="headline-1 section-title">Lobster Tortellini</h2>

            <p class="section-text">
              Lorem Ipsum is simply dummy text of the printingand typesetting industry lorem Ipsum has been the
              industrys standard dummy text ever since the when an unknown printer took a galley of type.
            </p>

            <div class="wrapper">
              <del class="del body-3">$40.00</del>

              <span class="span body-1">$20.00</span>
            </div>

            <a href="#" class="btn btn-primary">
              <span class="text text-1">View All Menu</span>

              <span class="text text-2" aria-hidden="true">View All Menu</span>
            </a>

          </div>
        </div>

        <img src="/static/Media/images/shape-4.png" width="179" height="359" loading="lazy" alt="" class="shape shape-1">

        <img src="/static/Media/images/shape-9.png" width="351" height="462" loading="lazy" alt="" class="shape shape-2">

      </section>

   -->



      <!-- 
        - #MENU
      -->
 <!-- 
      <section class="section menu" aria-label="menu-label" id="menu">
        <div class="container">

          <p class="section-subtitle text-center label-2">Special Selection</p>

          <h2 class="headline-1 section-title text-center">Delicious Menu</h2>

          <ul class="grid-list">

            <li>
              <div class="menu-card hover:card">

                <figure class="card-banner img-holder" style="--width: 100; --height: 100;">
                  <img src="/static/Media/images/menu-1.png" width="100" height="100" loading="lazy" alt="Greek Salad"
                    class="img-cover">
                </figure>

                <div>

                  <div class="title-wrapper">
                    <h3 class="title-3">
                      <a href="#" class="card-title">Greek Salad</a>
                    </h3>

                    <span class="badge label-1">Seasonal</span>

                    <span class="span title-2">$25.50</span>
                  </div>

                  <p class="card-text label-1">
                    Tomatoes, green bell pepper, sliced cucumber onion, olives, and feta cheese.
                  </p>

                </div>

              </div>
            </li>

            <li>
              <div class="menu-card hover:card">

                <figure class="card-banner img-holder" style="--width: 100; --height: 100;">
                  <img src="/static/Media/images/menu-2.png" width="100" height="100" loading="lazy" alt="Lasagne"
                    class="img-cover">
                </figure>

                <div>

                  <div class="title-wrapper">
                    <h3 class="title-3">
                      <a href="#" class="card-title">Lasagne</a>
                    </h3>

                    <span class="span title-2">$40.00</span>
                  </div>

                  <p class="card-text label-1">
                    Vegetables, cheeses, ground meats, tomato sauce, seasonings and spices
                  </p>

                </div>

              </div>
            </li>

            <li>
              <div class="menu-card hover:card">

                <figure class="card-banner img-holder" style="--width: 100; --height: 100;">
                  <img src="/static/Media/images/menu-3.png" width="100" height="100" loading="lazy" alt="Butternut Pumpkin"
                    class="img-cover">
                </figure>

                <div>

                  <div class="title-wrapper">
                    <h3 class="title-3">
                      <a href="#" class="card-title">Butternut Pumpkin</a>
                    </h3>

                    <span class="span title-2">$10.00</span>
                  </div>

                  <p class="card-text label-1">
                    Typesetting industry lorem Lorem Ipsum is simply dummy text of the priand.
                  </p>

                </div>

              </div>
            </li>

            <li>
              <div class="menu-card hover:card">

                <figure class="card-banner img-holder" style="--width: 100; --height: 100;">
                  <img src="/static/Media/images/menu-4.png" width="100" height="100" loading="lazy" alt="Tokusen Wagyu"
                    class="img-cover">
                </figure>

                <div>

                  <div class="title-wrapper">
                    <h3 class="title-3">
                      <a href="#" class="card-title">Tokusen Wagyu</a>
                    </h3>

                    <span class="badge label-1">New</span>

                    <span class="span title-2">$39.00</span>
                  </div>

                  <p class="card-text label-1">
                    Vegetables, cheeses, ground meats, tomato sauce, seasonings and spices.
                  </p>

                </div>

              </div>
            </li>

            <li>
              <div class="menu-card hover:card">

                <figure class="card-banner img-holder" style="--width: 100; --height: 100;">
                  <img src="/static/Media/images/menu-5.png" width="100" height="100" loading="lazy" alt="Olivas Rellenas"
                    class="img-cover">
                </figure>

                <div>

                  <div class="title-wrapper">
                    <h3 class="title-3">
                      <a href="#" class="card-title">Olivas Rellenas</a>
                    </h3>

                    <span class="span title-2">$25.00</span>
                  </div>

                  <p class="card-text label-1">
                    Avocados with crab meat, red onion, crab salad stuffed red bell pepper and green bell pepper.
                  </p>

                </div>

              </div>
            </li>

            <li>
              <div class="menu-card hover:card">

                <figure class="card-banner img-holder" style="--width: 100; --height: 100;">
                  <img src="/static/Media/images/menu-6.png" width="100" height="100" loading="lazy" alt="Opu Fish"
                    class="img-cover">
                </figure>

                <div>

                  <div class="title-wrapper">
                    <h3 class="title-3">
                      <a href="#" class="card-title">Opu Fish</a>
                    </h3>

                    <span class="span title-2">$49.00</span>
                  </div>

                  <p class="card-text label-1">
                    Vegetables, cheeses, ground meats, tomato sauce, seasonings and spices
                  </p>

                </div>

              </div>
            </li>

          </ul>

          <p class="menu-text text-center">
            During winter daily from <span class="span">7:00 pm</span> to <span class="span">9:00 pm</span>
          </p>

          <a href="#" class="btn btn-primary">
            <span class="text text-1">View All Menu</span>

            <span class="text text-2" aria-hidden="true">View All Menu</span>
          </a>

          <img src="/static/Media/images/shape-5.png" width="921" height="1036" loading="lazy" alt="shape"
            class="shape shape-2 move-anim">
          <img src="/static/Media/images/shape-6.png" width="343" height="345" loading="lazy" alt="shape"
            class="shape shape-3 move-anim">

        </div>
      </section>


-->


      <!-- 
        - #TESTIMONIALS
      -->

      <section class="section testi text-center has-bg-image" style="background-image: url('/static/Media/images/testimonial-bg.png')" aria-label="testimonials">
        <div class="container">

          <div class="quote">”</div>

          <p class="headline-2 testi-text">
            So many options to pick from! The juices are high quality and taste extremely fresh. Not to mention, the inside of the store is beautiful. 
            The employees are extremely friendly and welcoming. If you’re in need of a refreshing juice, Vara is the place to go :)
          </p>

          <div class="wrapper">
            <div class="separator"></div>
            <div class="separator"></div>
            <div class="separator"></div>
          </div>

          <div class="profile">
            <img src="/static/Media/images/reviews1.jpg" width="100" height="100" loading="lazy" alt="Sam Jhonson" class="img">

            <p class="label-2 profile-name">Sarah</p>

  
          </div>
          


        </div>
        <div class="contact-label"></div>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="body-1 contact-number hover-underline" style="color: white; font-size: 3.6rem;"><br>Order Now</a>



          

      </section>





      <!-- 
        - #RESERVATION
      -->
  <!-- 
      <section class="reservation">
        <div class="container">

          <div class="form reservation-form bg-black-10">

            <form action="" class="form-left">

              <h2 class="headline-1 text-center">Online Reservation</h2>

              <p class="form-text text-center">
                Booking request <a href="tel:+88123123456" class="link">+88-123-123456</a>
                or fill out the order form
              </p>

              <div class="input-wrapper">
                <input type="text" name="name" placeholder="Your Name" autocomplete="off" class="input-field">

                <input type="tel" name="phone" placeholder="Phone Number" autocomplete="off" class="input-field">
              </div>

              <div class="input-wrapper">

                <div class="icon-wrapper">
                  <ion-icon name="person-outline" aria-hidden="true"></ion-icon>

                  <select name="person" class="input-field">
                    <option value="1-person">1 Person</option>
                    <option value="2-person">2 Person</option>
                    <option value="3-person">3 Person</option>
                    <option value="4-person">4 Person</option>
                    <option value="5-person">5 Person</option>
                    <option value="6-person">6 Person</option>
                    <option value="7-person">7 Person</option>
                  </select>

                  <ion-icon name="chevron-down" aria-hidden="true"></ion-icon>
                </div>

                <div class="icon-wrapper">
                  <ion-icon name="calendar-clear-outline" aria-hidden="true"></ion-icon>

                  <input type="date" name="reservation-date" class="input-field">

                  <ion-icon name="chevron-down" aria-hidden="true"></ion-icon>
                </div>

                <div class="icon-wrapper">
                  <ion-icon name="time-outline" aria-hidden="true"></ion-icon>

                  <select name="person" class="input-field">
                    <option value="08:00am">08 : 00 am</option>
                    <option value="09:00am">09 : 00 am</option>
                    <option value="010:00am">10 : 00 am</option>
                    <option value="011:00am">11 : 00 am</option>
                    <option value="012:00am">12 : 00 am</option>
                    <option value="01:00pm">01 : 00 pm</option>
                    <option value="02:00pm">02 : 00 pm</option>
                    <option value="03:00pm">03 : 00 pm</option>
                    <option value="04:00pm">04 : 00 pm</option>
                    <option value="05:00pm">05 : 00 pm</option>
                    <option value="06:00pm">06 : 00 pm</option>
                    <option value="07:00pm">07 : 00 pm</option>
                    <option value="08:00pm">08 : 00 pm</option>
                    <option value="09:00pm">09 : 00 pm</option>
                    <option value="10:00pm">10 : 00 pm</option>
                  </select>

                  <ion-icon name="chevron-down" aria-hidden="true"></ion-icon>
                </div>

              </div>

              <textarea name="message" placeholder="Message" autocomplete="off" class="input-field"></textarea>

              <button type="submit" class="btn btn-secondary">
                <span class="text text-1">Book A Table</span>

                <span class="text text-2" aria-hidden="true">Book A Table</span>
              </button>

            </form>

            <div class="form-right text-center" style="background-image: url('/static/Media/images/form-pattern.png')">

              <h2 class="headline-1 text-center">Contact Us</h2>

              <p class="contact-label">Booking Request</p>

              <a href="tel:+88123123456" class="body-1 contact-number hover-underline">+88-123-123456</a>

              <div class="separator"></div>

              <p class="contact-label">Location</p>

              <address class="body-4">
                Restaurant St, Delicious City, <br>
                London 9578, UK
              </address>

              <p class="contact-label">Lunch Time</p>

              <p class="body-4">
                Monday to Sunday <br>
                11.00 am - 2.30pm
              </p>

              <p class="contact-label">Dinner Time</p>

              <p class="body-4">
                Monday to Sunday <br>
                05.00 pm - 10.00pm
              </p>

            </div>

          </div>

        </div>
      </section>

      
   -->



      <!-- 
        - #FEATURES
      -->

      <section class="section features text-center" aria-label="features">
        <div class="container">

          <p class="section-subtitle label-2">Why Choose Us</p>

          <h2 class="headline-1 section-title">The Vara Promise</h2>

          <ul class="grid-list">

            <li class="feature-item">
              <div class="feature-card">

                <div class="card-icon">
                  <img src="/static/Media/images/basket.png" width="100" height="80" loading="lazy" alt="icon">
                </div>

                <h3 class="title-2 card-title">Authentic Ingredients</h3>

                <p class="label-1 card-text">No powders, preservatives or artificial ingredients.. </p>

              </div>
            </li>

            <li class="feature-item">
              <div class="feature-card">

                <div class="card-icon">
                  <img src="/static/Media/images/natural.png" width="100" height="80" loading="lazy" alt="icon">
                </div>

                <h3 class="title-2 card-title">All Natural</h3>

                <p class="label-1 card-text">Our ingredients are 100% natural.</p>

              </div>
            </li>

            <li class="feature-item">
              <div class="feature-card">

                <div class="card-icon">
                  <img src="/static/Media/images/management.png" width="100" height="80" loading="lazy" alt="icon">
                </div>

                <h3 class="title-2 card-title">Customer First</h3>

                <p class="label-1 card-text">Our customers are our top priority and we make sure you will leave with a smile.</p>

              </div>
            </li>

            <li class="feature-item">
              <div class="feature-card">

                <div class="card-icon">
                  <img src="/static/Media/images/fresh.png" width="100" height="80" loading="lazy" alt="icon">
                </div>

                <h3 class="title-2 card-title">Made to Order</h3>

                <p class="label-1 card-text">Every order is made fresh. No Exception.</p>

              </div>
            </li>

          </ul>

          <img src="/static/Media/images/shape-7.png" width="208" height="178" loading="lazy" alt="shape" class="shape shape-1">

          <img src="/static/Media/images/shape-12.png" width="220" height="215" loading="lazy" alt="shape" class="shape shape-2">

        </div>
        <div class="contact-label"></div>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="body-1 contact-number hover-underline">Discover Vara Today!</a>

            <a href="https://order.toasttab.com/online/locations/c34734bd-c1bc-4d0b-90ff-25e73e26a836/bde03325-c35f-4874-a7f5-93b4a95df3b5" class="btn btn-primary" style=" left: 45%;">
              <span class="text text-1">Order Now</span>

              <span class="text text-2" aria-hidden="true">Order Now</span>
            </a>

          
      </section>



      <div class="subscribe">
        <div style="width: 100%; height: 500px; position: relative; transition: height 150ms ease 0s;" data-fillout-id="k5eQevCkgQus" data-fillout-embed-type="standard" data-fillout-inherit-parameters="" data-fillout-dynamic-resize="" data-fillout-initialized="true"><div class="fillout-embed-standard" style="opacity: 1;"><div class="fillout-embed-loading" style="display: none;"></div><div class="fillout-embed-iframe-container" style="opacity: 1;"><iframe src="https://embed.fillout.com/t/k5eQevCkgQus?fillout-embed-id=87198318050926&amp;fillout-embed-type=standard&amp;fillout-embed-parent-page=https%3A%2F%2Fwww.varajuice.com%2F&amp;fillout-embed-dynamic-resize=true" allow="microphone; camera; geolocation" title="k5eQevCkgQus" style="border: 0px;"></iframe></div></div></div><script src="https://server.fillout.com/embed/v1/"></script>
  
          <!--
          <h2 class="subscribe__title">Let's keep in touch</h2>
          <p class="subscribe__copy">Subscribe to keep up with fresh news and exciting updates. We promise not to spam you!</p>
          <div style="width:100%;height:500px;" data-fillout-id="k5eQevCkgQus" data-fillout-embed-type="standard" data-fillout-inherit-parameters data-fillout-dynamic-resize></div><script src="https://server.fillout.com/embed/v1/"></script>
         
        <div class="form">
              <input type="email" class="form__email" placeholder="Enter your email address" />
              <button class="form__button">Send</button>
          </div>
          -->
  
      </div>




      <!-- 
        - #EVENT
      -->
  <!-- 
      <section class="section event bg-black-10" aria-label="event">
        <div class="container">

          <p class="section-subtitle label-2 text-center">Recent Updates</p>

          <h2 class="section-title headline-1 text-center">Upcoming Event</h2>

          <ul class="grid-list">

            <li>
              <div class="event-card has-before hover:shine">

                <div class="card-banner img-holder" style="--width: 350; --height: 450;">
                  <img src="/static/Media/images/event-1.jpg" width="350" height="450" loading="lazy"
                    alt="Flavour so good you’ll try to eat with your eyes." class="img-cover">

                  <time class="publish-date label-2" datetime="2022-09-15">15/09/2022</time>
                </div>

                <div class="card-content">
                  <p class="card-subtitle label-2 text-center">Food, Flavour</p>

                  <h3 class="card-title title-2 text-center">
                    Flavour so good you’ll try to eat with your eyes.
                  </h3>
                </div>

              </div>
            </li>

            <li>
              <div class="event-card has-before hover:shine">

                <div class="card-banner img-holder" style="--width: 350; --height: 450;">
                  <img src="/static/Media/images/event-2.jpg" width="350" height="450" loading="lazy"
                    alt="Flavour so good you’ll try to eat with your eyes." class="img-cover">

                  <time class="publish-date label-2" datetime="2022-09-08">08/09/2022</time>
                </div>

                <div class="card-content">
                  <p class="card-subtitle label-2 text-center">Healthy Food</p>

                  <h3 class="card-title title-2 text-center">
                    Flavour so good you’ll try to eat with your eyes.
                  </h3>
                </div>

              </div>
            </li>

            <li>
              <div class="event-card has-before hover:shine">

                <div class="card-banner img-holder" style="--width: 350; --height: 450;">
                  <img src="/static/Media/images/event-3.jpg" width="350" height="450" loading="lazy"
                    alt="Flavour so good you’ll try to eat with your eyes." class="img-cover">

                  <time class="publish-date label-2" datetime="2022-09-03">03/09/2022</time>
                </div>

                <div class="card-content">
                  <p class="card-subtitle label-2 text-center">Recipie</p>

                  <h3 class="card-title title-2 text-center">
                    Flavour so good you’ll try to eat with your eyes.
                  </h3>
                </div>

              </div>
            </li>

          </ul>

          <a href="#" class="btn btn-primary">
            <span class="text text-1">View Our Blog</span>

            <span class="text text-2" aria-hidden="true">View Our Blog</span>
          </a>

        </div>
      </section>

    </article>
  </main>


  -->



  <!-- 
    - #FOOTER
  -->

  <footer class="footer section has-bg-image text-center" style="background-image: url('/static/Media/images/footer-bg.png')">
    <div class="container">

      <div class="footer-top grid-list">
        
        <!-- 

        <div class="footer-brand has-before has-after">

          <a href="#" class="logo">
            <img src="/static/Media/images/logo.svg" width="160" height="50" loading="lazy" alt="grilli home">
          </a>
          

          <address class="body-4">
            Restaurant St, Delicious City, London 9578, UK
          </address>

          <a href="mailto:[email protected]" class="body-4 contact-link">[email protected]</a>

          <a href="tel:+88123123456" class="body-4 contact-link">Booking Request : +88-123-123456</a>

          <p class="body-4">
            Open : 09:00 am - 01:00 pm
          </p>

          <div class="wrapper">
            <div class="separator"></div>
            <div class="separator"></div>
            <div class="separator"></div>
          </div>

          <p class="title-1">Get News & Offers</p>

          <p class="label-1">
            Subscribe us & Get <span class="span">25% Off.</span>
          </p>

          <form action="" class="input-wrapper">
            <div class="icon-wrapper">
              <ion-icon name="mail-outline" aria-hidden="true"></ion-icon>

              <input type="email" name="email_address" placeholder="Your email" autocomplete="off" class="input-field">
            </div>

            <button type="submit" class="btn btn-secondary">
              <span class="text text-1">Subscribe</span>

              <span class="text text-2" aria-hidden="true">Subscribe</span>
            </button>
          </form>

        </div>
         -->


        <ul class="footer-list">

          <li>
            <a href="/ourstory/" class="label-2 footer-link hover-underline">Our Story</a>
          </li>

          <li>
            <a href="https://varajuice.fillout.com/t/iWBR6x7KTaus" class="label-2 footer-link hover-underline">Message Us</a>
          </li>

          <li>
            <a href="/privacypolicy/" class="label-2 footer-link hover-underline">Privacy Policy</a>
          </li>

          <li>
            <a href="/locations/" class="label-2 footer-link hover-underline">Locations</a>
          </li>

        </ul>
        <ul class="footer-list">

            <li>
              <a href="/jobs/" class="label-2 footer-link hover-underline">Jobs</a>
            </li>
  
            <li>
              <a href="/collaberate/" class="label-2 footer-link hover-underline">Collaborate</a>
            </li>
  
            <li>
              <a href="https://form.fillout.com/t/rapYamZA7Dus" class="label-2 footer-link hover-underline">Franchising Application</a>
            </li>
  
          </ul>

        <ul class="footer-list">
 
          <li>
            <a href="https://www.facebook.com/VARAJuice/">
                <svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
                  </svg>
                </a>
          </li>

          <li>
            <a href="https://www.instagram.com/varajuice/?hl=en">
                <svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
                    <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path>
                  </svg>
                </a>          </li>

          <li>
            <a href="https://www.tiktok.com/@varajuice?lang=en">
                <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <title>Tiktok</title>
                  <g id="Icon/Social/tiktok-color" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <g id="Group-7" transform="translate(8.000000, 6.000000)">
                          <path d="M29.5248245,9.44576327 C28.0821306,9.0460898 26.7616408,8.29376327 25.6826204,7.25637551 C25.5109469,7.09719184 25.3493143,6.92821224 25.1928245,6.75433469 C23.9066204,5.27833469 23.209151,3.38037551 23.2336408,1.42290612 L17.3560898,1.42290612 L17.3560898,23.7086204 C17.3560898,27.7935184 15.1520082,29.9535184 12.416498,29.9535184 C11.694049,29.9611102 10.9789469,29.8107429 10.3213959,29.5124571 C9.6636,29.2144163 9.07951837,28.7758041 8.60955918,28.2272327 C8.1398449,27.6789061 7.79551837,27.0340898 7.60180408,26.3385796 C7.4078449,25.6430694 7.36890612,24.9132735 7.48743673,24.2008653 C7.60596735,23.4884571 7.87902857,22.8105796 8.28751837,22.2154776 C8.69625306,21.6198857 9.23037551,21.1212735 9.85241633,20.7546612 C10.474702,20.3878041 11.1694776,20.1617633 11.8882531,20.0924571 C12.6070286,20.023151 13.3324163,20.1122939 14.0129878,20.3535184 L14.0129878,14.3584163 C13.4889061,14.2430694 12.9530694,14.1862531 12.416498,14.1894367 L12.3917633,14.1894367 C10.2542939,14.1943347 8.16604898,14.8325388 6.39127347,16.0234776 C4.61649796,17.2149061 3.23429388,18.9051918 2.41976327,20.8812735 C1.60523265,22.8578449 1.39486531,25.0310694 1.8151102,27.1269061 C2.2351102,29.2227429 3.2671102,31.1469061 4.78033469,32.6564571 C6.29380408,34.1660082 8.22066122,35.1933551 10.3174776,35.6082122 C12.4142939,36.0230694 14.5870286,35.8073143 16.561151,34.9878857 C18.5355184,34.1682122 20.2226204,32.7820898 21.409151,31.0041306 C22.5959265,29.2264163 23.2289878,27.136702 23.228498,24.9992327 L23.228498,12.8155592 C25.5036,14.392702 28.2244163,15.134498 31.1289061,15.1886204 L31.1289061,9.68551837 C30.5869469,9.66568163 30.049151,9.5851102 29.5248245,9.44576327" id="Fill-1" fill="#FE2C55"></path>
                          <path d="M25.195102,6.75428571 C24.7946939,6.47510204 24.4148571,6.1675102 24.0587755,5.83346939 C22.8210612,4.66016327 22.0062857,3.11020408 21.7420408,1.42530612 C21.6622041,0.954367347 21.6220408,0.47755102 21.6220408,0 L15.7444898,0 L15.7444898,22.6408163 C15.7444898,27.5069388 13.5404082,28.5183673 10.804898,28.5183673 C10.0829388,28.5262041 9.36783673,28.3758367 8.71028571,28.0773061 C8.0524898,27.7792653 7.46791837,27.3406531 6.99820408,26.7920816 C6.5282449,26.2437551 6.18440816,25.5989388 5.99044898,24.9034286 C5.7964898,24.2079184 5.75755102,23.4781224 5.87583673,22.7657143 C5.99461224,22.053551 6.26767347,21.3756735 6.67640816,20.7800816 C7.08489796,20.1847347 7.61902041,19.6861224 8.24106122,19.3195102 C8.86334694,18.952898 9.55787755,18.7266122 10.276898,18.6573061 C10.9959184,18.588 11.7208163,18.6773878 12.4016327,18.9183673 L12.4016327,12.9328163 C5.40489796,11.8236735 0,17.4783673 0,23.5760816 C0.00465306122,26.4426122 1.14514286,29.1898776 3.17191837,31.216898 C5.19869388,33.2434286 7.94595918,34.3839184 10.8124898,34.3885714 C16.7730612,34.3885714 21.6220408,30.7444898 21.6220408,23.5760816 L21.6220408,11.3924082 C23.8995918,12.9795918 26.6204082,13.7142857 29.524898,13.7632653 L29.524898,8.26040816 C27.9658776,8.18914286 26.4617143,7.66604082 25.195102,6.75428571" id="Fill-3" fill="#25F4EE"></path>
                          <path d="M21.6220653,23.5764245 L21.6220653,11.392751 C23.8996163,12.9794449 26.6204327,13.7141388 29.5251673,13.7633633 L29.5251673,9.44581224 C28.0822286,9.04613878 26.7617388,8.29381224 25.6824735,7.25617959 C25.5110449,7.09724082 25.3494122,6.92826122 25.1926776,6.75438367 C24.7922694,6.4752 24.4126776,6.16736327 24.056351,5.83356735 C22.8186367,4.66026122 22.0041061,3.11030204 21.7396163,1.42540408 L17.3730857,1.42540408 L17.3730857,23.7111184 C17.3730857,27.7957714 15.1690041,29.9560163 12.4334939,29.9560163 C11.6569224,29.9538122 10.8918612,29.7681796 10.2005143,29.414302 C9.50941224,29.0601796 8.91186122,28.5476082 8.45635102,27.9182204 C7.49071837,27.3946286 6.72712653,26.5636898 6.2865551,25.5571592 C5.84573878,24.5508735 5.75341224,23.4260571 6.02377959,22.3609959 C6.29390204,21.2959347 6.91177959,20.3516082 7.77896327,19.6771592 C8.64639184,19.0027102 9.71365714,18.6365878 10.8122694,18.6365878 C11.3564327,18.6412408 11.8961878,18.7362612 12.4090041,18.9182204 L12.4090041,14.1894857 C10.304351,14.1921796 8.24647347,14.8093224 6.48786122,15.9657306 C4.72924898,17.1221388 3.3470449,18.7666286 2.51047347,20.6978939 C1.67390204,22.6291592 1.41969796,24.7627102 1.77896327,26.8362612 C2.13822857,28.9098122 3.09553469,30.8334857 4.53308571,32.3704653 C6.36271837,33.6848327 8.55945306,34.3906286 10.8122694,34.3884296 C16.7730857,34.3884296 21.6220653,30.7445878 21.6220653,23.5764245" id="Fill-5" fill="#000000"></path>
                      </g>
                  </g>
              </svg>
                </a>
          </li>



        </ul>

      </div>

      <div class="footer-bottom">

        <p class="copyright">
          © 2024 VARA JUICE. All Rights Reserved  
        </p>

      </div>

    </div>
  </footer>





  <!-- 
    - #BACK TO TOP
  -->

  <a href="#top" class="back-top-btn active" aria-label="back to top" data-back-top-btn="">
    <ion-icon name="chevron-up" aria-hidden="true" role="img" class="md hydrated"></ion-icon>
  </a>





  <!-- 
    - custom js link
  -->
  <script src="/static/js/script.js"></script>

  <!-- 
    - ionicon link
  -->
  <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule="" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>

<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{&quot;rayId&quot;:&quot;8e86372a0dab6669&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}},&quot;token&quot;:&quot;a40dad05348b4b3db4352182362c604c&quot;,&quot;b&quot;:1}" crossorigin="anonymous"></script>


</article></main></body></html>