first commit

404.php

@@ -0,0 +1,21 @@
+<?php get_header(); ?>
+
+<section>
+    <div class="pb-12 pt-36">
+        <div class="flex flex-col">
+            <div class="max-w-2xl mt-4 mx-auto pb-28 pt-24 rounded shadow-lg w-11/12">
+                <div class="flex justify-center mb-8"><a class="flex items-center ml-4" href="index.html"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/Leon-Pharmacy-Logo.png" alt="harplabs logo" width="110"/></a>
+                </div>
+                <div class="text-center">
+                    <p class="font-semibold text-base text-blue-500"><?php _e( '404', 'leonpharmacy' ); ?></p>
+                    <h1 class="font-bold mt-2 text-4xl text-gray-900 tracking-tight sm:text-5xl"><?php _e( 'Page not found.', 'leonpharmacy' ); ?></h1>
+                    <p class="mt-4 mx-auto text-base text-gray-500 w-7/12"><?php _e( 'Sorry, we couldn\'t find the page you\'re looking for.', 'leonpharmacy' ); ?></p>
+                    <div class="mt-6"><a class="font-medium hover:text-blue-100 text-base text-blue-500" href="<?php echo esc_url( get_home_url() ); ?>"><?php _e( 'Go home', 'leonpharmacy' ); ?> <span aria-hidden="true"> &rarr;</span> </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>            
+
+<?php get_footer(); ?>

assets/images/extras/Placeholder-Image---Landscape.svg

@@ -0,0 +1,4 @@
+<svg width="1280" height="720" viewBox="0 0 1280 720" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1280" height="720" fill="#DBDBDB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M740 300C740 288.954 731.046 280 720 280H560C548.954 280 540 288.954 540 300V420C540 431.046 548.954 440 560 440H720C731.046 440 740 431.046 740 420V300ZM615 310C623.284 310 630 316.716 630 325C630 333.284 623.284 340 615 340C606.716 340 600 333.284 600 325C600 316.716 606.716 310 615 310ZM705 410C707.761 410 710 407.762 710 405V401.6C709.993 400.519 709.643 399.469 709 398.6L666.5 341.9C665.533 340.677 664.059 339.964 662.5 339.964C660.941 339.964 659.467 340.677 658.5 341.9L629.7 379.1C628.746 380.347 627.27 381.085 625.7 381.1C624.227 381.102 622.832 380.441 621.9 379.3L607.4 361.8C606.437 360.644 605.005 359.983 603.5 360C602.127 360.144 600.868 360.827 600 361.9L571.1 398.6C570.387 399.437 569.996 400.501 570 401.6V405C570 407.762 572.239 410 575 410H705Z" fill="black" fill-opacity="0.15"/>
+</svg>

assets/images/extras/Placeholder-Video---Landscape.svg

@@ -0,0 +1,4 @@
+<svg width="1280" height="720" viewBox="0 0 1280 720" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1280" height="720" fill="#DBDBDB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M560 280H720C731.046 280 740 288.954 740 300V420C740 431.046 731.046 440 720 440H560C548.954 440 540 431.046 540 420V300C540 288.954 548.954 280 560 280ZM631.7 392.2L670.6 366.2C672.696 364.834 673.96 362.502 673.96 360C673.96 357.498 672.696 355.166 670.6 353.8L631.7 327.8C629.403 326.248 626.438 326.089 623.988 327.387C621.539 328.685 620.005 331.228 620 334V386C620.005 388.772 621.539 391.315 623.988 392.613C626.438 393.911 629.403 393.752 631.7 392.2Z" fill="black" fill-opacity="0.15"/>
+</svg>

assets/images/extras/allow-icon3.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 515.556 515.556" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path xmlns="http://www.w3.org/2000/svg" d="m0 274.226 176.549 176.886 339.007-338.672-48.67-47.997-290.337 290-128.553-128.552z" fill="#ffffff" data-original="#000000" style=""/></g></svg>

assets/images/extras/calendar-week.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-week" viewBox="0 0 16 16">
+  <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>

assets/images/extras/company-logo.svg

@@ -0,0 +1,6 @@
+<svg width="63" height="27" viewBox="0 0 63 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.564453 21H13.2485V17.444H5.10045V0.980011H0.564453V21Z" fill="black"/>
+<path d="M21.587 18.228C19.291 18.228 18.003 16.548 18.003 13.748V13.524C18.003 10.724 19.347 9.10001 21.587 9.10001C23.855 9.10001 25.171 10.78 25.171 13.58V13.776C25.171 16.548 23.855 18.228 21.587 18.228ZM21.559 21.308C25.955 21.308 29.287 18.368 29.287 13.748V13.524C29.287 8.96001 25.983 6.02001 21.587 6.02001C17.191 6.02001 13.859 9.01601 13.859 13.608V13.832C13.859 18.396 17.191 21.308 21.559 21.308Z" fill="black"/>
+<path d="M37.6649 26.404C42.4809 26.404 45.3649 24.192 45.3929 19.852V6.35601H41.3609V8.54001C40.5209 7.05601 39.0929 6.02001 36.7129 6.02001C33.0729 6.02001 30.2729 8.96001 30.2729 13.16V13.356C30.2729 17.696 33.1009 20.356 36.6569 20.356C38.8129 20.356 40.5489 19.068 41.3609 17.64V19.852C41.3609 22.148 40.1289 23.436 37.6649 23.436C35.5929 23.436 34.6689 22.596 34.4169 21.308H30.3849C30.7769 24.332 32.9329 26.404 37.6649 26.404ZM37.8609 17.304C35.8449 17.304 34.4169 15.792 34.4169 13.356V13.132C34.4169 10.724 35.6769 9.10001 37.9449 9.10001C40.1569 9.10001 41.4729 10.612 41.4729 13.104V13.3C41.4729 15.792 39.9889 17.304 37.8609 17.304Z" fill="black"/>
+<path d="M54.9617 18.228C52.6657 18.228 51.3777 16.548 51.3777 13.748V13.524C51.3777 10.724 52.7217 9.10001 54.9617 9.10001C57.2297 9.10001 58.5457 10.78 58.5457 13.58V13.776C58.5457 16.548 57.2297 18.228 54.9617 18.228ZM54.9337 21.308C59.3297 21.308 62.6617 18.368 62.6617 13.748V13.524C62.6617 8.96001 59.3577 6.02001 54.9617 6.02001C50.5657 6.02001 47.2337 9.01601 47.2337 13.608V13.832C47.2337 18.396 50.5657 21.308 54.9337 21.308Z" fill="black"/>
+</svg>

assets/images/extras/deny-icon3.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 329.328 329.328" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g>
+<path xmlns="http://www.w3.org/2000/svg" d="M164.666,0C73.871,0,0.004,73.871,0.004,164.672c0.009,90.792,73.876,164.656,164.662,164.656  c90.793,0,164.658-73.865,164.658-164.658C329.324,73.871,255.459,0,164.666,0z M164.666,30c31.734,0,60.933,11.042,83.975,29.477  L59.478,248.638c-18.431-23.04-29.471-52.237-29.474-83.967C30.004,90.413,90.413,30,164.666,30z M164.666,299.328  c-31.733,0-60.934-11.042-83.977-29.477L269.854,80.691c18.431,23.043,29.471,52.244,29.471,83.979  C299.324,238.921,238.917,299.328,164.666,299.328z" fill="#ffffff" data-original="#000000" style="" class=""/>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+</g></svg>

assets/images/extras/email-icon-fill.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4ZM13.65 15.45L20 11V8.9L12.65 14.05C12.2591 14.3213 11.7409 14.3213 11.35 14.05L4 8.9V11L10.35 15.45C11.341 16.1427 12.659 16.1427 13.65 15.45Z" fill="black"/>
+</svg>

assets/images/extras/icon_check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.3479 7.56384L9.7479 18.1638C9.65402 18.2585 9.52622 18.3117 9.3929 18.3117C9.25958 18.3117 9.13178 18.2585 9.0379 18.1638L3.6479 12.7738C3.55324 12.68 3.5 12.5522 3.5 12.4188C3.5 12.2855 3.55324 12.1577 3.6479 12.0638L4.3479 11.3638C4.44178 11.2692 4.56958 11.2159 4.7029 11.2159C4.83622 11.2159 4.96402 11.2692 5.0579 11.3638L9.3879 15.6938L18.9379 6.14384C19.1357 5.95205 19.4501 5.95205 19.6479 6.14384L20.3479 6.85384C20.4426 6.94772 20.4958 7.07552 20.4958 7.20884C20.4958 7.34216 20.4426 7.46995 20.3479 7.56384Z" fill="black"/>
+</svg>

assets/images/extras/icon_chevron.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 20.8839C16.2374 21.1768 15.7626 21.1768 15.4697 20.8839L7.82322 13.2374C7.53033 12.9445 7.53033 12.4697 7.82322 12.1768L8.17678 11.8232C8.46967 11.5303 8.94454 11.5303 9.23744 11.8232L16 18.5858L22.7626 11.8232C23.0555 11.5303 23.5303 11.5303 23.8232 11.8232L24.1768 12.1768C24.4697 12.4697 24.4697 12.9445 24.1768 13.2374L16.5303 20.8839Z" fill="black"/>
+</svg>

assets/images/extras/icon_chevron_up.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4697 11.1161C15.7626 10.8232 16.2374 10.8232 16.5303 11.1161L24.1768 18.7626C24.4697 19.0555 24.4697 19.5303 24.1768 19.8232L23.8232 20.1768C23.5303 20.4697 23.0555 20.4697 22.7626 20.1768L16 13.4142L9.2374 20.1768C8.9445 20.4697 8.4697 20.4697 8.1768 20.1768L7.8232 19.8232C7.5303 19.5303 7.5303 19.0555 7.8232 18.7626L15.4697 11.1161Z" fill="black"/>
+</svg>

assets/images/extras/icon_plus.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.3333 15.6667V16.3333C25.3333 16.7015 25.0349 17 24.6667 17H17V24.6667C17 25.0348 16.7015 25.3333 16.3333 25.3333H15.6667C15.2985 25.3333 15 25.0348 15 24.6667V17H7.33334C6.96515 17 6.66667 16.7015 6.66667 16.3333V15.6667C6.66667 15.2985 6.96515 15 7.33334 15H15V7.33332C15 6.96513 15.2985 6.66666 15.6667 6.66666H16.3333C16.7015 6.66666 17 6.96513 17 7.33332V15H24.6667C25.0349 15 25.3333 15.2985 25.3333 15.6667Z" fill="black"/>
+</svg>

assets/images/extras/icon_slider-arrow-left.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.31066 8.75001L9.03033 14.4697L7.96967 15.5303L0.439339 8.00001L7.96967 0.469676L9.03033 1.53034L3.31066 7.25001L15.5 7.25L15.5 8.75L3.31066 8.75001Z" fill="black"/>
+</svg>

