
        </main>
        <section>
            <div class="bg-gray-100 px-4 py-12">
                <div class="max-w-7xl mx-auto">
                    <div class="gap-4 grid grid-cols-1 lg:grid-cols-3">
                        <div class="col-span-2 overflow-hidden lg:px-4 lg:py-5">
                            <h2 class="capitalize font-medium text-3xl text-blue-500 text-center"><?php _e( 'Get the care you deserve today.', 'leonpharmacy' ); ?></h2>
                        </div>
                        <div class="lg:px-4 lg:py-5 lg:flex lg:items-center"><a class="capitalize duration-700 px-5 py-2 text-white hover:text-black w-full inline-flex items-center justify-center font-normal transition-colors hover:bg-gray-200 ease-in-out bg-blue-500 mt-4 text-center" href="<?php echo get_home_url() . '/contact'; ?>"><?php _e( 'Get started with us', 'leonpharmacy' ); ?></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section id="contact-options">
            <div class="bg-blue-500 px-4 py-12">
                <div class="gap-8 grid grid-cols-2 max-w-7xl mx-auto text-white lg:grid-cols-4">
                    <!-- Call Us -->
                    <div class="flex flex-col items-center text-center"><a class="border border-white flex h-16 hover:-translate-y-2 hover:duration-700 hover:ease-in-out items-center justify-center mb-4 rounded-full transition-transform w-16" href="tel:9058452811"><svg xmlns="http://www.w3.org/2000/svg" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16" width="16">
                                <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
                            </svg> </a>
                        <a class="font-semibold hover:underline mb-2" href="tel:9058452811"><?php _e( 'Call Us', 'leonpharmacy' ); ?></a> <a href="tel:9058452811" class="hidden hover:underline md:block"><?php _e( '(905) 845-2811', 'leonpharmacy' ); ?></a>
                    </div>
                    <!-- Fax Us -->
                    <div class="flex flex-col items-center text-center"><a class="border border-white flex h-16 hover:-translate-y-2 hover:duration-700 hover:ease-in-out items-center justify-center mb-4 rounded-full transition-transform w-16" href="fax:9058452812"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16" height="16" width="16">
                                <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                                <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                            </svg> </a>
                        <a class="font-semibold hover:underline mb-2" href="fax:9058452812"><?php _e( 'Fax Us', 'leonpharmacy' ); ?></a> <a href="fax:9058452812" class="hidden hover:underline md:block"><?php _e( '(905) 845-2812', 'leonpharmacy' ); ?></a>
                    </div>
                    <!-- Email Us -->
                    <div class="flex flex-col items-center text-center"><a class="border border-white flex h-16 hover:-translate-y-2 hover:duration-700 hover:ease-in-out items-center justify-center mb-4 rounded-full transition-transform w-16" href="mailto:info@leonpharmacy.ca"><svg xmlns="http://www.w3.org/2000/svg" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16" width="16">
                                <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
                            </svg> </a>
                        <a class="font-semibold hover:underline mb-2" href="mailto:info@leonpharmacy.ca"><?php _e( 'Email Us', 'leonpharmacy' ); ?></a> <a href="mailto:info@leonpharmacy.ca" class="hidden hover:underline md:block"><?php _e( 'info@leonpharmacy.ca', 'leonpharmacy' ); ?></a>
                    </div>
                    <!-- Visit Us -->
                    <div class="flex flex-col items-center text-center"><a class="border border-white flex h-16 hover:-translate-y-2 hover:duration-700 hover:ease-in-out items-center justify-center mb-4 rounded-full transition-transform w-16" href="https://goo.gl/maps/SVnnmjbXN8K2"> <svg xmlns="http://www.w3.org/2000/svg" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16" width="16">
                                <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/>
                                <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
                            </svg> </a>
                        <a class="font-semibold hover:underline mb-2" href="https://goo.gl/maps/SVnnmjbXN8K2"><?php _e( 'Visit Us', 'leonpharmacy' ); ?></a> <a href="https://goo.gl/maps/SVnnmjbXN8K2" class="hidden hover:underline md:block"><?php _e( '340 Kerr Street, Oakville, L6K 3B8', 'leonpharmacy' ); ?></a>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="bg-blue-500">
                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11587.210431466288!2d-79.6821028!3d43.4438384!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b5cf0cc99ded7%3A0xab276f6dd95bb17f!2sLeon%20Pharmacy!5e0!3m2!1sen!2sca!4v1702323568323!5m2!1sen!2sca" width="100%" height="400" style="border: 0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </section>
        <footer id="footer">
            <div class="text-inherit">
                <div class="container max-w-7xl mx-auto">
                    <h2 class="sr-only" id="footer-heading"><?php _e( 'Footer', 'leonpharmacy' ); ?></h2>
                    <div class="mx-auto max-w-7xl py-12 px-4 lg:py-16">
                        <div class="lg:gap-8 lg:grid lg:grid-cols-5">
                            <div class="mb-4 lg:col-span-2 lg:mb-0"><a class="flex items-center mb-4 lg:mb-0" href="<?php echo esc_url( home_url() ); ?>"><img alt="Leon Pharmacy Logo" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-leon.png" width="170"/></a>
                                <?php if ( has_nav_menu( 'leon_pharmacy' ) ) : ?>
                                    <?php
                                        PG_Smart_Walker_Nav_Menu::init();
                                        PG_Smart_Walker_Nav_Menu::$options['template'] = '<li id="{ID}" class="{CLASSES}">
                                                                                <a data-pg-class-style="footer_link" class="hover:text-blue-100 inline-block main-link min-w-max mx-auto uppercase static" {ATTRS}>{TITLE}</a>
                                                                            </li>';
                                        wp_nav_menu( array(
                                            'container' => '',
                                            'theme_location' => 'leon_pharmacy',
                                            'items_wrap' => '<ul class="%2$s font-normal mt-4 space-y-0" id="%1$s">%3$s</ul>',
                                            'walker' => new PG_Smart_Walker_Nav_Menu()
                                    ) ); ?>
                                <?php endif; ?>
                            </div>
                            <div class="gap-y-4 grid grid-cols-2 mt-8 lg:col-span-3 lg:gap-x-4 lg:gap-y-0 lg:mt-0">
                                <div>
                                    <h3 class="font-black"><?php _e( 'Pharmacy Hours', 'leonpharmacy' ); ?></h3>
                                    <div class="font-normal mt-4 space-y-0">
                                        <p><b> <?php _e( 'Mon', 'leonpharmacy' ); ?></b><?php _e( ': 9 am - 7 pm', 'leonpharmacy' ); ?> <br/><b> <?php _e( 'Tue', 'leonpharmacy' ); ?></b><?php _e( ': 9 am - 7 pm', 'leonpharmacy' ); ?> <br/><b> <?php _e( 'Wed', 'leonpharmacy' ); ?></b><?php _e( ': 9 am - 7 pm', 'leonpharmacy' ); ?> <br/><b> <?php _e( 'Thur', 'leonpharmacy' ); ?></b><?php _e( ': 9 am - 7 pm', 'leonpharmacy' ); ?> <br/><b> <?php _e( 'Fri', 'leonpharmacy' ); ?></b><?php _e( ': 9 am - 7 pm', 'leonpharmacy' ); ?> <br/><b> <?php _e( 'Sat', 'leonpharmacy' ); ?></b><?php _e( ': 9 am - 3 pm', 'leonpharmacy' ); ?> <br/><b> <?php _e( 'Sun', 'leonpharmacy' ); ?></b><?php _e( ': Closed', 'leonpharmacy' ); ?></p>
                                    </div>
                                </div>
                                <div>
                                    <h3 class="font-black"><?php _e( 'Quick Links', 'leonpharmacy' ); ?></h3>
                                    <ul class="font-normal mt-4 space-y-0">
                                        <li>
                                            <a href="https://leonpharmacy.erefills.ca/leonpharmacy/centralprofile/signin.php" target="_blank" class="hover:text-blue-100 inline-block main-link min-w-max mx-auto uppercase static"><?php _e( 'Refill', 'leonpharmacy' ); ?></a>
                                        </li>
                                        <li><a href="tel:905-845-2811" class="hover:text-blue-100 inline-block main-link min-w-max mx-auto uppercase static"><?php _e( 'Call Us', 'leonpharmacy' ); ?></a>
                                        </li>
                                        <li></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="mt-12 border-t border-gray-200 pt-8">
                            <p class="text-base text-center xl:text-center"><?php _e( '&copy; 2023 Leon Pharmacy. All rights reserved.', 'leonpharmacy' ); ?></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <?php wp_footer(); ?>
    </body>
</html>
