{% assign ingredients_image = '' %}
{% capture ingredients_image %}{% picture direct-url pages/schedule-employee-category.png %}{% endcapture %}
{% assign hero_image = '' %}
{% capture hero_image %}{% picture open_graph industries/{{ page.i_hero_image }} %}{% endcapture %}
{% assign customer_experience = '' %}
{% capture customer_experience %}{% picture direct-url_900 industries/customer_experience.png %}{% endcapture %}
{% assign swift_efficient = '' %}
{% capture swift_efficient %}{% picture direct-url_1232 industries/swift_efficient.png %}{% endcapture %}
{% assign front_back = '' %}
{% capture front_back %}{% picture support-direct-url industries/front_back.png %}{% endcapture %}
<link preload rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<div class="industries-hero industries-container">
    <div class="industries-left">
        <div data-aos="fade-in" class="industries-hero-text"><span>INDUSTRIES</span>
            <h1>{{ page.t_industry_headline }}</h1>
            <h2>We understand the unique challenges faced by businesses in the {{ page.t_industry_lowered }} industry.
                That's why we have developed the most innovative and comprehensive software solution, tailored
                specifically to meet the needs of {{ page.t_industry_lowered }} establishments.</h2>
            <div class="scroll-down">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <div class="industries-right" style="background: url({{ hero_image }})">
    </div>
</div>
<div class="industries-ingredient industries-container">
    <h1 data-aos="fade-up">All the ingredients you need to run and grow.</h1>
    <img data-aos="fade-up" src="{{ ingredients_image }}" alt="All the ingredients you need to grow"/>
    <div data-aos="fade-up" class="industries-ingredient-text">
        <h2>Get up and running in minutes.</h2>
        <p>Our intuitive interface makes navigating our software a breeze, even for those with limited technical
            expertise. With a user-friendly design and straightforward features, you can quickly familiarize
            yourself with our software and start optimizing your operations without any hassle.
        </p>
    </div>
</div>
<div class="industries-feature-1 industries-container">
    <div class="industries-feature-container">
        <div data-aos="fade-right" class="industries-left">
            <div class="industries-feature-picture"><img
                    src="{{ customer_experience }}"
                    alt="Happy customers dining using best software"></div>
            <div class="industries-feature-text">
                <h2>Enhance customer experience.</h2>
                <p>Delight your customers at every touchpoint. Our software enables personalized ordering, seamless online reservations, and efficient table management.</p>
            </div>
        </div>
        <div data-aos="fade-right" data-aos-delay="100" class="industries-right">
            <div class="industries-feature-picture"><img src="{{ swift_efficient }}" alt="Tracking Inventory with best software"></div>
            <div class="industries-feature-text">
                <h2>Swift and efficient.</h2>
                <p>Instant insights into your business's performance. Monitor sales, track inventory, and identify trends in real-time.</p>
            </div>
        </div>
    </div>
</div>
<div class="industries-feature-2 industries-container">
    <div data-aos="fade-up" class="industries-feature-container2">
        <img src="{{ front_back }}" alt="Back of House and Front of House solutions"/>
        <div class="industries-feature2-container">
            <div class="industries-left">
                <div class="industries-feature-text">
                    <h2>We've got your back...</h2>
                    <p>
                        Track ingredient quantities, streamline vendor management to minimize waste, stay compliant with labor laws, and financial reporting. 
                    </p>
                </div>
            </div>
            <div class="industries-right">
                <div class="industries-feature-text">
                    <h2>And your front!</h2>
                    <p>Intuitive interface allows your staff to quickly and effortlessly navigate the software,
                        reducing training time and maximizing productivity.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="industries-hero industries-container">
    <div class="industries-left intro-video-background">
        <div data-title="Intro to Altametrics" data-video = "" data-videourl="/assets/videos/jebediahvideo.mp4" data-modal data-size="xl" class="play-button">&#9658;</div>
    </div>
    <div class="industries-right">
        <div data-aos="fade-in" class="industries-hero-text"><span>INTRO TO ALTAMETRICS</span>
            <h1>{{ page.t_intro_subheadline }}</h1>
        </div>
    </div>