assets/images/extras/icon_slider-arrow-right.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6893 7.25L6.96967 1.53033L8.03033 0.469666L15.5607 8L8.03033 15.5303L6.96967 14.4697L12.6893 8.75H0.5V7.25H12.6893Z" fill="black"/>
+</svg>

assets/images/extras/icon_white.svg

@@ -0,0 +1,3 @@
+<svg width="150" height="150" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M129.562 44.5L128.688 42.9375C127.559 41.048 125.967 39.4777 124.062 38.375L82.125 14.1875C80.226 13.0859 78.0704 12.5039 75.875 12.5H74.0625C71.8671 12.5039 69.7115 13.0859 67.8125 14.1875L25.875 38.4375C23.9811 39.5328 22.4078 41.1061 21.3125 43L20.4375 44.5625C19.3359 46.4615 18.7539 48.6171 18.75 50.8125V99.25C18.7539 101.445 19.3359 103.601 20.4375 105.5L21.3125 107.062C22.4362 108.934 24.003 110.501 25.875 111.625L67.875 135.812C69.7644 136.937 71.9264 137.521 74.125 137.5H75.875C78.0704 137.496 80.226 136.914 82.125 135.812L124.062 111.562C125.975 110.492 127.554 108.913 128.625 107L129.562 105.438C130.651 103.533 131.232 101.381 131.25 99.1875V50.75C131.246 48.5546 130.664 46.399 129.562 44.5ZM74.0625 25H75.875L112.5 46.125L75 67.75L37.5 46.125L74.0625 25ZM81.25 121.875L117.812 100.75L118.75 99.1874V56.9374L81.25 78.6249V121.875Z" fill="white"/>
+</svg>

assets/images/extras/icon_white_1.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.73 7.12L20.59 6.87C20.4094 6.56769 20.1547 6.31643 19.85 6.14L13.14 2.27C12.8362 2.09375 12.4913 2.00062 12.14 2H11.85C11.4987 2.00062 11.1538 2.09375 10.85 2.27L4.14 6.15C3.83697 6.32526 3.58526 6.57697 3.41 6.88L3.27 7.13C3.09375 7.43384 3.00062 7.77874 3 8.13V15.88C3.00062 16.2313 3.09375 16.5762 3.27 16.88L3.41 17.13C3.58979 17.4295 3.84049 17.6802 4.14 17.86L10.86 21.73C11.1623 21.9099 11.5082 22.0033 11.86 22H12.14C12.4913 21.9994 12.8362 21.9063 13.14 21.73L19.85 17.85C20.156 17.6787 20.4087 17.426 20.58 17.12L20.73 16.87C20.9041 16.5653 20.9971 16.221 21 15.87V8.12C20.9994 7.76874 20.9063 7.42384 20.73 7.12ZM11.85 4H12.14L18 7.38L12 10.84L6 7.38L11.85 4ZM13 19.5L18.85 16.12L19 15.87V9.11L13 12.58V19.5Z" fill="white"/>
+</svg>

assets/images/extras/image.svg

@@ -0,0 +1,4 @@
+<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="300" height="300" fill="#E0E0E0"/>
+<path d="M174 168.75V132C174 129.112 171.638 126.75 168.75 126.75H132C129.112 126.75 126.75 129.112 126.75 132V168.75C126.75 171.638 129.112 174 132 174H168.75C171.638 174 174 171.638 174 168.75ZM141.188 154.312L147.75 162.214L156.938 150.375L168.75 166.125H132L141.188 154.312Z" fill="#C2C2C2"/>
+</svg>

assets/images/extras/livechat-icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 2H6C3.79086 2 2 3.79086 2 6V21.5C2 21.7761 2.22386 22 2.5 22C2.63212 21.9992 2.75833 21.9451 2.85 21.85L5.85 18.85C6.42433 18.2908 7.19856 17.9847 8 18H18C20.2091 18 22 16.2091 22 14V6C22 3.79086 20.2091 2 18 2ZM14 12.5C14 12.7761 13.7761 13 13.5 13H6.5C6.22386 13 6 12.7761 6 12.5V11.5C6 11.2239 6.22386 11 6.5 11H13.5C13.7761 11 14 11.2239 14 11.5V12.5ZM17.5 9C17.7761 9 18 8.77614 18 8.5V7.5C18 7.22386 17.7761 7 17.5 7H6.5C6.22386 7 6 7.22386 6 7.5V8.5C6 8.77614 6.22386 9 6.5 9H17.5Z" fill="black"/>
+</svg>

assets/images/extras/phone-icon.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M17 20.9998C15.3463 20.9983 13.7183 20.5896 12.26 19.8098L11.81 19.5598C8.70075 17.8881 6.15169 15.339 4.48 12.2298L4.23 11.7798C3.42982 10.3132 3.00713 8.67048 3 6.99978V6.32978C2.99958 5.79674 3.21196 5.28558 3.59 4.90978L5.28 3.21978C5.44413 3.05438 5.67581 2.97466 5.90696 3.00404C6.13811 3.03342 6.34248 3.16858 6.46 3.36978L8.71 7.22978C8.93753 7.62267 8.87183 8.11954 8.55 8.43978L6.66 10.3298C6.50304 10.485 6.46647 10.7248 6.57 10.9198L6.92 11.5798C8.17704 13.9082 10.0893 15.817 12.42 17.0698L13.08 17.4298C13.275 17.5333 13.5148 17.4967 13.67 17.3398L15.56 15.4498C15.8802 15.128 16.3771 15.0623 16.77 15.2898L20.63 17.5398C20.8312 17.6573 20.9664 17.8617 20.9957 18.0928C21.0251 18.324 20.9454 18.5557 20.78 18.7198L19.09 20.4098C18.7142 20.7878 18.203 21.0002 17.67 20.9998H17Z" fill="black"/>
+</svg>

assets/images/extras/pin-icon.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M12.0001 2C8.00613 2 4.75684 5.2493 4.75684 9.2432C4.75684 14.1998 11.2388 21.4763 11.5148 21.7836C11.774 22.0723 12.2266 22.0718 12.4854 21.7836C12.7613 21.4763 19.2433 14.1998 19.2433 9.2432C19.2432 5.2493 15.994 2 12.0001 2ZM12.0001 12.8875C9.99062 12.8875 8.35586 11.2527 8.35586 9.2432C8.35586 7.23375 9.99066 5.59898 12.0001 5.59898C14.0095 5.59898 15.6443 7.23379 15.6443 9.24324C15.6443 11.2527 14.0095 12.8875 12.0001 12.8875Z" fill="black"/>
+</svg>

assets/images/extras/placeholder-image.svg

@@ -0,0 +1,4 @@
+<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1000" height="1000" fill="#DBDBDB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M600 440C600 428.954 591.046 420 580 420H420C408.954 420 400 428.954 400 440V560C400 571.046 408.954 580 420 580H580C591.046 580 600 571.046 600 560V440ZM475 450C483.284 450 490 456.716 490 465C490 473.284 483.284 480 475 480C466.716 480 460 473.284 460 465C460 456.716 466.716 450 475 450ZM565 550C567.761 550 570 547.762 570 545V541.6C569.993 540.519 569.643 539.469 569 538.6L526.5 481.9C525.533 480.677 524.059 479.964 522.5 479.964C520.941 479.964 519.467 480.677 518.5 481.9L489.7 519.1C488.746 520.347 487.27 521.085 485.7 521.1C484.227 521.102 482.832 520.441 481.9 519.3L467.4 501.8C466.437 500.644 465.005 499.983 463.5 500C462.127 500.144 460.868 500.827 460 501.9L431.1 538.6C430.387 539.437 429.996 540.501 430 541.6V545C430 547.762 432.239 550 435 550H565Z" fill="black" fill-opacity="0.15"/>
+</svg>

assets/images/extras/placeholder-video-thumbnail.svg

@@ -0,0 +1,4 @@
+<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1000" height="1000" fill="#DBDBDB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M420 420H580C591.046 420 600 428.954 600 440V560C600 571.046 591.046 580 580 580H420C408.954 580 400 571.046 400 560V440C400 428.954 408.954 420 420 420ZM491.7 532.2L530.6 506.2C532.696 504.834 533.96 502.502 533.96 500C533.96 497.498 532.696 495.166 530.6 493.8L491.7 467.8C489.403 466.248 486.438 466.089 483.988 467.387C481.539 468.685 480.005 471.228 480 474V526C480.005 528.772 481.539 531.315 483.988 532.613C486.438 533.911 489.403 533.752 491.7 532.2Z" fill="black" fill-opacity="0.15"/>
+</svg>

assets/images/extras/web.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe2" viewBox="0 0 16 16">
+  <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/>
+</svg>

assets/images/logos/logo-leon.svg

