<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* cstyle/template/common/home.twig */
class __TwigTemplate_0e2c9c6f03d1a41da132787d92fd2a452239a5d65d025902f1d6cc71a93747e2 extends \Twig\Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->parent = false;

        $this->blocks = [
        ];
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        // line 1
        echo ($context["header"] ?? null);
        echo "

";
        // line 3
        echo ($context["column_left"] ?? null);
        echo "

";
        // line 5
        echo ($context["content_top"] ?? null);
        echo "

";
        // line 7
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["downloads"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["download"]) {
            // line 8
            echo "\t<a href=\"";
            echo twig_get_attribute($this->env, $this->source, $context["download"], "href", [], "any", false, false, false, 8);
            echo "\" title=\"";
            echo ($context["button_download"] ?? null);
            echo "\" class=\"btn btn-primary\">Download</a>
";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['download'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 10
        echo "
<div class=\"bg-light py-lg-5 first\" id=\"top\">
\t<div class=\"container\">
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 text-center\">
\t\t\t\t<h1 class=\"pt-5 pb-4\">";
        // line 15
        echo ($context["top_h1"] ?? null);
        echo "</h1>
\t\t\t</div>
\t\t</div>
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>";
        // line 19
        echo ($context["top_description"] ?? null);
        echo "</p></div>
\t\t</div>
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 col-lg-6 text-center text-lg-end my-3\"><a class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#order\">Make an order</a></div>
\t\t\t<div class=\"col-12 col-lg-6 text-center text-start text-lg-start my-3\"><a class=\"btn btn-secondary\" data-bs-toggle=\"modal\" data-bs-target=\"#header\">Learn more</a></div>
\t\t</div>
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 mt-4 my-lg-5\"><img src=\"";
        // line 26
        echo ($context["top_image"] ?? null);
        echo "\" class=\"img-fluid rounded-4\" /></div>
\t\t</div>
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center mt-5 mb-0 my-lg-5 subtitle\"><h3>";
        // line 29
        echo ($context["top_subtitle"] ?? null);
        echo "</h3></div>
\t\t</div>
\t</div>
</div>

<div class=\"bg-light mb-0 mt-5 my-lg-5\" id=\"about\">
\t<div class=\"container\">
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12\"><div class=\"h2\">";
        // line 37
        echo ($context["about_h1"] ?? null);
        echo "</div></div>
\t\t\t<div class=\"col-12 col-lg-6\">
\t\t\t\t";
        // line 39
        echo ($context["about_description"] ?? null);
        echo "
\t\t\t\t<p><a data-bs-toggle=\"modal\" data-bs-target=\"#about_us\" class=\"btn btn-secondary\">Learn more</a></p>
\t\t\t</div>
\t\t\t<div class=\"col-12 col-lg-6\"><img src=\"";
        // line 42
        echo ($context["about_image"] ?? null);
        echo "\" class=\"img-fluid rounded-3\" /></div>
\t\t</div>
\t</div>
</div>

<div class=\"bg-light mt-5 my-lg-5 pt-5 py-lg-5\" id=\"product\">
\t<div class=\"container\">
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center\"><div class=\"h2\">";
        // line 50
        echo ($context["category_title"] ?? null);
        echo "</div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>";
        // line 51
        echo ($context["category_description"] ?? null);
        echo "</p></div>
\t\t</div>

        ";
        // line 54
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["products"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["product"]) {
            // line 55
            echo "\t        ";
            if ((twig_get_attribute($this->env, $this->source, $context["product"], "num", [], "any", false, false, false, 55) == 0)) {
                // line 56
                echo "\t\t\t<div class=\"row my-5\">
\t\t\t\t<div class=\"col-12 col-lg-6 text-center text-lg-start order-2 order-lg-1 pe-lg-5\">
\t\t\t\t\t<div class=\"h3 fw-bold mt-lg-4\">";
                // line 58
                echo twig_get_attribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, false, 58);
                echo "</div>
\t\t\t\t\t<p>";
                // line 59
                echo twig_get_attribute($this->env, $this->source, $context["product"], "short_description", [], "any", false, false, false, 59);
                echo "</p>
\t\t\t\t\t<p class=\"fs-5 fw-bold\">Price: ";
                // line 60
                echo twig_get_attribute($this->env, $this->source, $context["product"], "price", [], "any", false, false, false, 60);
                echo "</p>
\t\t\t\t\t<a class=\"btn btn-primary me-lg-4 mb-4 mb-lg-0 makeOrder\" data-bs-toggle=\"modal\" data-bs-target=\"#order\">Order now</a>
\t\t\t\t\t<a href=\"#\" class=\"btn btn-secondary\" target=\"_blank\"><i class=\"fa-regular fa-file-pdf me-2\"></i>Specification (PDF)</a>
\t\t\t\t</div>
\t\t\t\t<div class=\"col-12 col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0\"><a href=\"#\"><img src=\"";
                // line 64
                echo twig_get_attribute($this->env, $this->source, $context["product"], "thumb", [], "any", false, false, false, 64);
                echo "\" class=\"img-fluid rounded-3\" /></a></div>
\t\t\t</div>
\t\t\t";
            } else {
                // line 67
                echo "\t\t\t<div class=\"row my-5\">
\t\t\t\t<div class=\"col-12 col-lg-6 mb-4 mb-lg-0\"><a href=\"#\"><img src=\"";
                // line 68
                echo twig_get_attribute($this->env, $this->source, $context["product"], "thumb", [], "any", false, false, false, 68);
                echo "\" class=\"img-fluid rounded-3\" /></a></div>
\t\t\t\t<div class=\"col-12 col-lg-6 text-center text-lg-start ps-lg-5\">
\t\t\t\t\t<div class=\"h3 fw-bold mt-lg-4\">";
                // line 70
                echo twig_get_attribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, false, 70);
                echo "</div>
\t\t\t\t\t<p>";
                // line 71
                echo twig_get_attribute($this->env, $this->source, $context["product"], "short_description", [], "any", false, false, false, 71);
                echo "</p>
\t\t\t\t\t<p class=\"fs-5 fw-bold\">Price: ";
                // line 72
                echo twig_get_attribute($this->env, $this->source, $context["product"], "price", [], "any", false, false, false, 72);
                echo "</p>
\t\t\t\t\t<a class=\"btn btn-primary me-lg-4 mb-4 mb-lg-0 makeOrder\" data-bs-toggle=\"modal\" data-bs-target=\"#order\">Order now</a>
\t\t\t\t\t<a href=\"#\" class=\"btn btn-secondary\" target=\"_blank\"><i class=\"fa-regular fa-file-pdf me-2\"></i>Specification (PDF)</a>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t";
            }
            // line 78
            echo "\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['product'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 79
        echo "\t</div>