</div>
<div class="industries-needs industries-container">
    {% assign industries-needs = '' %}
    {% capture industries-needs %}{% picture direct-url_2027 pages/industries-needs.png %}{% endcapture %}
    <img data-aos="fade-in" src="{{ industries-needs }}" alt="Altametrics software has everything you need">
    <div class="industries-needs-container">
        <div class="industries-left">
            <h1 data-aos="fade-in">{{ page.t_needs_headline }}</h1>
            <div data-aos="fade-in" class="industries-needs-item">
                <svg width="149" height="159" viewBox="0 0 149 159" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M14.8997 17.4464V132.094C14.8997 133.47 16.0122 134.586 17.383 134.586H48.871C50.8469 134.586 52.7418 135.374 54.1389 136.776C55.536 138.178 56.3209 140.08 56.3209 142.063C56.3209 144.046 55.536 145.948 54.1389 147.35C52.7418 148.752 50.8469 149.54 48.871 149.54H17.383C12.7727 149.54 8.3513 147.702 5.09136 144.43C1.83142 141.158 0 136.721 0 132.094V17.4464C0 7.81597 7.78758 0 17.383 0H101.815C111.41 0 119.198 7.81597 119.198 17.4464V94.5692C119.198 96.5523 118.413 98.4541 117.016 99.8563C115.619 101.258 113.724 102.046 111.748 102.046C109.772 102.046 107.877 101.258 106.48 99.8563C105.083 98.4541 104.298 96.5523 104.298 94.5692V17.4464C104.298 16.7854 104.036 16.1514 103.571 15.684C103.105 15.2166 102.473 14.954 101.815 14.954H17.383C16.7244 14.954 16.0927 15.2166 15.627 15.684C15.1613 16.1514 14.8997 16.7854 14.8997 17.4464ZM146.752 112.524L101.487 156.878C100.082 158.252 98.1929 159.015 96.2308 159C94.2687 158.985 92.3917 158.194 91.0074 156.798L71.7073 137.358C70.3939 135.938 69.6809 134.062 69.7186 132.125C69.7562 130.188 70.5416 128.341 71.9091 126.973C73.2767 125.606 75.1197 124.825 77.0498 124.794C78.98 124.764 80.8466 125.487 82.2563 126.81L96.3514 141.016L136.342 101.817C137.757 100.431 139.662 99.6668 141.639 99.6911C143.615 99.7154 145.501 100.527 146.881 101.947C148.262 103.366 149.024 105.278 148.999 107.262C148.975 109.246 148.167 111.139 146.752 112.524ZM37.2493 39.8774H81.9484C83.9242 39.8774 85.8191 40.6651 87.2162 42.0674C88.6133 43.4696 89.3982 45.3714 89.3982 47.3544C89.3982 49.3374 88.6133 51.2392 87.2162 52.6414C85.8191 54.0437 83.9242 54.8314 81.9484 54.8314H37.2493C35.2734 54.8314 33.3785 54.0437 31.9814 52.6414C30.5843 51.2392 29.7994 49.3374 29.7994 47.3544C29.7994 45.3714 30.5843 43.4696 31.9814 42.0674C33.3785 40.6651 35.2734 39.8774 37.2493 39.8774ZM29.7994 77.2624C29.7994 75.2794 30.5843 73.3776 31.9814 71.9754C33.3785 70.5732 35.2734 69.7854 37.2493 69.7854H57.1155C59.0914 69.7854 60.9863 70.5732 62.3834 71.9754C63.7805 73.3776 64.5654 75.2794 64.5654 77.2624C64.5654 79.2455 63.7805 81.1473 62.3834 82.5495C60.9863 83.9517 59.0914 84.7395 57.1155 84.7395H37.2493C35.2734 84.7395 33.3785 83.9517 31.9814 82.5495C30.5843 81.1473 29.7994 79.2455 29.7994 77.2624Z"
                        fill="#006AFF" />
                </svg>

                <h2>Improve inventory costs.</h2>
                <p>Automate inventory alerts, generate purchase orders, and analyze usage patterns to minimize waste,
                    control expenses, and ensure timely restocking.</p>
            </div>
            <div data-aos="fade-in" class="industries-needs-item">
                <svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M18.75 93.75V103.125H40.2469L9.375 133.997L16.0031 140.625L46.875 109.753V131.25H56.25V93.75H18.75ZM140.625 18.75H107.812V28.125H124.622L89.0625 63.6844L68.9391 43.5609C68.06 42.6822 66.868 42.1885 65.625 42.1885C64.382 42.1885 63.19 42.6822 62.3109 43.5609L37.5 68.3719L44.1281 75L65.625 53.5031L85.7484 73.6266C86.6275 74.5053 87.8195 74.999 89.0625 74.999C90.3055 74.999 91.4975 74.5053 92.3766 73.6266L131.25 34.7531V51.5625H140.625V18.75ZM75 131.25H140.625V140.625H75V131.25ZM9.375 9.375H18.75V75H9.375V9.375Z"
                        fill="#006AFF" />
                </svg>

                <h2>Stay on top with KPIs.</h2>
                <p> Offer detailed reporting and analytics capabilities to provide insights into key performance
                    indicators (KPIs) such as sales, revenue, customer preferences, and employee performance.</p>
            </div>
            <div data-aos="fade-in" class="industries-needs-item">
                <svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M45 120L75 97.125L105 120L93.75 82.875L123.75 61.5H87L75 22.5L63 61.5H26.25L56.25 82.875L45 120ZM75 150C64.625 150 54.875 148.03 45.75 144.09C36.625 140.15 28.6875 134.807 21.9375 128.062C15.1875 121.313 9.845 113.375 5.91 104.25C1.975 95.125 0.005 85.375 0 75C0 64.625 1.97 54.875 5.91 45.75C9.85 36.625 15.1925 28.6875 21.9375 21.9375C28.6875 15.1875 36.625 9.845 45.75 5.91C54.875 1.975 64.625 0.005 75 0C85.375 0 95.125 1.97 104.25 5.91C113.375 9.85 121.313 15.1925 128.062 21.9375C134.812 28.6875 140.157 36.625 144.097 45.75C148.037 54.875 150.005 64.625 150 75C150 85.375 148.03 95.125 144.09 104.25C140.15 113.375 134.807 121.313 128.062 128.062C121.313 134.812 113.375 140.157 104.25 144.097C95.125 148.037 85.375 150.005 75 150ZM75 135C91.75 135 105.937 129.187 117.562 117.562C129.187 105.937 135 91.75 135 75C135 58.25 129.187 44.0625 117.562 32.4375C105.937 20.8125 91.75 15 75 15C58.25 15 44.0625 20.8125 32.4375 32.4375C20.8125 44.0625 15 58.25 15 75C15 91.75 20.8125 105.937 32.4375 117.562C44.0625 129.187 58.25 135 75 135Z"
                        fill="#006AFF" />
                </svg>

                <h2>Keep customers coming back.</h2>
                <p>Capture customer data, track preferences, and create targeted marketing campaigns. Personalize
                    communication, offer loyalty programs, and gather feedback to enhance customer satisfaction and
                    foster repeat business for your {{ page.t_industry_lowered }}.

                </p>
            </div>
        </div>
        <div class="industries-right"></div>
    </div>