@@ -0,0 +1,9 @@
+<svg width="286" height="155" viewBox="0 0 286 155" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.2 46.1787H31.52V49.1387L23.6 50.9787V102.659H44.08L47.2 91.0587H51.36V106.179H7.2V103.219L15.2 101.379V51.0587L7.2 49.1387V46.1787ZM94.8119 92.6587V101.779C91.7719 105.245 86.8652 106.979 80.0919 106.979C73.3719 106.979 68.3852 105.219 65.1319 101.699C61.8785 98.1254 60.2519 93.192 60.2519 86.8987C60.2519 80.6054 61.9585 75.672 65.3719 72.0987C68.8385 68.472 73.4785 66.6587 79.2919 66.6587C82.7585 66.6587 85.6385 67.2987 87.9319 68.5787C90.2785 69.8587 91.9585 71.5654 92.9719 73.6987C94.5719 77.2187 95.3719 80.9254 95.3719 84.8187H68.2519C68.2519 90.8454 68.9452 95.432 70.3319 98.5787C71.9319 102.152 75.0785 103.939 79.7719 103.939C81.4252 103.939 82.9985 103.725 84.4919 103.299C86.0385 102.819 87.1585 102.365 87.8519 101.939C88.5452 101.512 88.8919 101.245 88.8919 101.139L91.8519 92.6587H94.8119ZM79.1319 69.7787C74.5985 69.7787 71.5052 71.8587 69.8519 76.0187C69.0519 77.8854 68.5719 79.9387 68.4119 82.1787H88.4119C88.4119 73.912 85.3185 69.7787 79.1319 69.7787ZM134.954 87.0587C134.954 81.2987 134.074 77.032 132.314 74.2587C130.554 71.432 127.674 70.0187 123.674 70.0187C119.728 70.0187 116.794 71.3787 114.874 74.0987C113.008 76.7654 112.074 81.0587 112.074 86.9787C112.074 92.8987 113.008 97.1654 114.874 99.7787C116.741 102.339 119.594 103.619 123.434 103.619C127.328 103.619 130.208 102.312 132.074 99.6987C133.994 97.032 134.954 92.8187 134.954 87.0587ZM103.994 87.0587C103.994 80.7654 105.781 75.8054 109.354 72.1787C112.928 68.4987 117.648 66.6587 123.514 66.6587C129.434 66.6587 134.154 68.4454 137.674 72.0187C141.194 75.592 142.954 80.5787 142.954 86.9787C142.954 93.3787 141.194 98.312 137.674 101.779C134.154 105.192 129.408 106.899 123.434 106.899C117.514 106.899 112.794 105.165 109.274 101.699C105.754 98.232 103.994 93.352 103.994 87.0587ZM152.157 67.2987H165.117V78.5787C167.25 70.6854 171.997 66.7387 179.357 66.7387C183.677 66.7387 186.877 68.072 188.957 70.7387C191.037 73.352 192.077 76.9787 192.077 81.6187V101.459L198.237 103.219V106.179H179.277V103.219L184.637 101.619V82.5787C184.637 78.2587 184.05 75.1654 182.877 73.2987C181.757 71.432 179.97 70.4987 177.517 70.4987C173.73 70.4987 170.797 72.312 168.717 75.9387C166.69 79.512 165.677 84.8987 165.677 92.0987V101.619L171.277 103.219V106.179H152.157V103.219L158.077 101.539V71.2987L152.157 70.1787V67.2987Z" fill="#0A2744"/>
+<path d="M9.4739 145.179V116.088H19.3034C21.5856 116.088 23.4512 116.5 24.9 117.324C26.3584 118.138 27.4379 119.241 28.1387 120.633C28.8394 122.025 29.1898 123.578 29.1898 125.292C29.1898 127.006 28.8394 128.564 28.1387 129.966C27.4474 131.367 26.3773 132.485 24.9284 133.318C23.4796 134.142 21.6235 134.554 19.3603 134.554H12.3148V131.429H19.2466C20.8091 131.429 22.0639 131.159 23.0108 130.619C23.9578 130.079 24.6444 129.35 25.0705 128.432C25.5061 127.504 25.7239 126.457 25.7239 125.292C25.7239 124.128 25.5061 123.086 25.0705 122.167C24.6444 121.249 23.9531 120.529 22.9966 120.008C22.0402 119.478 20.7712 119.213 19.1898 119.213H12.9966V145.179H9.4739ZM34.8645 145.179V116.088H38.3873V129.042H53.8986V116.088H57.4213V145.179H53.8986V132.167H38.3873V145.179H34.8645ZM65.6671 145.179H61.9739L72.6557 116.088H76.2921L86.9739 145.179H83.2807L74.5875 120.69H74.3603L65.6671 145.179ZM67.0307 133.815H81.9171V136.94H67.0307V133.815ZM91.5051 145.179V116.088H101.335C103.607 116.088 105.473 116.476 106.931 117.253C108.39 118.02 109.469 119.075 110.17 120.42C110.871 121.765 111.221 123.294 111.221 125.008C111.221 126.722 110.871 128.242 110.17 129.568C109.469 130.894 108.394 131.935 106.945 132.693C105.497 133.441 103.645 133.815 101.392 133.815H93.437V130.633H101.278C102.831 130.633 104.081 130.406 105.028 129.951C105.984 129.497 106.676 128.853 107.102 128.02C107.537 127.177 107.755 126.173 107.755 125.008C107.755 123.843 107.537 122.825 107.102 121.954C106.666 121.083 105.97 120.411 105.014 119.937C104.057 119.454 102.793 119.213 101.221 119.213H95.0279V145.179H91.5051ZM105.198 132.111L112.357 145.179H108.267L101.221 132.111H105.198ZM117.091 116.088H121.296L131.182 140.236H131.523L141.409 116.088H145.614V145.179H142.318V123.076H142.034L132.943 145.179H129.762L120.671 123.076H120.387V145.179H117.091V116.088ZM153.87 145.179H150.177L160.859 116.088H164.495L175.177 145.179H171.484L162.791 120.69H162.563L153.87 145.179ZM155.234 133.815H170.12V136.94H155.234V133.815ZM201.75 125.179H198.227C198.019 124.165 197.655 123.275 197.134 122.508C196.622 121.741 195.997 121.097 195.259 120.576C194.53 120.046 193.72 119.648 192.83 119.383C191.94 119.118 191.012 118.986 190.046 118.986C188.284 118.986 186.689 119.431 185.259 120.321C183.838 121.211 182.707 122.522 181.864 124.255C181.03 125.988 180.614 128.114 180.614 130.633C180.614 133.152 181.03 135.278 181.864 137.011C182.707 138.744 183.838 140.056 185.259 140.946C186.689 141.836 188.284 142.281 190.046 142.281C191.012 142.281 191.94 142.148 192.83 141.883C193.72 141.618 194.53 141.225 195.259 140.704C195.997 140.174 196.622 139.525 197.134 138.758C197.655 137.982 198.019 137.092 198.227 136.088H201.75C201.485 137.575 201.002 138.905 200.301 140.079C199.601 141.254 198.729 142.253 197.688 143.076C196.646 143.891 195.477 144.511 194.179 144.937C192.891 145.363 191.513 145.576 190.046 145.576C187.565 145.576 185.358 144.97 183.426 143.758C181.494 142.546 179.975 140.823 178.867 138.588C177.759 136.353 177.205 133.701 177.205 130.633C177.205 127.565 177.759 124.914 178.867 122.679C179.975 120.444 181.494 118.72 183.426 117.508C185.358 116.296 187.565 115.69 190.046 115.69C191.513 115.69 192.891 115.903 194.179 116.329C195.477 116.755 196.646 117.38 197.688 118.204C198.729 119.019 199.601 120.013 200.301 121.187C201.002 122.352 201.485 123.682 201.75 125.179ZM204.943 116.088H208.977L217.045 129.667H217.386L225.454 116.088H229.488L218.977 133.19V145.179H215.454V133.19L204.943 116.088Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.652 106.179C261.973 106.179 285.742 82.4098 285.742 53.0894C285.742 23.7689 261.973 0 232.652 0C207.63 0 186.651 17.311 181.038 40.6101C186.903 18.7007 206.893 2.56692 230.653 2.56692C259.016 2.56692 282.009 25.5602 282.009 53.9239C282.009 82.2875 259.016 105.281 230.653 105.281C221.405 105.281 212.728 102.836 205.232 98.5586C213.236 103.395 222.619 106.179 232.652 106.179Z" fill="#0A2744"/>
+<rect x="230.518" y="8.22613" width="103.042" height="36.7252" rx="18.3626" transform="rotate(60 230.518 8.22613)" fill="#0A2744" stroke="black"/>
+<path d="M261.311 61.1004L273.38 82.0044C278.45 90.7871 275.441 102.018 266.659 107.088C257.876 112.159 246.646 109.15 241.575 100.367L229.506 79.463C224.435 70.6803 227.444 59.4499 236.227 54.3792C245.01 49.3085 256.24 52.3177 261.311 61.1004Z" fill="white" stroke="black"/>
+<path d="M228.737 51.1355L215.646 28.4614L218.392 26.8761L230.076 47.1146L240.616 41.0293L242.023 43.465L228.737 51.1355Z" fill="white"/>
+<path d="M252.688 92.1018L239.597 69.4277L247.259 65.0044C249.037 63.9774 250.677 63.459 252.177 63.4491C253.68 63.4277 255.018 63.8017 256.19 64.5714C257.363 65.341 258.335 66.3938 259.106 67.7298C259.878 69.0657 260.305 70.4375 260.39 71.8453C260.482 73.2487 260.151 74.6012 259.396 75.9027C258.638 77.1968 257.377 78.3531 255.612 79.3716L250.121 82.542L248.715 80.1063L254.118 76.987C255.336 76.2839 256.192 75.5089 256.687 74.6621C257.182 73.8152 257.389 72.9379 257.308 72.0302C257.23 71.1109 256.929 70.1973 256.405 69.2894C255.881 68.3816 255.242 67.6677 254.489 67.1478C253.744 66.6236 252.881 66.3737 251.901 66.3982C250.917 66.4152 249.809 66.7796 248.576 67.4912L243.749 70.2782L255.434 90.5166L252.688 92.1018Z" fill="#0A2744"/>
+</svg>

assets/js/app.js

@@ -0,0 +1,22 @@
+let toggle_menu = document.querySelector('.toggle-menu')
+let menu_wrapper = document.querySelector('#menu_wrapper')
+let currentURL = window.location.href
+let menuLinks = document.querySelectorAll('.menu-item a')
+let docBody = document.body
+
+function toggleMenu() {
+  toggle_menu.classList.toggle('active')
+  docBody.classList.toggle('noScroll')
+  console.log('No Scroll Activated')
+  menu_wrapper.classList.toggle('expand')
+}
+
+function setActiveMenuLink() {
+  menuLinks.forEach(function (link) {
+    if (link.href === currentURL) {
+      link.classList.add('active-highlight')
+    }
+  })
+}
+
+document.addEventListener('DOMContentLoaded', setActiveMenuLink)

blocks/contact-block/contact-block.js

@@ -0,0 +1,65 @@
+
+( function ( blocks, element, blockEditor ) {
+    const el = element.createElement,
+        registerBlockType = blocks.registerBlockType,
+        ServerSideRender = PgServerSideRender2,
+        InspectorControls = blockEditor.InspectorControls,
+        useBlockProps = blockEditor.useBlockProps;
+        
+    const {__} = wp.i18n;
+    const {ColorPicker, TextControl, ToggleControl, SelectControl, Panel, PanelBody, Disabled, TextareaControl, BaseControl} = wp.components;
+    const {useSelect} = wp.data;
+    const {RawHTML, Fragment} = element;
+   
+    const {InnerBlocks, URLInputButton, RichText} = wp.blockEditor;
+    const useInnerBlocksProps = blockEditor.useInnerBlocksProps || blockEditor.__experimentalUseInnerBlocksProps;
+    
+    const propOrDefault = function(val, prop, field) {
+        if(block.attributes[prop] && (val === null || val === '')) {
+            return field ? block.attributes[prop].default[field] : block.attributes[prop].default;
+        }
+        return val;
+    }
+    
+    const block = registerBlockType( 'leonpharmacy/contact-block', {
+        apiVersion: 2,
+        title: 'Contact Page',
+        description: '',
+        icon: 'block-default',
+        category: 'Leon Pharmacy Blocks',
+        keywords: [],
+        supports: {color: {background: false,text: false,gradients: false,link: false,},typography: {fontSize: false,},anchor: false,align: false,},
+        attributes: {
+        },
+        example: { attributes: {  } },
+        edit: function ( props ) {
+            const blockProps = useBlockProps({ className: 'bg-blue-500' });
+            const setAttributes = props.setAttributes; 
+            
+            
+            const innerBlocksProps = null;
+            
+            
+            return el(Fragment, {}, [
+                
+                        el( ServerSideRender, {
+                            block: 'leonpharmacy/contact-block',
+                            httpMethod: 'POST',
+                            attributes: props.attributes,
+                            innerBlocksProps: innerBlocksProps,
+                            blockProps: blockProps
+                        } ),                        
+                
+            ]);
+        },
+
+        save: function(props) {
+            return null;
+        }                        
+
+    } );
+} )(
+    window.wp.blocks,
+    window.wp.element,
+    window.wp.blockEditor
+);                        

