<?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_b5851c3f8d163ec10e87d02d3a3491dc56121a72001f2d6de1c8b257be47e568 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 "

<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 11
        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 15
        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 22
        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 25
        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 33
        echo ($context["about_h1"] ?? null);
        echo "</div></div>
\t\t\t<div class=\"col-12 col-lg-6\">
\t\t\t\t";
        // line 35
        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 38
        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 46
        echo ($context["category_title"] ?? null);
        echo "</div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>";
        // line 47
        echo ($context["category_description"] ?? null);
        echo "</p></div>
\t\t</div>

        ";
        // line 50
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["products"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["product"]) {
            // line 51
            echo "\t        ";
            if ((twig_get_attribute($this->env, $this->source, $context["product"], "num", [], "any", false, false, false, 51) == 0)) {
                // line 52
                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 54
                echo twig_get_attribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, false, 54);
                echo "</div>
\t\t\t\t\t<p>";
                // line 55
                echo twig_get_attribute($this->env, $this->source, $context["product"], "short_description", [], "any", false, false, false, 55);
                echo "</p>
\t\t\t\t\t<p class=\"fs-5 fw-bold\">Price: ";
                // line 56
                echo twig_get_attribute($this->env, $this->source, $context["product"], "price", [], "any", false, false, false, 56);
                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 60
                echo twig_get_attribute($this->env, $this->source, $context["product"], "thumb", [], "any", false, false, false, 60);
                echo "\" class=\"img-fluid rounded-3\" /></a></div>
\t\t\t</div>
\t\t\t";
            } else {
                // line 63
                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 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\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 66
                echo twig_get_attribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, false, 66);
                echo "</div>
\t\t\t\t\t<p>";
                // line 67
                echo twig_get_attribute($this->env, $this->source, $context["product"], "short_description", [], "any", false, false, false, 67);
                echo "</p>
\t\t\t\t\t<p class=\"fs-5 fw-bold\">Price: ";
                // line 68
                echo twig_get_attribute($this->env, $this->source, $context["product"], "price", [], "any", false, false, false, 68);
                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 74
            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 75
        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<div class=\"col-6 col-lg-3 text-center mb-4\"><img src=\"/catalog/view/theme/cstyle/images/brand1.png\" class=\"img-fluid rounded-3 border\" /></div>
\t\t\t<div class=\"col-6 col-lg-3 text-center mb-4\"><img src=\"/catalog/view/theme/cstyle/images/brand2.png\" class=\"img-fluid rounded-3 border\" /></div>
\t\t\t<div class=\"col-6 col-lg-3 text-center mb-4\"><img src=\"/catalog/view/theme/cstyle/images/brand3.png\" class=\"img-fluid rounded-3 border\" /></div>
\t\t\t<div class=\"col-6 col-lg-3 text-center mb-4\"><img src=\"/catalog/view/theme/cstyle/images/brand4.png\" class=\"img-fluid rounded-3 border\" /></div>
\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 121
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["articles"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
            // line 122
            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 124
            echo twig_get_attribute($this->env, $this->source, $context["article"], "article_id", [], "any", false, false, false, 124);
            echo "\" aria-expanded=\"true\" aria-controls=\"collapse";
            echo twig_get_attribute($this->env, $this->source, $context["article"], "article_id", [], "any", false, false, false, 124);
            echo "\">";
            echo twig_get_attribute($this->env, $this->source, $context["article"], "name", [], "any", false, false, false, 124);
            echo "</button>
\t\t\t\t\t\t\t</h2>
\t\t\t\t\t\t\t<div id=\"collapse";
            // line 126
            echo twig_get_attribute($this->env, $this->source, $context["article"], "article_id", [], "any", false, false, false, 126);
            echo "\" class=\"accordion-collapse collapse ";
            if ((twig_get_attribute($this->env, $this->source, $context["article"], "nums", [], "any", false, false, false, 126) == 1)) {
                echo "show";
            }
            echo "\" data-bs-parent=\"#accordionFAQ\">
\t\t\t\t\t\t\t\t<div class=\"accordion-body\">";
            // line 127
            echo twig_get_attribute($this->env, $this->source, $context["article"], "description", [], "any", false, false, false, 127);
            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 131
        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\t<div class=\"bg-white border rounded-3 p-4\">
\t\t\t\t\t<h5>Tom H.</h5>
\t\t\t\t\t<p>Operations Manager</p>
\t\t\t\t\t<p>Light</p>
\t\t\t\t</div>
\t\t\t\t<div class=\"bg-white border rounded-3 p-4\">
\t\t\t\t\t<h5>Tom H.</h5>
\t\t\t\t\t<p>Operations Manager</p>
\t\t\t\t\t<p>Light</p>
\t\t\t\t</div>
\t\t\t\t<div class=\"bg-white border rounded-3 p-4\">
\t\t\t\t\t<h5>Tom H.</h5>
\t\t\t\t\t<p>Operations Manager</p>
\t\t\t\t\t<p>Light</p>
\t\t\t\t</div>
\t\t\t\t<div class=\"bg-white border rounded-3 p-4\">
\t\t\t\t\t<h5>Tom H.</h5>
\t\t\t\t\t<p>Operations Manager</p>
\t\t\t\t\t<p>Light</p>
\t\t\t\t</div>
\t\t\t\t<div class=\"bg-white border rounded-3 p-4\">
\t\t\t\t\t<h5>Tom H.</h5>
\t\t\t\t\t<p>Operations Manager</p>
\t\t\t\t\t<p>Light</p>
\t\t\t\t</div>
\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@saltcompany.ie\">info@saltcompany.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@saltcompany.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 215
        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 237
        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 248
        echo ($context["content_bottom"] ?? null);
        echo "

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

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

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  403 => 252,  398 => 250,  393 => 248,  379 => 237,  354 => 215,  268 => 131,  258 => 127,  250 => 126,  241 => 124,  237 => 122,  233 => 121,  185 => 75,  179 => 74,  170 => 68,  166 => 67,  162 => 66,  157 => 64,  154 => 63,  148 => 60,  141 => 56,  137 => 55,  133 => 54,  129 => 52,  126 => 51,  122 => 50,  116 => 47,  112 => 46,  101 => 38,  95 => 35,  90 => 33,  79 => 25,  73 => 22,  63 => 15,  56 => 11,  47 => 5,  42 => 3,  37 => 1,);
    }

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