</div>
<div data-aos="fade-in"class="industries-container">
    <div class="industries-bg enterprise-info-headline">{{ page.t_customer_references }}</div>
    <div class="enterprise-info">
        {% for references in page.customer_references %}
        <div class="enterprise-info-item" data-toggle="modal" data-target="#reference_{{ forloop.index }}">
            <div class="enterprise-info-item-top"><img
                    src="{% picture direct-url_1064 sales/{{ references.i_reference_logo }}.png %}"
                    alt="{{ references.t_reference_name }}" /></div>
            <div class="enterprise-info-item-bottom">
                <div class="enterprise-info-title">{{ page.t_case_study }}: {{ references.t_reference_name }}</div>
                <div class="enterprise-info-description">{{ references.t_reference_study }}</div>
                <a href="javascript:void(0)" class="enterprise-info-button">{{ page.t_view_cta }}</a>
            </div>
        </div>
        <div class="modal fade custom-modal" id="reference_{{ forloop.index }}" role="dialog"
            aria-labelledby="reference_{{ forloop.index }}Label">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <iframe id="video"
                            src="https://www.youtube.com/embed/{{ references.p_reference_video_url }}&autoplay=1"
                            srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/embed/{{ references.p_reference_video_url }}?autoplay=1><img src=https://img.youtube.com/vi/{{ references.p_reference_video_url }}/hqdefault.jpg alt='{{ references.t_reference_name }}'><span>&#x25BA;</span></a>"
                            frameborder="0"
                            allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen title="{{ references.t_reference_name }}" loading="lazy"></iframe>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