blocks/contact-block/contact-block.php

@@ -0,0 +1,85 @@
+<section <?php if(empty($_GET['context']) || $_GET['context'] !== 'edit') echo get_block_wrapper_attributes( array('class' => "bg-blue-500", ) ); else echo 'data-wp-block-props="true"'; ?>>
+    <div class="mx-auto max-w-screen-xl px-4 py-16">
+        <div class="grid grid-cols-1 gap-x-16 gap-y-8 lg:grid-cols-5">
+            <div class="bg-white col-span-5 gap-8 lg:p-28 md:grid-cols-2 md:p-12 px-4 py-8 rounded-lg shadow-lg">
+                <div class="mb-4 space-y-2 md:mb-14">
+                    <p class="font-bold"><?php _e( 'LEON PHARMACY', 'leonpharmacy' ); ?></p>
+                    <h3 class="font-bold text-2xl"><?php _e( 'Contact Us', 'leonpharmacy' ); ?></h3>
+                    <p><?php _e( 'Get in touch with us.', 'leonpharmacy' ); ?></p>
+                </div>
+                <div class="bg-white col-span-5 gap-8 grid md:grid-cols-2 lg:p-0">
+                    <?php $mailer = new PG_Simple_Form_Mailer(); ?>
+                    <?php $mailer->process( array(
+                            'form_id' => 'contact_form_mailer_id',
+                            'send_to_email' => true,
+                            'save_to_post_type' => true,
+                            'email' => 'info@leonpharmacy.com',
+                            'post_type' => 'contact_message',
+                            'title' => 'New Message',
+                            'intro' => 'New Message Received'
+                    ) ); ?>
+                    <?php if( !$mailer->processed || $mailer->error) : ?>
+                        <form action="<?php echo '#contact_form_mailer_id'; ?>" class="flex-1 space-y-4" id="contact_form_mailer_id" method="post" onsubmit="event.stopImmediatePropagation();event.stopPropagation();">
+                            <div>
+                                <label class="sr-only" for="name">
+                                    <?php _e( 'Name', 'leonpharmacy' ); ?>
+                                </label>
+                                <input required class="border-black p-3 text-sm w-full" placeholder="Name" type="text" id="name" name="contact_form_mailer_id_1" value="<?php echo ( isset( $_POST['contact_form_mailer_id_1'] ) ? $_POST['contact_form_mailer_id_1'] : '' ); ?>"/>
+                            </div>
+                            <div>
+                                <label class="sr-only" for="email">
+                                    <?php _e( 'Email', 'leonpharmacy' ); ?>
+                                </label>
+                                <input required class="border-black p-3 text-sm w-full" placeholder="Email address" type="email" id="email" name="contact_form_mailer_id_2" value="<?php echo ( isset( $_POST['contact_form_mailer_id_2'] ) ? $_POST['contact_form_mailer_id_2'] : '' ); ?>"/>
+                            </div>
+                            <div>
+                                <label class="sr-only" for="message">
+                                    <?php _e( 'Message', 'leonpharmacy' ); ?>
+                                </label>
+                                <textarea required class="border-black p-3 text-sm w-full" placeholder="Message" rows="8" id="message" name="contact_form_mailer_id_3"><?php echo ( isset( $_POST['contact_form_mailer_id_3'] ) ? $_POST['contact_form_mailer_id_3'] : '' ); ?></textarea>
+                            </div>
+                            <div class="mt-auto">
+                                <button href="#" 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" type="submit">
+                                    <?php _e( 'Send Message', 'leonpharmacy' ); ?>
+                                </button>
+                            </div>
+                            <input type="hidden" name="contact_form_mailer_id" value="1"/>
+                        </form>
+                    <?php endif; ?>
+                    <?php if( $mailer->processed ) : ?>
+                        <?php if( $mailer->error ) : ?>
+                            <div class="bg-red-500 m-auto shadow text-white w-full sm:rounded-lg" style="display:block;">
+                                <div class="px-4 py-5 text-center sm:p-6">
+                                    <h3 class="font-semibold leading-6"><?php _e( 'Message Unsuccessful', 'leonpharmacy' ); ?></h3>
+                                    <div class="mt-2">
+                                        <p><?php _e( 'There was an error sending your message.', 'leonpharmacy' ); ?></p>
+                                    </div>
+                                </div>
+                            </div>
+                        <?php else : ?>
+                            <div class="bg-green-400 m-auto shadow w-full sm:rounded-lg" style="display:block;">
+                                <div class="px-4 py-5 text-center sm:p-6">
+                                    <h3 class="font-semibold leading-6 text-gray-900"><?php _e( 'Message Successful', 'leonpharmacy' ); ?></h3>
+                                    <div class="mt-2 text-black">
+                                        <p><?php _e( 'Your message was successfully sent.', 'leonpharmacy' ); ?></p>
+                                    </div>
+                                </div>
+                            </div>
+                        <?php endif; ?>
+                    <?php endif; ?>
+                    <div class="not-prose py-2 space-y-2">
+                        <div class="flex space-x-4">
+                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/extras/email-icon-fill.svg"/><a href="mailto:info@leonpharmacy.ca?subject=Message%20To%20Leon%20Pharmacy"><p><?php _e( 'info@leonpharmacy.ca', 'leonpharmacy' ); ?></p></a>
+                        </div>
+                        <div class="flex space-x-4">
+                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/extras/phone-icon.svg"/><a href="tel:905-845-2811"><p><?php _e( '(905) 845-2811', 'leonpharmacy' ); ?></p></a>
+                        </div>
+                        <div class="flex space-x-4">
+                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/extras/pin-icon.svg"/><a href="https://goo.gl/maps/SVnnmjbXN8K2" target="_blank"><p><?php _e( '340 Kerr Street, Oakville, Ontario, L6K 3B8 Canada', 'leonpharmacy' ); ?></p></a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>

blocks/contact-block/contact-block_register.php

@@ -0,0 +1,21 @@
+<?php
+
+        PG_Blocks_v2::register_block_type( array(
+            'name' => 'leonpharmacy/contact-block',
+            'title' => __( 'Contact Page', 'leonpharmacy' ),
+            'category' => 'Leon Pharmacy Blocks',
+            'enqueue_editor_style' => get_template_directory_uri() . '/assets/css/tailwind_for_wp_editor.css',
+            'render_template' => 'blocks/contact-block/contact-block.php',
+            'supports' => array('color' => array('background' => false,'text' => false,'gradients' => false,'link' => false,),'typography' => array('fontSize' => false,),'anchor' => false,'align' => false,),
+            'base_url' => get_template_directory_uri(),
+            'base_path' => get_template_directory(),
+            'js_file' => 'blocks/contact-block/contact-block.js',
+            'attributes' => array(
+
+            ),
+            'example' => array(
+
+            ),
+            'dynamic' => true,
+            'version' => '1.5'
+        ) );

blocks/pg-blocks-controls-2.css

@@ -0,0 +1,119 @@
+.pg-posts-control-list {
+    width: 100%;
+}
+
+.pg-posts-control-list-item-empty {
+
+}
+
+.pg-posts-control-list-item {
+    border-radius: 2px;
+    background-color: rgb(240, 240, 240);
+    padding: 8px;
+    padding-left: 25px;
+    padding-right: 25px;
+    text-align: left;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    position: relative;
+    margin-bottom: 4px;
+}
+
+.pg-posts-control-list-item-remove {
+    text-decoration: none;
+    position: absolute;
+    right: 8px;
+    font-size: 18px;
+    line-height: 1;
+    color: rgba(0,0,0,0.25);
+    opacity: 0;
+    transition: all 0.3s;
+    top: 50%;
+    margin-top: -10px;
+}
+
+.pg-posts-control-list-item-remove:hover {
+    color: rgba(0,0,0,0.5);
+}
+
+.pg-posts-control-list-item-move {
+    position: absolute;
+    left: 2px;
+    height: 16px;
+    top: 50%;
+    opacity: 0;
+    transition: all 0.3s;
+    color: rgba(0,0,0,0.25);
+    font-size: 15px;
+    text-decoration: none;
+}
+
+.pg-posts-control-list-item-move:hover {
+    color: rgba(0,0,0,0.5);
+}
+
+.pg-posts-control-list-item-move.up {
+    margin-top: -18px;
+}
+
+.pg-posts-control-list-item-move.down {
+    margin-top: 2px;
+}
+
+.pg-posts-control-list-item:hover .pg-posts-control-list-item-move {
+    opacity: 1;
+}
+
+.pg-posts-control-list-item:hover .pg-posts-control-list-item-remove {
+    opacity: 1;
+}
+
+.pg-control-close-popup {
+    text-decoration: none;
+    font-size: 22px;
+    transition: all 0.3s;
+    color: rgba(0,0,0,0.25);
+    text-align: right;
+    padding-right: 4px;
+    display: block;
+    line-height: 1;
+    height: 10px;
+    z-index: 1;
+    position: relative;
+}
+
+.pg-control-close-popup:hover {
+    color: rgba(0,0,0,0.5);
+}
+
+.pg-control-popover {
+    padding-top:20px;
+}
+
+.pg-control-color-popover .components-popover__content{
+    padding: 15px 15px 5px 15px !important;
+}
+
+.pg-control-color-popover .pg-control-close-popup {
+    padding-right: 0;
+    margin-left: auto;
+    position: absolute;
+    right: -13px;
+    top: -19px;
+}
+
+.pg-control-svg-edit .components-popover__content {
+    padding: 10px 10px 10px 10px !important;
+}
+
+.pg-control-svg-edit-code textarea {
+    min-width: 300px;
+    min-height: 120px;
+    font-family: Menlo,Consolas,monaco,monospace;
+}
+
+.pg-control-svg-edit-preview svg {
+    max-height: 100px;
+    max-width: 100%;
+}

blocks/sidebar-heading/sidebar-heading.js