</div>

<div class=\"bg-light my-lg-5 py-5\">
\t<div class=\"container\">
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center\"><div class=\"h2\">We have their trust</div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>We supply and install commercially also, solving the water treatment issue for everyone from large to small. Our client portfolio includes every area from hospitals, schools, gyms, offices, big companies and groups , sporting clubs , government agencies.</p></div>
\t\t</div>
\t\t<div class=\"row\">
\t\t\t";
        // line 89
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["banners"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["banner"]) {
            // line 90
            echo "\t\t\t\t<div class=\"col-6 col-lg-3 text-center mb-4\"><img src=\"";
            echo twig_get_attribute($this->env, $this->source, $context["banner"], "image", [], "any", false, false, false, 90);
            echo "\" alt=\"";
            echo twig_get_attribute($this->env, $this->source, $context["banner"], "title", [], "any", false, false, false, 90);
            echo "\" class=\"img-fluid rounded-3 border\" /></div>
\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['banner'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 92
        echo "\t\t</div>
\t</div>
</div>

<div class=\"bg-light my-lg-5 py-lg-5\" id=\"specs\">
\t<div class=\"container\">
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center\"><div class=\"h2\">Start Purifying Today</div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>Seize the advantage of pure water now — choose your ideal salt tablet package and enhance your water treatment efficiency.</p></div>
\t\t</div>

\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 mt-5\">
\t\t\t\t<iframe width=\"100%\" height=\"420\" src=\"https://www.youtube.com/embed/Bc2FqnN0c6Y?si=4Os-T8ukHzfHzRR_\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen class=\"rounded-4\"></iframe>
\t\t\t</div>
\t\t</div>

\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 text-center mt-5\"><a href=\"#\" class=\"btn btn-secondary\">Read full specification</a></div>
\t\t</div>
\t</div>
</div>

<div class=\"bg-light mt-5 mt-lg-0\">
\t<div class=\"container\">
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center\"><div class=\"h2\">Frequently asked questions</div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>Everything you need to know about our salt tablets.</p></div>
\t\t</div>
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 my-5\">
\t\t\t\t<div class=\"\" id=\"accordionFAQ\">
\t\t\t\t\t";
        // line 124
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["articles"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
            // line 125
            echo "\t\t\t\t\t\t<div class=\"accordion-item pt-5 pb-4\">
\t\t\t\t\t\t\t<h2 class=\"accordion-header\">
\t\t\t\t\t\t\t\t<button class=\"accordion-button mb-3\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse";
            // line 127
            echo twig_get_attribute($this->env, $this->source, $context["article"], "article_id", [], "any", false, false, false, 127);
            echo "\" aria-expanded=\"true\" aria-controls=\"collapse";
            echo twig_get_attribute($this->env, $this->source, $context["article"], "article_id", [], "any", false, false, false, 127);
            echo "\">";
            echo twig_get_attribute($this->env, $this->source, $context["article"], "name", [], "any", false, false, false, 127);
            echo "</button>
\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t<div id=\"collapse";
            // line 129
            echo twig_get_attribute($this->env, $this->source, $context["article"], "article_id", [], "any", false, false, false, 129);
            echo "\" class=\"accordion-collapse collapse ";
            if ((twig_get_attribute($this->env, $this->source, $context["article"], "nums", [], "any", false, false, false, 129) == 1)) {
                echo "show";
            }
            echo "\" data-bs-parent=\"#accordionFAQ\">
\t\t\t\t\t\t\t\t<div class=\"accordion-body\">";
            // line 130
            echo twig_get_attribute($this->env, $this->source, $context["article"], "description", [], "any", false, false, false, 130);
            echo "</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['article'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 134
        echo "\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t</div>
</div>

<div class=\"bg-light mt-5 py-5\">
\t<div class=\"container\">
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center pb-5\"><div class=\"h2\">What are you saying about us</div></div>
\t\t</div>
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 owl-carousel\">
\t\t\t";
        // line 147
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["reviews"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["review"]) {
            // line 148
            echo "\t\t\t\t<div class=\"bg-white border rounded-3 p-4\">
\t\t\t\t\t<h5>";
            // line 149
            echo twig_get_attribute($this->env, $this->source, $context["review"], "title", [], "any", false, false, false, 149);
            echo "</h5>
\t\t\t\t\t<p>";
            // line 150
            echo twig_get_attribute($this->env, $this->source, $context["review"], "description", [], "any", false, false, false, 150);
            echo "</p>
\t\t\t\t\t<hr />
\t\t\t\t\t<p class=\"fs-6 fw-bold mb-0\">";
            // line 152
            echo twig_get_attribute($this->env, $this->source, $context["review"], "name", [], "any", false, false, false, 152);
            echo "</p>
\t\t\t\t\t<p class=\"fst-italic\">";
            // line 153
            echo twig_get_attribute($this->env, $this->source, $context["review"], "position", [], "any", false, false, false, 153);
            echo "</p>
\t\t\t\t</div>
\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['review'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 156
        echo "\t\t\t</div>
\t\t</div>
\t</div>
</div>

<div class=\"bg-light mb-5 contacts\" id=\"contact\">
\t<div class=\"container\">
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 text-center mb-5\"><div class=\"h2\">Our contacts</div></div>
\t\t</div>
\t\t<div class=\"row\">
\t\t\t<div class=\"col-12\">
\t\t\t\t<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d326.668976074574!2d-6.40618332081171!3d54.00094202890667!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4860cebdae7a4dc7%3A0x1796f8a5e9726502!2sWater%20Treatment%20Systems%20-%20Nature&#39;s%20Water!5e0!3m2!1sen!2sie!4v1722022156779!5m2!1sen!2sie\" width=\"100%\" height=\"420\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" class=\"rounded-4\"></iframe>
\t\t\t</div>
\t\t</div>
\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 col-lg-3 mt-4 text-center\">
\t\t\t\t<div class=\"icon fs-6 mb-2\"><i class=\"fa-regular fa-envelope\"></i></div>
\t\t\t\t<div class=\"h5\">Email</div>
\t\t\t\t<p class=\"fs-6\"><a href=\"mailto:info@saltman.ie\">info@saltman.ie</a></p>
\t\t\t</div>
\t\t\t<div class=\"col-12 col-lg-3 mt-4 text-center\">
\t\t\t\t<div class=\"icon fs-6 mb-2\"><i class=\"fa-solid fa-location-dot\"></i></div>
\t\t\t\t<div class=\"h5\">Office</div>
\t\t\t\t<p class=\"fs-6\"><a href=\"mailto:info@saltman.ie\">62-63 Anne St, Townparks, Dundalk, Co. Louth, A91 FD45, Ireland</a></p>
\t\t\t</div>
\t\t\t<div class=\"col-12 col-lg-3 mt-4 text-center\">
\t\t\t\t<div class=\"icon fs-6 mb-2\"><i class=\"fa-solid fa-phone\"></i></div>
\t\t\t\t<div class=\"h5\">Phone</div>
\t\t\t\t<p class=\"fs-6\"><a href=\"tel:+353851325678\">+353 85 132 56 78</a></p>
\t\t\t</div>
\t\t</div>
\t</div>
</div>

<!-- Header -->
<div class=\"modal fade\" id=\"header\" tabindex=\"-1\" aria-hidden=\"true\">
\t<div class=\"modal-dialog modal-dialog-centered modal-xl\">
\t\t<div class=\"modal-content\">

\t\t\t<div class=\"modal-header\">
\t\t\t\t<h5 class=\"modal-title fs-5\">Pure water, Pure life</h5>
\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
\t\t\t</div>

\t\t\t<div class=\"modal-body\">
\t\t\t\t";
        // line 202
        echo ($context["top_full_description"] ?? null);
        echo "
\t\t\t</div>

\t\t\t<div class=\"modal-footer\">
\t\t\t\t<button type=\"button\" class=\"btn btn-secondary w-100\" data-bs-dismiss=\"modal\">Close</button>
\t\t\t</div>

\t\t</div>
\t</div>
</div>

<!-- About us -->
<div class=\"modal fade\" id=\"about_us\" tabindex=\"-1\" aria-hidden=\"true\">
\t<div class=\"modal-dialog modal-dialog-centered modal-xl\">
\t\t<div class=\"modal-content\">

\t\t\t<div class=\"modal-header\">
\t\t\t\t<h5 class=\"modal-title fs-5\">About us</h5>
\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
\t\t\t</div>

\t\t\t<div class=\"modal-body\">
\t\t\t\t";
        // line 224
        echo ($context["about_full_description"] ?? null);
        echo "
\t\t\t</div>

\t\t\t<div class=\"modal-footer\">
\t\t\t\t<button type=\"button\" class=\"btn btn-secondary w-100\" data-bs-dismiss=\"modal\">Close</button>
\t\t\t</div>

\t\t</div>
\t</div>
</div>

";
        // line 235
        echo ($context["content_bottom"] ?? null);
        echo "

";
        // line 237
        echo ($context["column_right"] ?? null);
        echo "

";
        // line 239
        echo ($context["footer"] ?? null);
    }

    public function getTemplateName()
    {
        return "cstyle/template/common/home.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  440 => 239,  435 => 237,  430 => 235,  416 => 224,  391 => 202,  343 => 156,  334 => 153,  330 => 152,  325 => 150,  321 => 149,  318 => 148,  314 => 147,  299 => 134,  289 => 130,  281 => 129,  272 => 127,  268 => 125,  264 => 124,  230 => 92,  219 => 90,  215 => 89,  203 => 79,  197 => 78,  188 => 72,  184 => 71,  180 => 70,  175 => 68,  172 => 67,  166 => 64,  159 => 60,  155 => 59,  151 => 58,  147 => 56,  144 => 55,  140 => 54,  134 => 51,  130 => 50,  119 => 42,  113 => 39,  108 => 37,  97 => 29,  91 => 26,  81 => 19,  74 => 15,  67 => 10,  56 => 8,  52 => 7,  47 => 5,  42 => 3,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "cstyle/template/common/home.twig", "");
    }
}