<div class="industries-slider industries-container">
    <h1 data-aos="fade-in">You're in good company.</h1>
    <div data-aos="fade-in" class="industries-needs-container">
        <div class="marquee">
            <ul class="marquee-content">
                {% for item in page.logo_items %}
                {% assign companies_logo = '' %}
                {% capture companies_logo %}{% picture companies_logo companies/{{ item.i_logo }} %}{% endcapture %}
                <li><img src="{{ companies_logo }}" alt="{{ item.i_logo | remove: '.png' | replace: '-',' ' | replace: '_',' ' }} logo"/></li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
<div class="industries-form industries-container">
    <div class="industries-left">
        <h1>{{ page.t_footer_cta }}</h1>
        <div class="industries-pointer">
            <div class="industries-arrow">
              <div class="industries-curve"></div>
              <div class="industries-point"></div>
            </div>
          </div>         
        <ul class="mt-3">
            {% for item in page.footer_items %}
            <p><svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="none"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill="#ffffff" fill-rule="evenodd" d="M3 10a7 7 0 019.307-6.611 1 1 0 00.658-1.889 9 9 0 105.98 7.501 1 1 0 00-1.988.22A7 7 0 113 10zm14.75-5.338a1 1 0 00-1.5-1.324l-6.435 7.28-3.183-2.593a1 1 0 00-1.264 1.55l3.929 3.2a1 1 0 001.38-.113l7.072-8z"></path> </g></svg>{{ item.t_item }}</p>
            {% endfor %}
        </ul>
    </div>
    <div class="industries-right">
        <div class="industries-schedule">
            <div class="sales-schedule" id="sales-schedule">
                <div id="appointmentsDiv"> </div>
            </div>
        </div>
    </div>
</div>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
    AOS.init({
        once: true,
        duration: 1000,
        mirror: false
    });
    const marqueeElementsDisplayed = 9;
    const marqueeContent = document.querySelector("ul.marquee-content");
    for (let i = 0; i < marqueeElementsDisplayed; i++) {
        marqueeContent.appendChild(marqueeContent.children[i].cloneNode(true));
    }
</script>
<script type="text/javascript">
    if (typeof MauticSDKLoaded == 'undefined') {
        var MauticSDKLoaded = true;
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = '{{site.mautic_live_url }}/media/js/mautic-form.js';
        script.onload = function () {
            MauticSDK.onLoad();
        };
        head.appendChild(script);
        var MauticDomain = '{{site.mautic_live_url}}';
        var MauticLang = {
            'submittingMessage': "Please wait..."
        }
    }

    (function (w, d, s, o, f, js, fjs) {
        w['appointmentWidget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
    }(window, document, 'script', 'appointmentWidgetJs', 'https://appointments.altametrics.com/api/script.js?service={{ site.appointment.service_id }}&lang={{page.language}}&website={{site.appointment.websitename}}&cta_headline={{ page.cta_inline.cta_headline }}&cta_sub_headline={{ page.cta_inline.cta_sub_headline }}&cta_background_image={{ page.cta_inline.cta_background_image }}&show_video=0'));
</script>