@@ -0,0 +1,83 @@
+
+( function ( blocks, element, blockEditor ) {
+    const el = element.createElement,
+        registerBlockType = blocks.registerBlockType,
+        ServerSideRender = PgServerSideRender2,
+        InspectorControls = blockEditor.InspectorControls,
+        useBlockProps = blockEditor.useBlockProps;
+        
+    const {__} = wp.i18n;
+    const {ColorPicker, TextControl, ToggleControl, SelectControl, Panel, PanelBody, Disabled, TextareaControl, BaseControl} = wp.components;
+    const {useSelect} = wp.data;
+    const {RawHTML, Fragment} = element;
+   
+    const {InnerBlocks, URLInputButton, RichText} = wp.blockEditor;
+    const useInnerBlocksProps = blockEditor.useInnerBlocksProps || blockEditor.__experimentalUseInnerBlocksProps;
+    
+    const propOrDefault = function(val, prop, field) {
+        if(block.attributes[prop] && (val === null || val === '')) {
+            return field ? block.attributes[prop].default[field] : block.attributes[prop].default;
+        }
+        return val;
+    }
+    
+    const block = registerBlockType( 'leonpharmacy/sidebar-heading', {
+        apiVersion: 2,
+        title: 'Sidebar Heading',
+        description: '',
+        icon: 'block-default',
+        category: 'archive',
+        keywords: [],
+        supports: {color: {background: false,text: false,gradients: false,link: false,},typography: {fontSize: false,},anchor: false,align: false,},
+        attributes: {
+            heading: {
+                type: 'string',
+                default: `Heading`,
+            }
+        },
+        example: { attributes: { heading: `Heading` } },
+        edit: function ( props ) {
+            const blockProps = useBlockProps({ className: 'mb-4' });
+            const setAttributes = props.setAttributes; 
+            
+            
+            const innerBlocksProps = null;
+            
+            
+            return el(Fragment, {}, [
+                el('div', { ...blockProps }, [' ', el(RichText, { tagName: 'h2', className: 'font-bold mb-4 text-2xl', value: propOrDefault( props.attributes.heading, 'heading' ), onChange: function(val) { setAttributes( {heading: val }) }, withoutInteractiveFormatting: true, allowedFormats: [] }), ' ', el('hr', { className: 'mb-4' }), ' ']),                        
+                
+                    el( InspectorControls, {},
+                        [
+                            
+                            el(Panel, {},
+                                el(PanelBody, {
+                                    title: __('Block properties')
+                                }, [
+                                    
+                                    el(TextControl, {
+                                        value: props.attributes.heading,
+                                        help: __( '' ),
+                                        label: __( 'Heading' ),
+                                        onChange: function(val) { setAttributes({heading: val}) },
+                                        type: 'text'
+                                    }),    
+                                ])
+                            )
+                        ]
+                    )                            
+
+            ]);
+        },
+
+        save: function(props) {
+            const blockProps = useBlockProps.save({ className: 'mb-4' });
+            return el('div', { ...blockProps }, [' ', el(RichText.Content, { tagName: 'h2', className: 'font-bold mb-4 text-2xl', value: propOrDefault( props.attributes.heading, 'heading' ) }), ' ', el('hr', { className: 'mb-4' }), ' ']);
+        }                        
+
+    } );
+} )(
+    window.wp.blocks,
+    window.wp.element,
+    window.wp.blockEditor
+);                        

blocks/sidebar-heading/sidebar-heading_register.php

@@ -0,0 +1,22 @@
+<?php
+
+        PG_Blocks_v2::register_block_type( array(
+            'name' => 'leonpharmacy/sidebar-heading',
+            'title' => __( 'Sidebar Heading', 'leonpharmacy' ),
+            'category' => 'archive',
+            'supports' => array('color' => array('background' => false,'text' => false,'gradients' => false,'link' => false,),'typography' => array('fontSize' => false,),'anchor' => false,'align' => false,),
+            'base_url' => get_template_directory_uri(),
+            'base_path' => get_template_directory(),
+            'js_file' => 'blocks/sidebar-heading/sidebar-heading.js',
+            'attributes' => array(
+                'heading' => array(
+                    'type' => 'string',
+                    'default' => 'Heading'
+                )
+            ),
+            'example' => array(
+'heading' => 'Heading'
+            ),
+            'dynamic' => false,
+            'version' => '1.5'
+        ) );

category.php

@@ -0,0 +1,79 @@
+<?php get_header(); ?>
+
+<div class="category-header mx-auto pb-8">
+    <div class="mb-8 md:max-w-7xl mx-auto pt-28 px-4">
+        <div>
+            <h1 class="font-bold text-2xl text-white tracking-tight lg:text-4xl"><?php wp_title( '' ); ?></h1>
+        </div>
+    </div>
+</div>
+<div class="pb-28 pt-12">
+    <div class="max-w-7xl mx-auto px-4">
+        <div class="mx-auto">
+            <div class="grid grid-cols-4">
+                <?php if ( have_posts() ) : ?>
+                    <div class="col-span-4 gap-4 grid grid-cols-2 mb-5 md:grid-cols-3 lg:col-span-3">
+                        <?php while ( have_posts() ) : the_post(); ?>
+                            <?php PG_Helper_v2::rememberShownPost(); ?>
+                            <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+                                <div class="mb-4">
+                                    <div class="overflow-hidden relative rounded-lg w-full"><a href="<?php echo esc_url( get_permalink() ); ?>" class="cursor-pointer"><?php echo PG_Image::getPostImage( null, 'large', array(
+                                                    'class' => 'h-full object-center object-cover w-full',
+                                                    'sizes' => '(max-width: 100px) 11px, (max-width: 768px) 88vw, (max-width: 1024px) 45vw, (max-width: 1280px) 22vw, 293px'
+                                            ), 'both', null ) ?></a>
+                                    </div>
+                                    <div class="mt-4 space-y-2 text-left">
+                                        <div class="flex flex-col items-start justify-between mb-2 space-y-2">
+                                            <?php $terms = get_the_terms( get_the_ID(), 'category' ) ?>
+                                            <?php if( !empty( $terms ) ) : ?>
+                                                <?php foreach( $terms as $term_i => $term ) : ?>
+                                                    <?php if( $term_i == 0 ) : ?>
+                                                        <a class="font-medium text-base text-gray-400" href="<?php echo esc_url( get_term_link( $term, 'category' ) ) ?>"><?php echo $term->name; ?></a>
+                                                    <?php endif; ?>
+                                                <?php endforeach; ?>
+                                            <?php endif; ?>
+                                            <h3 class="font-normal text-gray-400 text-xs"><?php the_time( get_option( 'date_format' ) ); ?></h3>
+                                        </div><a href="<?php echo esc_url( get_permalink() ); ?>"><h3 class="font-medium text-gray-900 text-lg"><?php the_title(); ?></h3></a>
+                                    </div>
+                                </div>
+                            </div>
+                        <?php endwhile; ?>
+                    </div>
+                <?php else : ?>
+                    <p><?php _e( 'Sorry, no posts matched your criteria.', 'leonpharmacy' ); ?></p>
+                <?php endif; ?>
+                <?php if ( is_active_sidebar( 'archive' ) ) : ?>
+                    <div class="hidden pl-8 lg:block">
+                        <?php dynamic_sidebar( 'archive' ); ?>
+                    </div>
+                <?php endif; ?>
+            </div>
+            <?php if ( PG_Pagination::isPaginated() ) : ?>
+                <nav class="isolate inline-flex -space-x-px rounded-md shadow-sm" aria-label="Pagination"><a class="<?php if(!( PG_Pagination::getCurrentPage() > 1 )) echo 'disabled'; ?> bg-white border border-gray-300 focus:z-20 font-black hover:bg-gray-50 inline-flex items-center px-2 py-2 relative rounded-md text-gray-500 text-sm" <?php echo PG_Pagination::getPreviousHrefAttribute(); ?>> <span class="sr-only"><?php _e( 'Previous', 'leonpharmacy' ); ?></span> <!-- Heroicon name: mini/chevron-left --> <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                            <path fill-rule="evenodd" d="M12.79 5.23a.75.75 0 01-.02 1.06L8.832 10l3.938 3.71a.75.75 0 11-1.04 1.08l-4.5-4.25a.75.75 0 010-1.08l4.5-4.25a.75.75 0 011.06.02z" clip-rule="evenodd"/>
+                        </svg> </a>
+                    <!-- Current: "z-10 bg-indigo-50 border-indigo-500 text-indigo-600", Default: "bg-white border-gray-300 text-gray-500 hover:bg-gray-50" -->
+                    <?php $dots = false; ?>
+                    <?php for( $page_num = 1; $page_num <= PG_Pagination::getMaxPages(); $page_num++) : ?>
+                        <?php if( $page_num == PG_Pagination::getCurrentPage() ) : ?>
+                            <a href="<?php echo esc_url( get_pagenum_link( $page_num ) ) ?>" aria-current="page" class="bg-blue-500 border border-yellow-500 focus:z-20 font-bold inline-flex items-center px-4 py-2 relative text-sm text-white z-10"><?php echo $page_num ?></a>
+                            <?php $dots = false; ?>
+                        <?php elseif ( false || ( $page_num <= 1 || ( PG_Pagination::getCurrentPage() && $page_num >= PG_Pagination::getCurrentPage() - 2 && $page_num <= PG_Pagination::getCurrentPage() + 2 ) || $page_num > PG_Pagination::getMaxPages() - 1 ) ) : ?>
+                            <a href="<?php echo esc_url( get_pagenum_link( $page_num ) ) ?>" class="<?php if( $page_num == PG_Pagination::getCurrentPage() ) echo 'active'; ?> bg-white border border-gray-300 focus:z-20 font-medium hover:bg-gray-50 inline-flex items-center px-4 py-2 relative text-gray-500 text-sm"><?php echo $page_num ?></a>
+                            <?php $dots = false; ?>
+                        <?php else : ?>
+                            <?php if(!$dots) : ?>
+                                <span class="relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700">...</span>
+                                <?php $dots = true; ?>
+                            <?php endif; ?>
+                        <?php endif; ?>
+                    <?php endfor; ?>                                  <a class="<?php if(!( PG_Pagination::getCurrentPage() < PG_Pagination::getMaxPages() )) echo 'disabled'; ?> bg-white border border-gray-300 focus:z-20 font-black hover:bg-gray-50 inline-flex items-center px-2 py-2 relative rounded-md text-gray-500 text-sm" <?php echo PG_Pagination::getNextHrefAttribute(); ?>> <span class="sr-only"><?php _e( 'Next', 'leonpharmacy' ); ?></span> <!-- Heroicon name: mini/chevron-right --> <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                            <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"/>
+                        </svg> </a>
+                </nav>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>            
+
+<?php get_footer(); ?>

footer.php

