<?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_9e8fd334c63e102e4b0c14598b50a52d9b3790867f0bfadbd55dd9f0dc11046b 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\">Our products</div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean faucibus neque purus, ut maximus ipsum sollicitudin non. Vestibulum eget lobortis purus. Duis non urna sit amet turpis iaculis fringilla in ac nisl.</p></div>
\t\t</div>

\t\t<div class=\"row my-5\">
\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<div class=\"h3 fw-bold mt-lg-4\">1 Bag</div>
\t\t\t\t<p>Nulla vel congue sem. Sed at magna odio. Maecenas convallis lorem orci, id venenatis odio faucibus ut. Pellentesque consequat eros nibh, finibus sagittis tortor interdum ac. Pellentesque sed auctor magna. Cras et justo erat. Fusce eu scelerisque sapien, eu consectetur mi. Vestibulum consectetur et mauris vel pharetra.</p>
\t\t\t\t<p class=\"fs-5 fw-bold\">Price: €30</p>
\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<a href=\"#\" class=\"btn btn-secondary\"><i class=\"fa-regular fa-file-pdf me-2\"></i>Specification (PDF)</a>
\t\t\t</div>
\t\t\t<div class=\"col-12 col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0\"><a href=\"#\"><img src=\"/catalog/view/theme/cstyle/images/1bag.jpg\" class=\"img-fluid rounded-3\" /></a></div>
\t\t</div>

\t\t<div class=\"row my-5\">
\t\t\t<div class=\"col-12 col-lg-6 mb-4 mb-lg-0\"><a href=\"#\"><img src=\"/catalog/view/theme/cstyle/images/10bags.jpg\" class=\"img-fluid rounded-3\" /></a></div>
\t\t\t<div class=\"col-12 col-lg-6 text-center text-lg-start ps-lg-5\">
\t\t\t\t<div class=\"h3 fw-bold mt-lg-4\">10 Bags</div>
\t\t\t\t<p>Nulla vel congue sem. Sed at magna odio. Maecenas convallis lorem orci, id venenatis odio faucibus ut. Pellentesque consequat eros nibh, finibus sagittis tortor interdum ac. Pellentesque sed auctor magna. Cras et justo erat. Fusce eu scelerisque sapien, eu consectetur mi. Vestibulum consectetur et mauris vel pharetra.</p>
\t\t\t\t<p class=\"fs-5 fw-bold\">Price: €250</p>
\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<a href=\"#\" class=\"btn btn-secondary\"><i class=\"fa-regular fa-file-pdf me-2\"></i>Specification (PDF)</a>
\t\t\t</div>
\t\t</div>

\t\t<div class=\"row my-5\">
\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<div class=\"h3 fw-bold mt-lg-4\">1 Pallet</div>
\t\t\t\t<p>Nulla vel congue sem. Sed at magna odio. Maecenas convallis lorem orci, id venenatis odio faucibus ut. Pellentesque consequat eros nibh, finibus sagittis tortor interdum ac. Pellentesque sed auctor magna. Cras et justo erat. Fusce eu scelerisque sapien, eu consectetur mi. Vestibulum consectetur et mauris vel pharetra.</p>
\t\t\t\t<p class=\"fs-5 fw-bold\">Price: €700</p>
\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<a href=\"#\" class=\"btn btn-secondary\"><i class=\"fa-regular fa-file-pdf me-2\"></i>Specification (PDF)</a>
\t\t\t</div>
\t\t\t<div class=\"col-12 col-lg-6 order-1 order-lg-2 mb-4 mb-lg-0\"><a href=\"#\"><img src=\"/catalog/view/theme/cstyle/images/pellet.jpg\" class=\"img-fluid rounded-3\" /></a></div>
\t\t</div>

\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 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=\"accordionExample\">

\t\t\t\t<div class=\"accordion-item pt-5 pb-4\">
\t\t\t\t\t<h2 class=\"accordion-header\">
\t\t\t\t\t\t<button class=\"accordion-button mb-3\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"true\" aria-controls=\"collapseOne\">What types of water purification systems are compatible with your salt tablets?</button>
\t\t\t\t\t</h2>
\t\t\t\t\t<div id=\"collapseOne\" class=\"accordion-collapse collapse show\" data-bs-parent=\"#accordionExample\">
\t\t\t\t\t\t<div class=\"accordion-body\">Our salt tablets are engineered to be compatible with a wide range of water softening systems. They work effectively in both commercial and industrial setups, ensuring optimal performance for water hardness reduction.</div>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"accordion-item pt-5 pb-4\">
\t\t\t\t\t<h2 class=\"accordion-header\">
\t\t\t\t\t\t<button class=\"accordion-button mb-3 collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">How do I determine the right amount of salt tablets for my system?</button>
\t\t\t\t\t</h2>
\t\t\t\t\t<div id=\"collapseTwo\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">
\t\t\t\t\t\t<div class=\"accordion-body\"><strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"accordion-item pt-5 pb-4\">
\t\t\t\t\t<h2 class=\"accordion-header\">
\t\t\t\t\t\t<button class=\"accordion-button mb-3 collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">Are there any safety considerations when handling the salt tablets?</button>
\t\t\t\t\t</h2>
\t\t\t\t\t<div id=\"collapseThree\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">
\t\t\t\t\t\t<div class=\"accordion-body\"><strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"accordion-item pt-5 pb-4\">
\t\t\t\t\t<h2 class=\"accordion-header\">
\t\t\t\t\t\t<button class=\"accordion-button mb-3 collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">How long do the salt tablets last once opened?</button>
\t\t\t\t\t</h2>
\t\t\t\t\t<div id=\"collapseFour\" class=\"accordion-collapse collapse\" data-bs-parent=\"#accordionExample\">
\t\t\t\t\t\t<div class=\"accordion-body\"><strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.</div>
\t\t\t\t\t</div>
\t\t\t\t</div>

\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 250
        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 272
        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 283
        echo ($context["content_bottom"] ?? null);
        echo "

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

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

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  365 => 287,  360 => 285,  355 => 283,  341 => 272,  316 => 250,  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", "");
    }
}
