{{#
{{ partial:components/section max-width="sm" }}
    {{ partial:components/section-title text="Trace Your Bee Harmony Honey" }}

    <div class="flex flex-col md:flex-row md:gap-12 text-left mt-5">
        {{ loop times="2" }}
            <div class="flex gap-4 items-center justify-center">
                <div class="bg-red text-white w-10 h-10 rounded-full font-headline flex items-center justify-center flex-shrink-0">
                    {{ count }}
                </div>
                <p>
                    {{ if i === 0 }}
                        Find the eight-digit code on the bottom of your jar of honey.
                    {{ else }}
                        Type the code into the box below, and click Search.
                    {{ /if }}
                </p>
            </div>
        {{ /loop }}
    </div>
{{ /partial:components/section }}
 #}}

<section class="traceability-section">
    <div id="root"></div>
</section>

{{ section:styles }}
    <!-- Trace page -->
    <link href="/traceability-assets/styles.css" rel="stylesheet">
{{ /section:styles }}

{{ section:scripts }}
    <!-- Trace page -->
    <script defer="" type="text/javascript" src="/traceability-assets/vendor.js"></script>
    <script defer="" type="text/javascript" src="/traceability-assets/core.js"></script>
{{ /section:scripts }}