@@ -0,0 +1,103 @@
+
+        </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>

front-page.php

@@ -0,0 +1,251 @@
+<?php get_header(); ?>
+
+<section id="hero" class="relative">
+    <div class="bg-gradient-to-r from-white h-full left-0 to-white top-0 via-transparent z-10" id="hero-overlay"></div>
+    <div class="absolute flex flex-col h-full justify-center left-0 top-0 w-full">
+        <div class="max-w-7xl mx-auto lg:flex lg:justify-between">
+            <div class="flex flex-col items-start max-w-6xl mx-auto px-4 w-full xl:max-w-7xl">
+                <p class="capitalize font-medium mb-2 text-3xl text-blue-500"><?php _e( 'Welcome to', 'leonpharmacy' ); ?></p>
+                <h1 class="font-bold text-4xl text-blue-500 uppercase lg:text-6xl"><?php _e( 'Leon', 'leonpharmacy' ); ?><br/><?php _e( 'Pharmacy', 'leonpharmacy' ); ?></h1>
+                <div class="bg-blue-500 my-4 pt-1 w-36"></div>
+                <p class="bg-opacity-50 bg-white font-bold p-4 md:text-2xl text-black md:max-w-md"><?php _e( 'We are a recognized Pharmacy and Medical Clinic.', 'leonpharmacy' ); ?></p>
+            </div>
+            <div class="flex flex-col mx-auto px-4 w-full md:flex-row md:items-end lg:flex-col">
+                <p class="bg-blue-500 font-black p-4 text-white text-xl md:max-w-md md:text-2xl"><?php _e( 'Thank you for voting us Best Pharmacy in Oakville', 'leonpharmacy' ); ?></p>
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/awards/2023-high-res.png" alt="Readers Choice 2023 Diamond Award" class="lg:w-2/4 md:w-6/12 w-4/6"/>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="lg:h-28">
+    <div class="gap-x-2 gap-y-8 grid grid-cols-2 md:grid-cols-3 px-4 py-8 lg:-top-32 lg:grid-cols-6 lg:max-w-screen-2xl lg:mx-auto lg:relative">
+        <a href="<?php echo get_home_url() . '/blisterpack'; ?>"> <div class="flex items-center flex-col">
+                <div class="bg-blue-500 flex h-16 items-center justify-center lg:h-32 lg:w-32 rounded-full w-16">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/icon_white_blister-pack@4x.png" width="60%" alt="Medication Packaging Icon"/>
+                </div>
+                <h3 class="bg-blue-50 mt-4 px-4 py-2 rounded-full text-center text-sm w-full"><?php _e( 'Medication Packaging', 'leonpharmacy' ); ?></h3>
+            </div> </a><a href="<?php echo get_home_url() . '/services/#medcheck'; ?>"> <div class="flex items-center flex-col">
+                <div class="bg-blue-500 flex h-16 items-center justify-center lg:h-32 lg:w-32 rounded-full w-16">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/icon_white_med-review@4x.png" width="55%" alt="Medication Review Icon"/>
+                </div>
+                <h3 class="bg-blue-50 mt-4 px-4 py-2 rounded-full text-center text-sm w-full"><?php _e( 'Medication Reviews', 'leonpharmacy' ); ?></h3>
+            </div> </a><a href="<?php echo get_home_url() . '/services/#meddelivery'; ?>"> <div class="flex items-center flex-col">
+                <div class="bg-blue-500 flex h-16 items-center justify-center lg:h-32 lg:w-32 rounded-full w-16">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/icon_white_gta-delivery@4x.png" width="80%" alt="Medication Delivery Icon"/>
+                </div>
+                <h3 class="bg-blue-50 mt-4 px-4 py-2 rounded-full text-center text-sm w-full"><?php _e( 'Free GTA Delivery', 'leonpharmacy' ); ?></h3>
+            </div> </a><a href="<?php echo get_home_url() . '/services/#diabetes'; ?>"> <div class="flex items-center flex-col">
+                <div class="bg-blue-500 flex h-16 items-center justify-center lg:h-32 lg:w-32 rounded-full w-16">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/icon_white_diabetes@4x.png" width="60%" alt="Diabetes Management Icon"/>
+                </div>
+                <h3 class="bg-blue-50 mt-4 px-4 py-2 rounded-full text-center text-sm w-full"><?php _e( 'Diabetes Management', 'leonpharmacy' ); ?></h3>
+            </div> </a><a href="<?php echo get_home_url() . '/services/#injection'; ?>"> <div class="flex items-center flex-col">
+                <div class="bg-blue-500 flex h-16 items-center justify-center lg:h-32 lg:w-32 rounded-full w-16">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/icon_white_injecion@4x.png" width="60%" alt="Diabetes Management Icon"/>
+                </div>
+                <h3 class="bg-blue-50 mt-4 px-4 py-2 rounded-full text-center text-sm w-full"><?php _e( 'Injection Services', 'leonpharmacy' ); ?></h3>
+            </div> </a><a href="<?php echo get_home_url() . '/services/#minor-ailments'; ?>"> <div class="flex items-center flex-col">
+                <div class="bg-blue-500 flex h-16 items-center justify-center lg:h-32 lg:w-32 rounded-full w-16">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/icon_white_ailment@4x.png" width="60%" alt="Diabetes Management Icon"/>
+                </div>
+                <h3 class="bg-blue-50 mt-4 px-4 py-2 rounded-full text-center text-sm w-full"><?php _e( 'Minor Ailments', 'leonpharmacy' ); ?></h3>
+            </div> </a>
+    </div>
+</section>
+<section>
+    <div class="bg-gray-100 max-w-7xl mx-auto px-4 py-4 md:gap-2 md:grid md:grid-cols-2">
+        <div class="col-span-2">
+            <video width="640" height="360" controls class="w-full h-56 lg:h-[720px] md:h-[360px]" src="<?php echo get_home_url() . '/wp-content/uploads/leon-pharmacy-robotic-technology.mp4'; ?>"> 
+                <source src="<?php echo get_template_directory_uri(); ?>/your-video-file.mp4" type="video/mp4"> 
+                <?php _e( 'Your browser does not support the video tag.', 'leonpharmacy' ); ?> 
+            </video>
+        </div>
+        <div class="md:px-4 py-8">
+            <h2 class="font-bold mb-3 text-2xl 2xl:capitalize"><?php _e( 'Leon Pharmacy Offers an Automated', 'leonpharmacy' ); ?> <a class="underline" href="<?php echo get_home_url() . '/blisterpack'; ?>"><?php _e( 'Blister Pack', 'leonpharmacy' ); ?></a> <?php _e( 'Service to Patients that is', 'leonpharmacy' ); ?> <span class="font-black text-red-500"><?php _e( 'FREE', 'leonpharmacy' ); ?></span> .</h2>
+            <hr class="mb-4 border-gray-300"/>
+            <ul class="space-y-2 text-gray-700 md:text-xl">
+                <li>
+                    <?php _e( 'All prescriptions are grouped by dose and time of day.', 'leonpharmacy' ); ?>
+                </li>
+                <li>
+                    <b class="text-blue-500"><?php _e( 'Medication images on the label and color coding with large font print.', 'leonpharmacy' ); ?></b>
+                </li>
+                <li>
+                    <?php _e( 'Easy-to-use. See at-a-glance if medication were taken.', 'leonpharmacy' ); ?>
+                </li>
+                <li>
+                    <?php _e( 'Detachable packs for on the go use.', 'leonpharmacy' ); ?>
+                </li>
+                <li>
+                    <?php _e( 'Filled using the precision of robotic automation.', 'leonpharmacy' ); ?>
+                </li>
+            </ul>
+            <h3 class="font-medium mt-8 md:text-2xl"><a style="" href="tel:9058452811" class="font-black underline"><?php _e( 'Call us to learn more today', 'leonpharmacy' ); ?></a></h3>
+        </div>
+        <div>
+            <a href="<?php echo get_home_url() . '/blisterpack'; ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/images/services/Synmed%20Blisterpack.jpg" alt="SYNMED Blister Pack Robot"/> <h3 class="md:font-semibold md:mt-4 md:text-lg"><?php _e( 'Robotic Automated Blister Pack Technology (SYNMED)', 'leonpharmacy' ); ?></h3></a>
+        </div>
+    </div>
+</section>
+<section></section>
+<section>
+    <div class="px-4 py-12">
+        <h2 class="capitalize font-medium mb-4 text-3xl text-blue-500 text-center"><?php _e( 'Our Pharmacy', 'leonpharmacy' ); ?></h2>
+        <div class="gap-6 grid grid-cols-1 max-w-7xl mx-auto lg:grid-cols-3">
+            <div class="group h-56 overflow-hidden relative">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/leon-pharmacy-entrance.jpg" alt="Leon Pharmacy Entrance" class="w-full h-full object-cover"/>
+                <div class="absolute bg-blue-500 bottom-0 duration-300 group-hover:translate-y-0 p-4 text-white transform transition-transform lg:translate-y-full">
+                    <h3 class="text-xl font-bold"><?php _e( 'Local Community', 'leonpharmacy' ); ?></h3>
+                </div>
+            </div>
+            <div class="group h-56 overflow-hidden relative">
+                <img alt="Leon Pharmacy Award Wall" class="w-full h-full object-cover" src="<?php echo get_template_directory_uri(); ?>/assets/images/awards/award-wall.jpg"/>
+                <div class="absolute bg-blue-500 bottom-0 duration-300 group-hover:translate-y-0 p-4 text-white transform transition-transform lg:translate-y-full">
+                    <h3 class="text-xl font-bold"><?php _e( 'Award Winning', 'leonpharmacy' ); ?></h3>
+                </div>
+            </div>
+            <div class="group h-56 overflow-hidden relative">
+                <img src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/leon-pharmacy.jpg" alt="Leon Pharmacy Interior" class="w-full h-full object-cover"/>
+                <div class="absolute bg-blue-500 bottom-0 duration-300 group-hover:translate-y-0 p-4 text-white transform transition-transform lg:translate-y-full">
+                    <h3 class="text-xl font-bold"><?php _e( 'Trusted Professionals', 'leonpharmacy' ); ?></h3>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+<section>
+    <div class="pt-12">
+        <h2 class="capitalize font-medium mb-4 px-4 text-3xl text-blue-500 text-center"><?php _e( 'What makes us different', 'leonpharmacy' ); ?></h2>
+        <div>
+            <div class="2xl:max-w-screen-2xl 2xl:mx-auto flex flex-col justify-between md:flex-row">
+                <div class="px-4 py-8 w-full md:w-1/2 2xl:ml-auto 2xl:pl-44">
+                    <h2 class="font-bold mb-3 text-2xl 2xl:capitalize"><?php _e( 'Built on', 'leonpharmacy' ); ?> <br/><?php _e( 'trust and quality', 'leonpharmacy' ); ?></h2>
+                    <hr class="mb-4 border-gray-300"/>
+                    <p class="text-gray-700"><?php _e( 'Our pharmacy staff is committed to providing the best pharmacy care and service you can find anywhere. From the moment you step in your health becomes our number one priority and we will strive to make sure you are taking your medications in a safe and responsible manner. To learn more about what we provide, visit our', 'leonpharmacy' ); ?> <span class="font-bold underline"><a href="<?php echo get_home_url() . '/services'; ?>"><?php _e( 'Services', 'leonpharmacy' ); ?></a></span>.</p>
+                </div>
+                <div id="leon-difference_1" class="bg-cover bg-top h-44 overflow-hidden rounded-md w-full md:h-96 md:w-1/2"></div>
+            </div>
+            <div class="2xl:max-w-screen-2xl 2xl:mx-auto flex flex-col justify-between md:flex-row-reverse">
+                <div class="px-4 py-8 w-full md:w-1/2 2xl:mr-auto 2xl:pr-44 2xl:text-right">
+                    <h2 class="font-bold mb-3 text-2xl 2xl:capitalize"> <?php _e( 'Award winning', 'leonpharmacy' ); ?><br/> <?php _e( 'service and care', 'leonpharmacy' ); ?> </h2>
+                    <hr class="mb-4 border-gray-300"/>
+                    <p class="text-gray-700"><?php _e( 'At Leon Pharmacy, we stand by the belief that quality pharmacy care means more than just simply dispensing prescriptions. Quality care to us means that you get the prescriptions and medications that you need, along with the personal care and attention that you deserve.', 'leonpharmacy' ); ?></p>
+                </div>
+                <div id="leon-difference_2" class="bg-cover bg-top h-44 overflow-hidden rounded-md w-full md:h-96 md:w-1/2"></div>
+            </div>
+        </div>
+    </div>
+</section>
+<section>
+    <div class="px-4 py-12">
+        <h2 class="capitalize font-medium mb-4 text-3xl text-blue-500 text-center"><?php _e( 'Reliable Care', 'leonpharmacy' ); ?></h2>
+        <div>
+            <h2 class="mb-8 text-gray-600 text-center"><?php _e( 'Reliable Health Benefits at Leon Pharmacy &amp; Kerr Medical Clinic', 'leonpharmacy' ); ?></h2>
+            <div class="gap-6 grid grid-cols-2 max-w-7xl mx-auto lg:grid-cols-4">
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-house-heart mb-4" viewBox="0 0 16 16">
+                            <path d="M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z"/>
+                            <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Integrated Care', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Clinic and pharmacy services under one roof.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="hidden items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-award mb-4" viewBox="0 0 16 16">
+                            <path d="M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z"/>
+                            <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Qualified Professionals', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Experienced pharmacists ready to serve you.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-patch-question mb-4" viewBox="0 0 16 16">
+                            <path d="M8.05 9.6c.336 0 .504-.24.554-.627.04-.534.198-.815.847-1.26.673-.475 1.049-1.09 1.049-1.986 0-1.325-.92-2.227-2.262-2.227-1.02 0-1.792.492-2.1 1.29A1.71 1.71 0 0 0 6 5.48c0 .393.203.64.545.64.272 0 .455-.147.564-.51.158-.592.525-.915 1.074-.915.61 0 1.03.446 1.03 1.084 0 .563-.208.885-.822 1.325-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745z"/>
+                            <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
+                            <path d="M7.001 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Free Consultation', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Get the best health advice from our experts.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="hidden items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-tablet mb-4" viewBox="0 0 16 16">
+                            <path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
+                            <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Digital Prescriptions', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Electronic prescriptions sent directly to your device.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-person-check mb-4" viewBox="0 0 16 16">
+                            <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+                            <path d="M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Personalized Care', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Tailored solutions and recommendations.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-truck mb-4" viewBox="0 0 16 16">
+                            <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Medication Delivery', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'We deliver your medicines right to you.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-arrow-repeat mb-4" viewBox="0 0 16 16">
+                            <path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/>
+                            <path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Effortless Refills', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Synchronized and automatic prescription refill options.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-zoom-in mb-4" viewBox="0 0 16 16">
+                            <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+                            <path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
+                            <path fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Advanced Technology', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'State-of-the-art equipment for accurate medication.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-journal-bookmark-fill mb-4" viewBox="0 0 16 16">
+                            <path fill-rule="evenodd" d="M6 1h6v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8V1z"/>
+                            <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+                            <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Reliable advice', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Up to date health and wellness resources.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+                <div class="flex items-start space-x-4">
+                    <div>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-gift mb-4" viewBox="0 0 16 16">
+                            <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
+                        </svg>
+                        <h3 class="font-semibold mb-2"><?php _e( 'Rewards & Discounts', 'leonpharmacy' ); ?></h3>
+                        <p class="text-gray-600 text-sm"><?php _e( 'Save on medications and services.', 'leonpharmacy' ); ?></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>            
+
+<?php get_footer(); ?>

