{% if show_dummy_data == true %}
    {% set faqs = [
        {
            'Question': {'value': 'What are your opening hours?'},
            'Answer': {'value': '<p>We are open Monday to Friday 8:00 AM - 8:00 PM, Saturday 9:00 AM - 6:00 PM, and Sunday 10:00 AM - 4:00 PM.</p>'}
        },
        {
            'Question': {'value': 'Do you offer prescription delivery?'},
            'Answer': {'value': '<p>Yes, we offer free prescription delivery within a 5-mile radius of our pharmacy. Same-day delivery is available for orders placed before 2:00 PM.</p>'}
        },
        {
            'Question': {'value': 'Can I book a consultation online?'},
            'Answer': {'value': '<p>Absolutely! You can book consultations through our website or by calling our pharmacy directly. We offer both in-person and telephone consultations.</p>'}
        }
    ] %}
    {% set faqs_intro = {
        'Title': {'value': 'Frequently Asked Questions'},
        'Image': {'value': 'no-image.jpg', 'alt': 'FAQ illustration'}
    } %}
    {% set image_folders = {
        'cms_images': {
            'faqs_image': {'path': 'sites/default/images/placeholders/'},
            'faqs_image_mobile': {'path': 'sites/default/images/placeholders/'}
        }
    } %}
    {% set compact = false %}
    {% set class = 'homepage-faqs' %}
{% endif %}

{% if faqs is not empty %}
    
    {% set faqs_title =  faqs_intro['Title']['value'] %}
    
    {% if faqs_title is empty %}
        {% set faqs_title =  'Frequently asked questions' %}
    {% endif %}
    
    <section class="faqsBlock {% if compact is not empty %} faqsBlockCompact{% endif %} {{ class }}">

    
    
        <div class="wrapper">

            
            <div class="faqsBlock__content">

                {% include 'includes/elements/intro_block.twig' with {
                    intro_title: faqs_title,
                    class: 'faqsIntro'
                }%}
                
                {% include 'includes/pages/faqs/faq.twig' with {
                    faqs: faqs,
                    open_first: true
                }%}
                
            </div> <!-- .content -->


            {% if faqs_intro['Image']['value'] is not empty %}
                <div class="faqsBlock__background">
                    
        
                        <picture class="imageWrap">
        
                            <source
                                    srcset="/{{ image_folders['cms_images']['faqs_image_mobile']['path'] }}/{{ faqs_intro['Image']['value'] }}"
                                    media="(max-width: 640px)">
        
                            <img
                                    src="/{{ image_folders['cms_images']['faqs_image']['path']}}/{{ faqs_intro['Image']['value'] }}"
                                    alt="{{ faqs_intro['Image']['alt'] }}"
                                    width="566"
                                    height="566"
                                    loading="lazy"
                            />
        
                        </picture><!-- .imageWrap -->
                    
                </div> <!-- .faqsBlock__background -->
            {% endif %}
            
            
        </div> <!-- .wrapper -->

        
    </section>
    
{% endif %}