functions.php

@@ -0,0 +1,256 @@
+<?php
+if ( ! function_exists( 'leonspharmacy_setup' ) ) :
+
+function leonspharmacy_setup() {
+
+    /*
+     * Make theme available for translation.
+     * Translations can be filed in the /languages/ directory.
+     */
+    /* Pinegrow generated Load Text Domain Begin */
+    load_theme_textdomain( 'leonpharmacy', get_template_directory() . '/languages' );
+    /* Pinegrow generated Load Text Domain End */
+
+    // Add default posts and comments RSS feed links to head.
+    add_theme_support( 'automatic-feed-links' );
+
+    /*
+     * Let WordPress manage the document title.
+     */
+    add_theme_support( 'title-tag' );
+    
+    /*
+     * Enable support for Post Thumbnails on posts and pages.
+     */
+    add_theme_support( 'post-thumbnails' );
+    //Support custom logo
+    add_theme_support( 'custom-logo' );
+
+    // Add menus.
+    register_nav_menus( array(
+        'primary' => __( 'Primary Menu', 'leonspharmacy' ),
+        'social'  => __( 'Social Links Menu', 'leonspharmacy' ),
+    ) );
+
+/*
+     * Register custom menu locations
+     */
+    /* Pinegrow generated Register Menus Begin */
+
+    register_nav_menu(  'primary', __( 'Main menu', 'leonpharmacy' )  );
+
+    register_nav_menu(  'leon_pharmacy', __( 'Main Footer Menu', 'leonpharmacy' )  );
+
+    /* Pinegrow generated Register Menus End */
+    
+/*
+    * Set image sizes
+     */
+    /* Pinegrow generated Image sizes Begin */
+
+    /* Pinegrow generated Image sizes End */
+    
+    /*
+     * Switch default core markup for search form, comment form, and comments
+     * to output valid HTML5.
+     */
+    add_theme_support( 'html5', array(
+        'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
+    ) );
+
+    /*
+     * Enable support for Post Formats.
+     */
+    add_theme_support( 'post-formats', array(
+        'aside', 'image', 'video', 'quote', 'link', 'gallery', 'status', 'audio', 'chat'
+    ) );
+
+    /*
+     * Enable support for Page excerpts.
+     */
+     add_post_type_support( 'page', 'excerpt' );
+}
+endif; // leonspharmacy_setup
+
+add_action( 'after_setup_theme', 'leonspharmacy_setup' );
+
+
+if ( ! function_exists( 'leonspharmacy_init' ) ) :
+
+function leonspharmacy_init() {
+
+    
+    // Use categories and tags with attachments
+    register_taxonomy_for_object_type( 'category', 'attachment' );
+    register_taxonomy_for_object_type( 'post_tag', 'attachment' );
+
+    /*
+     * Register custom post types. You can also move this code to a plugin.
+     */
+    /* Pinegrow generated Custom Post Types Begin */
+
+    register_post_type('contact_message', array(
+        'labels' => 
+            array(
+                'name' => __( 'Messages', 'leonpharmacy' ),
+                'singular_name' => __( 'Message', 'leonpharmacy' )
+            ),
+        'public' => false,
+        'supports' => array( 'title', 'editor', 'author' ),
+        'show_in_rest' => false,
+        'show_ui' => true,
+        'show_in_menu' => true
+    ));
+
+    /* Pinegrow generated Custom Post Types End */
+    
+    /*
+     * Register custom taxonomies. You can also move this code to a plugin.
+     */
+    /* Pinegrow generated Taxonomies Begin */
+
+    /* Pinegrow generated Taxonomies End */
+
+}
+endif; // leonspharmacy_setup
+
+add_action( 'init', 'leonspharmacy_init' );
+
+
+if ( ! function_exists( 'leonspharmacy_custom_image_sizes_names' ) ) :
+
+function leonspharmacy_custom_image_sizes_names( $sizes ) {
+
+    /*
+     * Add names of custom image sizes.
+     */
+    /* Pinegrow generated Image Sizes Names Begin*/
+    /* This code will be replaced by returning names of custom image sizes. */
+    /* Pinegrow generated Image Sizes Names End */
+    return $sizes;
+}
+add_action( 'image_size_names_choose', 'leonspharmacy_custom_image_sizes_names' );
+endif;// leonspharmacy_custom_image_sizes_names
+
+
+
+if ( ! function_exists( 'leonspharmacy_widgets_init' ) ) :
+
+function leonspharmacy_widgets_init() {
+
+    /*
+     * Register widget areas.
+     */
+    /* Pinegrow generated Register Sidebars Begin */
+
+    register_sidebar( array(
+        'name' => __( 'Archive', 'leonpharmacy' ),
+        'id' => 'archive',
+        'before_widget' => '<div id="%1$s" class="widget %2$s">',
+        'after_widget' => '</div>',
+        'before_title' => '<h3 class="widgettitle">',
+        'after_title' => '</h3>'
+    ) );
+
+    /* Pinegrow generated Register Sidebars End */
+}
+add_action( 'widgets_init', 'leonspharmacy_widgets_init' );
+endif;// leonspharmacy_widgets_init
+
+
+
+if ( ! function_exists( 'leonspharmacy_customize_register' ) ) :
+
+function leonspharmacy_customize_register( $wp_customize ) {
+    // Do stuff with $wp_customize, the WP_Customize_Manager object.
+
+    /* Pinegrow generated Customizer Controls Begin */
+
+    /* Pinegrow generated Customizer Controls End */
+
+}
+add_action( 'customize_register', 'leonspharmacy_customize_register' );
+endif;// leonspharmacy_customize_register
+
+
+if ( ! function_exists( 'leonspharmacy_enqueue_scripts' ) ) :
+    function leonspharmacy_enqueue_scripts() {
+
+        /* Pinegrow generated Enqueue Scripts Begin */
+
+    wp_deregister_script( 'leonpharmacy-app' );
+    wp_enqueue_script( 'leonpharmacy-app', get_template_directory_uri() . '/assets/js/app.js', [], '1.5', true);
+
+    /* Pinegrow generated Enqueue Scripts End */
+
+        /* Pinegrow generated Enqueue Styles Begin */
+
+    wp_deregister_style( 'leonpharmacy-styles' );
+    wp_enqueue_style( 'leonpharmacy-styles', get_template_directory_uri() . '/assets/css/styles.css', [], '1.5', 'all');
+
+    wp_deregister_style( 'leonpharmacy-style' );
+    wp_enqueue_style( 'leonpharmacy-style', get_bloginfo('stylesheet_url'), [], '1.5', 'all');
+
+    /* Pinegrow generated Enqueue Styles End */
+
+    }
+    add_action( 'wp_enqueue_scripts', 'leonspharmacy_enqueue_scripts' );
+endif;
+
+function pgwp_sanitize_placeholder($input) { return $input; }
+/*
+ * Resource files included by Pinegrow.
+ */
+/* Pinegrow generated Include Resources Begin */
+require_once "inc/custom.php";
+if( !class_exists( 'PG_Helper_v2' ) ) { require_once "inc/wp_pg_helpers.php"; }
+if( !class_exists( 'PG_Blocks_v2' ) ) { require_once "inc/wp_pg_blocks_helpers.php"; }
+if( !class_exists( 'PG_Simple_Form_Mailer' ) ) { require_once "inc/wp_simple_form_mailer.php"; }
+if( !class_exists( 'PG_Pagination' ) ) { require_once "inc/wp_pg_pagination.php"; }
+if( !class_exists( 'PG_Smart_Walker_Nav_Menu' ) ) { require_once "inc/wp_smart_navwalker.php"; }
+
+    /* Pinegrow generated Include Resources End */
+
+/* Creating Editor Blocks with Pinegrow */
+
+if ( ! function_exists('leonspharmacy_blocks_init') ) :
+function leonspharmacy_blocks_init() {
+    // Register blocks. Don't edit anything between the following comments.
+    /* Pinegrow generated Register Pinegrow Blocks Begin */
+    require_once 'blocks/contact-block/contact-block_register.php';
+    require_once 'blocks/sidebar-heading/sidebar-heading_register.php';
+
+    /* Pinegrow generated Register Pinegrow Blocks End */
+}
+add_action('init', 'leonspharmacy_blocks_init');
+endif;
+
+/* End of creating Editor Blocks with Pinegrow */
+
+
+/* Register Blocks Categories */
+
+function leonspharmacy_register_blocks_categories( $categories ) {
+
+    // Don't edit anything between the following comments.
+    /* Pinegrow generated Register Blocks Category Begin */
+
+$categories = array_merge( $categories, array( array(
+        'slug' => 'Leon Pharmacy Blocks',
+        'title' => __( 'Leon Pharmacy Blocks', 'leonpharmacy' )
+    ) ) );
+
+$categories = array_merge( $categories, array( array(
+        'slug' => 'archive',
+        'title' => __( 'Archive', 'leonpharmacy' )
+    ) ) );
+
+    /* Pinegrow generated Register Blocks Category End */
+    
+    return $categories;
+}
+add_action( version_compare('5.8', get_bloginfo('version'), '<=' ) ? 'block_categories_all' : 'block_categories', 'leonspharmacy_register_blocks_categories');
+
+/* End of registering Blocks Categories */
+
+?>

header.php

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<!--- HTML5 -->
+<html <?php language_attributes(); ?>>
+    <head>
+        <meta charset="<?php bloginfo( 'charset' ); ?>"/>
+        <meta content="width=device-width, initial-scale=1, viewport-fit=cover, shrink-to-fit=no" name="viewport"/>
+        <link href="<?php echo get_template_directory_uri(); ?>/icon.png" rel="icon" type="image/png"/>
+        <!-- Style Sheets -->
+        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
+        <?php wp_head(); ?>
+    </head>
+    <body class="overflow-x-hidden <?php echo implode(' ', get_body_class()); ?>">
+        <?php if( function_exists( 'wp_body_open' ) ) wp_body_open(); ?>
+        <header id="header" class="bg-white shadow-lg w-full z-20">
+            <nav class="relative" id="navbar">
+                <div class="bg-blue-600 flex justify-end px-4 py-2 space-x-4 text-white lg:pr-32"><a class="flex items-center px-4 space-x-4" href="tel:905-845-2811"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
+                            <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.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> <p class="text-sm underline"><?php _e( '905-845-2811', 'leonpharmacy' ); ?></p> </a>
+                    <a class="text-sm" href="https://leonpharmacy.erefills.ca/leonpharmacy/centralprofile/signin.php" target="_blank"><?php _e( 'Refill Login', 'leonpharmacy' ); ?></a>
+                </div>
+                <div class="flex items-center justify-between mx-auto relative lg:items-stretch"><a class="flex h-full items-center p-2 relative skew-x-12 z-30 lg:bg-white lg:left-8 lg:pr-8 lg:py-4 lg:relative" 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" class="-skew-x-12 hidden lg:block"/><img alt="harplabs logo Logo" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-leon-icon.png" class="-skew-x-12 lg:hidden" width="50"/></a>
+                    <div class="absolute bg-blue-500 flex-1 left-0 overflow-hidden top-full w-full z-20 lg:left-4 lg:relative" id="menu_wrapper">
+                        <div class="lg:flex lg:h-full">
+                            <ul class="lg:flex lg:items-center lg:justify-end lg:px-16 lg:py-0 lg:space-y-0 mx-auto p-4 space-y-1 text-center w-full xl:pr-16 z-50" id="main_menu">
+                                <?php if ( has_nav_menu( 'primary' ) ) : ?>
+                                    <?php
+                                        PG_Smart_Walker_Nav_Menu::init();
+                                        PG_Smart_Walker_Nav_Menu::$options['template'] = '<li class="flex flex-col justify-center relative w-full {CLASSES}" id="{ID}">
+                                                                                <a class="font-medium hover:text-blue-100 inline-block main-link min-w-max mx-auto relative text-white uppercase" {ATTRS}>{TITLE}</a>
+                                                                                <ul class="capitalize hidden lg:rounded-md list-none md:absolute md:left-0 md:w-max z-50">
+                                                                                    <li class="max-w-max mx-auto relative">
+                                                                                        <a class="hover:text-yellow-500 inline-block main-link min-w-max mx-auto relative text-white" href="#services">Home</a>
+                                                                                    </li>
+                                                                                </ul>
+                                                                            </li>';
+                                        
+                                        PG_Smart_Walker_Nav_Menu::$options['template_item_with_sublevel'] = '<li class="flex flex-col justify-center relative w-full {CLASSES}" id="{ID}">
+                                                                                <a class="font-medium hover:text-blue-100 inline-block main-link min-w-max mx-auto relative text-white uppercase" {ATTRS}>{TITLE}</a>
+                                                                                <ul class="capitalize hidden lg:rounded-md list-none md:absolute md:left-0 md:w-max z-50">{SUB}</ul>
+                                                                            </li>';
+                                        PG_Smart_Walker_Nav_Menu::$options['template_sublevel'] = '{SUB}';
+                                        PG_Smart_Walker_Nav_Menu::$options['template_subitem'] = '<li class="max-w-max mx-auto relative {CLASSES}" id="{ID}">
+                                                                                        <a class="hover:text-yellow-500 inline-block main-link min-w-max mx-auto relative text-white" {ATTRS}>{TITLE}</a>
+                                                                                    </li>';
+                                        
+                                        wp_nav_menu( array(
+                                            'container' => '',
+                                            'theme_location' => 'primary',
+                                            'items_wrap' => '<span class="%2$s lg:flex lg:mr-2 lg:space-x-5 lg:space-y-0 space-y-4" id="%1$s">%3$s</span>',
+                                            'walker' => new PG_Smart_Walker_Nav_Menu()
+                                    ) ); ?>
+                                <?php endif; ?>
+                            </ul>
+                        </div>
+                    </div><a onclick="toggleMenu()" class="mr-4 toggle-menu lg:hidden" href="#"> <i></i> <i></i><i></i> </a>
+                </div>
+            </nav>
+        </header>
+        <main>

inc/allow_svg.php

@@ -0,0 +1,55 @@
+<?php
+
+/** Allow SVG uploads for administrator users.
+ * @param array $upload_mimes Allowed mime types.
+ * @return mixed
+ */
+add_filter(
+  'upload_mimes',
+  function ($upload_mimes) {
+    // By default, only administrator users are allowed to add SVGs.
+    // To enable more user types edit or comment the lines below but beware of
+    // the security risks if you allow any user to upload SVG files.
+    if (!current_user_can('administrator')) {
+      return $upload_mimes;
+    }
+
+    $upload_mimes['svg']  = 'image/svg+xml';
+    $upload_mimes['svgz'] = 'image/svg+xml';
+
+    return $upload_mimes;
+  }
+);
+
+/**
+ * Add SVG files mime check.
+ * @param array        $wp_check_filetype_and_ext Values for the extension, mime type, and corrected filename.
+ * @param string       $file Full path to the file.
+ * @param string       $filename The name of the file (may differ from $file due to $file being in a tmp directory).
+ * @param string[]     $mimes Array of mime types keyed by their file extension regex.
+ * @param string|false $real_mime The actual mime type or false if the type cannot be determined.
+ */
+add_filter(
+  'wp_check_filetype_and_ext',
+  function ($wp_check_filetype_and_ext, $file, $filename, $mimes, $real_mime) {
+
+    if (!$wp_check_filetype_and_ext['type']) {
+
+      $check_filetype  = wp_check_filetype($filename, $mimes);
+      $ext             = $check_filetype['ext'];
+      $type            = $check_filetype['type'];
+      $proper_filename = $filename;
+
+      if ($type && 0 === strpos($type, 'image/') && 'svg' !== $ext) {
+        $ext  = false;
+        $type = false;
+      }
+
+      $wp_check_filetype_and_ext = compact('ext', 'type', 'proper_filename');
+    }
+
+    return $wp_check_filetype_and_ext;
+  },
+  10,
+  5
+);

inc/custom.php

@@ -0,0 +1,8 @@
+<?php
+
+require_once get_template_directory() . '/inc/allow_svg.php';
+require_once get_template_directory() . '/inc/required_plugins.php';
+require_once get_template_directory() . '/inc/site_member.php';
+require_once get_template_directory() . '/inc/custom_post_types.php';
+require_once get_template_directory() . '/inc/styles_and_scripts.php';
+require_once get_template_directory() . '/inc/technicalseo.php';