<?php /*template name: menu*/ get_header(); ?>

<div class="uk-cover-container  banner">
	<canvas class="uk-visible@m" width="" height="400"></canvas>
	<canvas class="uk-hidden@m" width="" height="350"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/stone-dark-background-1.webp" data-width data-height uk-cover>

	<div class="uk-position-cover uk-container uk-container-large uk-flex uk-flex-bottom ">
		<h1 class="white"><?php the_title(); ?></h1>
	</div>

	<div class="uk-position-bottom-right uk-position-large uk-margin-remove-bottom uk-visible@m" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
		<div class="bottom-card ">
			<p class="  uk-margin-remove-bottom uk-text-normal  uk-padding-small">Available through these platforms too</p>
			<div class="uk-child-width-1-2 uk-grid-small uk-flex uk-flex-middle  uk-padding-remove-top" uk-grid>
				<div>
					<a href="https://www.skipthedishes.com/pizza-factory-hollywood-road-south"  target="_blank"><img class="uk-padding  uk-padding-remove-top" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/skip-logo@2x.webp" data-width data-height></a>
				</div>
				<div>
					<a href="https://www.ubereats.com/store/pizza-factory/urV6DTLTVoqEpn1QU6Y38w?diningMode=PICKUP&"  target="_blank"><img class="uk-padding  uk-padding-remove-top" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/uber-eats-logo@2x.webp" data-width data-height></a>
				</div>
			</div>
		</div>
	</div>
</div>

<?php get_template_part('content-skip-uber'); ?>

<a href="#" class="scroll-to-top" uk-scroll>
    <i class="fa-solid fa-arrow-up"></i>
</a>

<div class="uk-container uk-container-1400 ">
	<main role="main">
		<section uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">


			<div class="uk-flex uk-flex-center uk-margin-large-top">
				<div class=" uk-flex uk-flex-middle" uk-grid>
					<div class="uk-width-auto@m">
						<h3 class="">Open Hours</h3>
					</div>
					<div class="uk-width-expand@m">

						<h5 class=" uk-margin-remove red">Sun - Thur: 4pm - 10pm</h5>
						<h5 class=" uk-margin-remove-top red"> Fri - Sat: 4pm - 12am</h5>
					</div>
				</div>
			</div>


			<ul class="uk-subnav uk-subnav-pill uk-child-width-1-3 uk-child-width-1-5@m uk-grid-small uk-margin-large-top uk-flex uk-flex-center" uk-grid uk-switcher uk-scrollspy="target: > li; cls: uk-animation-fade; delay: 200">
				<li>
					<a class="uk-text-decoration-none" href="#">
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/pizza-icon.webp" data-width data-height>
						<h4 class="uk-visible@m">Pizza</h4>
					</a>
				</li>
				<li>
					<a class="uk-text-decoration-none" href="#">
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/pasta-icon.webp" data-width data-height>
						<h4 class="uk-visible@m">Pasta</h4>
					</a>
				</li>
				<li>
					<a class="uk-text-decoration-none" href="#">
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/chicken-wings-icon.webp" data-width data-height>
						<h4 class="uk-visible@m">Chicken Wings</h4>
					</a>
				</li>
				<li>
					<a class="uk-text-decoration-none" href="#">
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/salad-icon.webp" data-width data-height>
						<h4 class="uk-visible@m">Salads</h4>
					</a>
				</li>
				<li>
					<a class="uk-text-decoration-none" href="#">
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/soda-drink-icon.webp" data-width data-height>
						<h4 class="uk-visible@m">Side Orders</h4>
					</a>
				</li>
			</ul>
			<div class="uk-switcher uk-margin">
				<div>
					<div class="uk-width-3-5@l uk-margin-auto uk-margin-large-top">
						<div class="uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid>
							<div>
								<div class="uk-flex uk-flex-middle uk-grid-small" uk-grid>
									<div class="uk-width-auto">
										<i class="fa-regular fa-3x red-primary fa-circle-gf uk-visible@m"></i>
										<i class="fa-thin fa-2x red-primary fa-circle-gf uk-hidden@m"></i>
									</div>
									<div class="uk-width-expand">
										<h5 class="small-mobile">Gluten friendly options for any large pizza.</h5>
									</div>
								</div>
							</div>
							<div>
								<div class="uk-flex uk-flex-middle uk-grid-small" uk-grid>
									<div class="uk-width-auto">
										<i class="fa-regular fa-3x red-primary fa-pizza-slice uk-visible@m"></i>
										<i class="fa-thin fa-2x red-primary fa-pizza-slice uk-hidden@m"></i>
									</div>
									<div class="uk-width-expand">
										<h5 class="small-mobile">Thin crust available for any medium or large pizza.</h5>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="uk-section ">
						<div class="uk-container uk-container-1400">
							<!-- PIZZA SPECIALS HEADER -->


							<ul class="uk-hidden@m" uk-accordion>
							    <li>
							        <a class="uk-accordion-title uk-accordion-no-icon" href>
														<div class="neutral-tan-bg special-border-left uk-padding-small">
															<div class="uk-flex uk-flex-middle uk-width-1-1 uk-flex-right" uk-grid>
																<div class="u-grid-expand">
																	<h4 class="uk-text-bold red-primary ">VIEW PIZZA SPECIALS</h4>
																</div>
																<div class="uk-width-auto">
																	<i class="fa-solid fa-chevron-down fa-2x red"></i>
																</div>
															</div>
														</div>

											</a>
							        <div class="uk-accordion-content">
												<div class="uk-grid-collapse uk-margin-remove uk-visible@m" uk-grid>
													<div class="uk-width-3-5@m">
														<div class="neutral-tan-bg special-border-left uk-padding-small">
															<h4 class="uk-text-bold red-primary ">PIZZA SPECIALS</h4>
														</div>
													</div>
													<div class="uk-width-2-5@m">
														<div class="red-primary-bg special-border-right uk-padding-small">
															<h4 class="uk-text-bold white ">Call to order <a class="uk-text-decoration-none accent-yellow uk-margin-left" href="">  250 860 4149</a></h4>
														</div>
													</div>
												</div>
												<div class="specials-container bg-light uk-margin-remove-top">
												<div class=" uk-child-width-1-3@m" uk-grid>

													<?php

													// Check rows exists.
													if( have_rows('pizza_specials') ):

														// Loop through rows.
														while( have_rows('pizza_specials') ) : the_row(); ?>


														<div>
															<div class="special-item">
																<div class="uk-margin-top">
																	<h5><?= get_sub_field('title_of_special'); ?></h5>
																	<h2 class="red-primary uk-margin-bottom"><?= get_sub_field('secondary_text'); ?></h2>
																	<?= get_sub_field('description'); ?>
																</div>
															</div>
														</div>

														<?php // End loop.
														endwhile;

													// No value.
													else :
														// Do something...
													endif; ?>

												</div>
												</div>
												<div class="bg-light-2 uk-margin-remove-top">
												<div class="uk-grid-match uk-grid-collapse uk-margin-remove-top uk-child-width-1-2@m" uk-grid>
													<div class="">
														<div class="uk-padding special-item">
															<h5 class="uk-margin-remove-bottom">Great Times</h5>
															<h2 class="red-primary uk-margin-remove-top">For Big Events &amp;<br class="uk-visible@m"> Parties</H2>
															<p class="uk-margin-remove-top">Hosting a birthday, staff party, or special event? Pizza Factory has you covered! We offer special deals for large orders!</p>
														</div>
													</div>
													<div class="red-primary-bg uk-position-relative">
														<div class="uk-flex-center uk-flex uk-flex-middle">
															<div class="uk-text-center ">
																<h2 class="uk-text-bold white">Ordering for a party?</h2>
																<h4 class="uk-text-bold accent-yellow">10 pizza minimum</h4>
																<h5 class="white uk-margin-medium-top ">Contact us here: <a href="mailto:orders@pizzafactorykelowna.com" class="white-btn uk-text-normal uk-margin-left">Party Orders!</a></h5>
																<img class="uk-position-center-left uk-visible@m" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/event-triangle.webp" data-width data-height>
															</div>
														</div>
													</div>
												</div>
												</div>

											</div>
							    </li>
							</ul>


							<div class="uk-grid-collapse uk-margin-remove uk-visible@m" uk-grid>
								<div class="uk-width-3-5@m">
									<div class="neutral-tan-bg special-border-left uk-padding-small">
										<h4 class="uk-text-bold red-primary ">PIZZA SPECIALS</h4>
									</div>
								</div>
								<div class="uk-width-2-5@m">
									<div class="red-primary-bg special-border-right uk-padding-small">
										<h4 class="uk-text-bold white ">Call to order <a class="uk-text-decoration-none accent-yellow uk-margin-left" href="">  250 860 4149</a></h4>
									</div>
								</div>
							</div>
							<div class="specials-container bg-light uk-margin-remove-top  uk-visible@m">
							<div class=" uk-child-width-1-3@m" uk-grid>

								<?php

								// Check rows exists.
								if( have_rows('pizza_specials') ):

									// Loop through rows.
									while( have_rows('pizza_specials') ) : the_row(); ?>


									<div>
										<div class="special-item">
											<div class="uk-margin-top">
												<h5><?= get_sub_field('title_of_special'); ?></h5>
												<h2 class="red-primary uk-margin-bottom"><?= get_sub_field('secondary_text'); ?></h2>
												<?= get_sub_field('description'); ?>
											</div>
										</div>
									</div>

									<?php // End loop.
									endwhile;

								// No value.
								else :
									// Do something...
								endif; ?>

							</div>
							</div>
							<div class="bg-light-2 uk-margin-remove-top uk-visible@m">
							<div class="uk-grid-match uk-grid-collapse uk-margin-remove-top uk-child-width-1-2@m" uk-grid>
								<div class="">
									<div class="uk-padding special-item">
										<h5 class="uk-margin-remove-bottom">Great Times</h5>
										<h2 class="red-primary uk-margin-remove-top">For Big Events &amp;<br class="uk-visible@m"> Parties</H2>
										<p class="uk-margin-remove-top">Hosting a birthday, staff party, or special event? Pizza Factory has you covered! We offer special deals for large orders!</p>
									</div>
								</div>
								<div class="red-primary-bg uk-position-relative">
									<div class="uk-flex-center uk-flex uk-flex-middle">
										<div class="uk-text-center ">
											<h2 class="uk-text-bold white">Ordering for a party?</h2>
											<h4 class="uk-text-bold accent-yellow">10 pizza minimum</h4>
											<h5 class="white uk-margin-medium-top ">Contact us here: <a href="mailto:orders@pizzafactorykelowna.com" class="white-btn uk-text-normal uk-margin-left">Party Orders!</a></h5>
											<img class="uk-position-center-left uk-visible@m" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/event-triangle.webp" data-width data-height>
										</div>
									</div>
								</div>
							</div>
							</div>
							<div>
								<h2 class="red-primary uk-text-center uk-flex uk-flex-middle uk-flex-center uk-margin-top"><img class=" black uk-padding-large@m uk-margin-right uk-padding-remove-right" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/pizza-icon.webp" data-width data-height> Specialty Pizzas</h2>
							</div>
						<div class="alternating-bgs">
							<div class="uk-child-width-1-3@m uk-grid-collapse uk-grid-match" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">

							<?php

							// Check rows exists.
							if( have_rows('specialty_pizzas') ):

								// Loop through rows.
								while( have_rows('specialty_pizzas') ) : the_row(); ?>


								<div>
								<div class="back-colour uk-padding-small">
									<div class="grid-matching">
										<h5 class="uk-margin-remove"><?= get_sub_field('title_of_special'); ?></h5>
										<p class="red-primary"><?= get_sub_field('secondary_text'); ?></p>
									</div>
									<div class="specials-container">
										<div class="uk-grid-small uk-child-width-1-2 uk-grid-divider" uk-grid>
											<div class="">
												<div class="special-item">
													<div>
														<p class="uk-text-bold">SINGLE</p>
														<p class="red-primary uk-text-bold">S <span class="black uk-text-normal uk-margin-left">$<?= get_sub_field('single_s'); ?></span></p>
														<p class="red-primary uk-text-bold">M <span class="black uk-text-normal uk-margin-left">$<?= get_sub_field('single_m'); ?></span></p>
														<p class="red-primary uk-text-bold">L <span class="black uk-text-normal uk-margin-left">$<?= get_sub_field('single_l'); ?></span></p>
													</div>
												</div>
											</div>
											<div class="">
												<div class="special-item">
													<div>
														<p class="uk-text-bold">2 FOR 1</p>
														<p class="red-primary uk-text-bold">S <span class="black uk-text-normal uk-margin-left">$<?= get_sub_field('2-1_s'); ?></span></p>
														<p class="red-primary uk-text-bold">M <span class="black uk-text-normal uk-margin-left">$<?= get_sub_field('2-1_m'); ?></span></p>
														<p class="red-primary uk-text-bold">L <span class="black uk-text-normal uk-margin-left">$<?= get_sub_field('2-1_l'); ?></span></p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								</div>

								<?php // End loop.
								endwhile;

							// No value.
							else :
								// Do something...
							endif; ?>

							</div>
						</div>
							<div>
								<h2 class="red-primary uk-text-center uk-flex uk-flex-middle uk-flex-center uk-margin-top"><img class=" black uk-padding-large@m uk-margin-right uk-padding-remove-right" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/pizza-icon.webp" data-width data-height> Fresh Toppings</h2>
							</div>
							<div class="uk-width-3-5@m uk-margin-auto uk-grid-large uk-flex uk-flex-middle" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
								<div>
									<div class=" uk-grid-small" uk-grid>
										<div class="uk-width-auto@m">
											<i class="fa-regular fa-3x red-primary fa-tomato "></i>
										</div>
										<div class="uk-width-expand@m">
											<h5 class="red-primary"> Extra Topping</h5>
											<h5 class="uk-text-bold">10” small $2.25</h5>
											<h5 class="uk-text-bold">12” medium $2.45</h5>
											<h5 class="uk-text-bold">14” large $2.75</h5>
										</div>
									</div>
								</div>
								<div>
									<div class=" uk-grid-small" uk-grid>
										<div class="uk-width-auto@m">
											<i class="fa-regular fa-3x red-primary fa-cheese"></i>
										</div>
										<div class="uk-width-expand@m">
											<h5 class="red-primary"> Extra Cheese</h5>
											<h5 class="uk-text-bold">10” small $3.25</h5>
											<h5 class="uk-text-bold">12” medium $3.50</h5>
											<h5 class="uk-text-bold">14” large $3.75</h5>
										</div>
									</div>
								</div>
							</div>
							<div class="container-1400">
								<div class="uk-margin-medium-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
									<div class="uk-width-2-5@m">
										<h5 class="uk-text-bold">Vegetables</h5>
										<ul class="uk-column-1-2@m">
											<li>Green Pepper</li>
											<li>Black Olive</li>
											<li>Mushrooms</li>
											<li>Tomato</li>
											<li>Garlic</li>
											<li>Onions</li>
											<li>Pineapple</li>
											<li>Spinach</li>
										</ul>
									</div>
									<div class="uk-width-expand@m">
										<h5 class="uk-text-bold">Heat</h5>
										<ul>
											<li>Jalapeno Pepper</li>
											<li>Banana Pepper</li>
											<li>Crushed Chillies</li>
										</ul>
									</div>
									<div class="uk-width-1-3@m">
										<h5 class="uk-text-bold">Meat</h5>
										<ul class="uk-column-1-2@m">
											<li>Ground Beef</li>
											<li>Ham</li>
											<li>Diced Bacon</li>
											<li>Italian Sausage</li>
											<li>Pepperoni</li>
											<li>Capicola</li>
											<li>Salami</li>
											<li>Chicken (extra charge)</li>
										</ul>
									</div>
									<!-- Horizontal Alignment Section -->
									<div class="uk-width-5-6@m  uk-margin-medium-top" uk-grid>
										<div class="uk-width-1-2@m">
											<h5 class="uk-text-bold">Seafood (extra charge)</h5>
											<ul>
												<li>Shrimp</li>
											</ul>
										</div>
										<div class="uk-width-1-2@m">
											<h5 class="uk-text-bold">Cheese (extra charge)</h5>
											<ul>
												<li>Feta Cheese</li>
												<li>Mozzarella</li>
												<li>Cheddar Cheese</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			<!-- Pasta -->
			<div>
				<div class="uk-section ">
					<div class="uk-container uk-container-1400">

						<ul class="uk-hidden@m" uk-accordion>
								<li>
										<a class="uk-accordion-title uk-accordion-no-icon" href>
													<div class="neutral-tan-bg special-border-left uk-padding-small">
														<div class="uk-flex uk-flex-middle uk-width-1-1 uk-flex-right" uk-grid>
															<div class="u-grid-expand">
																<h4 class="uk-text-bold red-primary ">VIEW PASTA SPECIALS</h4>
															</div>
															<div class="uk-width-auto">
																<i class="fa-solid fa-chevron-down fa-2x red"></i>
															</div>
														</div>
													</div>

										</a>
										<div class="uk-accordion-content">
											<div class="specials-container bg-light uk-margin-remove-top">
											<div class=" uk-child-width-1-3@m" uk-grid>

								<!-- SPECIAL 1 -->
												<div>
													<div class="special-item">
														<div class="uk-margin-top">
															<h5>SPECIAL 1</h5>
															<h2 class="uk-text-bold red-primary">Pick-Up<br> Special Only</h2>
															<h5 class="uk-text-bold">1 Lasagna w/Garlic Toast<br>
															$14.05</h5>
														</div>
													</div>
												</div>
													<!-- SPECIAL 2 -->
													<div>
													<div class="special-item">
														<div class="uk-margin-top">
															<h5>SPECIAL 2</h5>
															<h2 class="uk-text-bold red-primary">Super Special</h2>
															<h5 class="uk-text-bold">3 Lasagnas w/Garlic Toast • $29.50</h5>
														</div>
													</div>
												</div>
													<div class="">
													</div>
												</div>

								</div>
										</div>
								</li>
						</ul>

						<div class="uk-grid-collapse uk-margin-remove uk-visible@m" uk-grid>

							<div class="uk-width-3-5@m">
								<div class="neutral-tan-bg special-border-left uk-padding-small">
									<h4 class="uk-text-bold red-primary ">PASTA SPECIALS</h4>
								</div>
							</div>
							<div class="uk-width-2-5@m">
								<div class="red-primary-bg special-border-right uk-padding-small">
									<h4 class="uk-text-bold white ">Call to order <a class="uk-text-decoration-none accent-yellow uk-margin-left" href="">  250 860 4149</a></h4>
								</div>
							</div>
						</div>


						<div class="specials-container bg-light uk-margin-remove-top uk-visible@m">
						<div class=" uk-child-width-1-3@m" uk-grid>

			<!-- SPECIAL 1 -->
							<div>
								<div class="special-item">
									<div class="uk-margin-top">
										<h5>SPECIAL 1</h5>
										<h2 class="uk-text-bold red-primary">Pick-Up<br> Special Only</h2>
										<h5 class="uk-text-bold">1 Lasagna w/Garlic Toast<br>
										$14.05</h5>
									</div>
								</div>
							</div>
								<!-- SPECIAL 2 -->
								<div>
								<div class="special-item">
									<div class="uk-margin-top">
										<h5>SPECIAL 2</h5>
										<h2 class="uk-text-bold red-primary">Super Special</h2>
										<h5 class="uk-text-bold">3 Lasagnas w/Garlic Toast • $29.50</h5>
									</div>
								</div>
							</div>
								<div class="">
								</div>
							</div>

			</div>
							<div>
								<h2 class="red-primary uk-text-center uk-flex uk-flex-middle uk-flex-center uk-margin-top"><img class=" black uk-padding-large@m uk-margin-right uk-padding-remove-right" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/pasta-icon.webp" data-width data-height> Pasta</h2>
							</div>
							<div class="uk-padding">
							<div class="uk-child-width-1-4@m " uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">

							  <div>
							    <div class="uk-grid uk-grid-small" uk-grid>
							      <div class="uk-width-auto">
							        <i class="fa-regular fa-3x red-primary fa-scribble"></i>
							      </div>
							      <div class="uk-width-expand">
							       <h5 class="uk-text-bold">Pasta 2-for-1</h5>
							      </div>
							    </div>
							  </div>

							  <div>
							    <div class="uk-grid uk-grid-small" uk-grid>
							      <div class="uk-width-auto">
							       <i class="fa-regular fa-3x red-primary fa-user-chef"></i>
							      </div>
							      <div class="uk-width-expand">
							        <h5 class="uk-text-bold">All pasta is homemade and fresh every day!</h5>
							      </div>
							    </div>
							  </div>

							  <div>
							    <div class="uk-grid uk-grid-small" uk-grid>
							      <div class="uk-width-auto">
							         <i class="fa-regular fa-3x red-primary fa-ball-pile"></i>
							      </div>
							      <div class="uk-width-expand">
							        <h5 class="uk-text-bold">Add meatballs $2.50 each</h5>
							      </div>
							    </div>
							  </div>

							  <div>
							    <div class="uk-grid uk-grid-small" uk-grid>
							      <div class="uk-width-auto">
										<i class="fa-regular fa-3x red-primary fa-bread-loaf"></i>
							      </div>
							      <div class="uk-width-expand">
							       <h5 class="uk-text-bold">All orders served with garlic bread</h5>
							      </div>
							    </div>
							  </div>
							</div>
						</div>
						<div class="uk-padding">
							<div class="uk-child-width-1-3@m alternating-bgs" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
								<div>
									<h5 class="uk-text-bold  uk-margin-remove-bottom">Lasagna with Meat Sauce</h5>
									<p class="red-primary uk-text-bold uk-margin-remove-top">$23.10</p>
								</div>
								<div>
									<h5 class="uk-text-bold uk-margin-remove-bottom">Lasagna with Meat Balls</h5>
									<p class="red-primary uk-text-bold uk-margin-remove-top">$24.15</p>
								</div>
								<div>
									<h5 class="uk-text-bold uk-margin-remove-bottom">Spaghetti with Meat Sauce</h5>
									<p class="red-primary uk-text-bold uk-margin-remove-top">$23.10</p>
								</div>
								<div>
									<h5 class="uk-text-bold uk-margin-remove-bottom">Spaghetti with Meat Balls</h5>
									<p class="red-primary uk-text-bold uk-margin-remove-top uk-margin-bottom">$24.15</p>
								</div>
								<div>
									<h5 class="uk-text-bold uk-margin-remove-bottom">Ravioli with Meat Sauce</h5>
									<p class="red-primary uk-text-bold uk-margin-remove-top uk-margin-bottom">$25.20</p>
								</div>
								<div>
									<h5 class="uk-text-bold uk-margin-remove-bottom">Tortellini with Meat Sauce</h5>
									<p class="red-primary uk-text-bold uk-margin-remove-top uk-margin-bottom">$25.20</p>
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>







			 <!-- Wings -->
<div>


  <div class="uk-flex uk-flex-middle uk-flex-center" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
    <div>
	<img
      class="black uk-padding-large uk-padding-remove-right  move-up"
      uk-img
      data-src="<?php echo get_template_directory_uri(); ?>/images/chicken-wings-icon.webp"
      data-width
      data-height
      alt="Chicken Wings Icon">
	 </div>
    <div>
     <h2 class="red-primary uk-text-center uk-margin-remove-bottom">Chicken Wings</h2>
     <p class=" uk-margin-remove-top">Not 2-for-1</p>
    </div>
  </div>
	<div class="uk-child-width-1-3@m uk-width-1-2@m uk-margin-auto uk-margin-large-bottom" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
		<div>
			<h5 class="uk-text-bold">Honey Garlic</h5>
			<p class="uk-text-bold red-primary uk-margin-remove">10 Piece <span class="black uk-text-normal uk-margin-left">$13.10</span></p>
			<p class="uk-text-bold red-primary uk-margin-remove">24 Piece <span class="black uk-text-normal uk-margin-left"> $20.90</span></p>
		</div>
		<div>
			<h5 class="uk-text-bold">Hot Wings</h5>
			<p class="uk-text-bold red-primary uk-margin-remove">10 Piece <span class="black uk-text-normal uk-margin-left"> $13.10</span></p>
			<p class="uk-text-bold red-primary uk-margin-remove">24 Piece <span class="black uk-text-normal uk-margin-left"> $20.90</span></p>
		</div>
		<div>
			<h5 class="uk-text-bold">BBQ</h5>
			<p class="uk-text-bold red-primary uk-margin-remove">10 Piece <span class="black uk-text-normal uk-margin-left"> $13.10</span></p>
			<p class="uk-text-bold red-primary uk-margin-remove">24 Piece <span class="black uk-text-normal uk-margin-left"> $20.90</span></p>
		</div>
	</div>




</div>
			<!-- Salads -->
			<div>
				<div>


  <div class="uk-flex uk-flex-middle uk-flex-center" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
    <div>
	<img
      class="black uk-padding-large uk-padding-remove-right  move-up"
      uk-img
      data-src="<?php echo get_template_directory_uri(); ?>/images/salad-icon.webp"
      data-width
      data-height
      alt="Salads Icon">
	 </div>
    <div>
     <h2 class="red-primary uk-text-center uk-margin-remove-bottom">Salads</h2>
     <p class=" uk-margin-remove-top">Not 2-for-1</p>
    </div>
  </div>
	<div class="uk-child-width-auto@m uk-margin-remove-top uk-width-4-5@m uk-flex uk-flex-center uk-margin-auto uk-margin-large-bottom uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
		<div>
			<h5 class="uk-text-bold ">Tossed Green Salad</h5>
			<p class="red-primary uk-text-bold uk-margin-remove">L <span class="black uk-text-normal uk-margin-left"> $5.30</span></p>
		</div>
		<div>
			<h5 class="uk-text-bold ">Greek Salad</h5>
			<p class="red-primary uk-text-bold uk-margin-remove">L <span class="black uk-text-normal uk-margin-left"> $5.80</span></p>
		</div>
		<div>
			<h5 class="uk-text-bold uk-margin-remove-bottom">Caesar Salad</h5>
			<p class="uk-text-bold red-primary uk-margin-remove">(Ranch, Caesar Dressings)</p>
			<p class="red-primary uk-text-bold uk-margin-remove">L <span class="black uk-text-normal uk-margin-left"> $5.30</span></p>
		</div>
	</div>




</div>
			</div>
			<!-- Side Orders -->
			<div>
<div class="uk-flex uk-flex-middle uk-flex-center" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
    <div>
	<img
      class="black uk-padding-large uk-padding-remove-right  move-up"
      uk-img
      data-src="<?php echo get_template_directory_uri(); ?>/images/soda-drink-icon.webp"
      data-width
      data-height
      alt="Side Orders Icon">
	 </div>
    <div>
     <h2 class="red-primary uk-text-center uk-margin-remove-bottom">Side Orders</h2>
     <p class=" uk-margin-remove-top">Not 2-for-1</p>
    </div>
</div>

<div class="uk-child-width-1-3@m uk-margin-remove-top uk-width-3-4@m  uk-flex uk-flex-center uk-margin-auto uk-margin-large-bottom " uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
		<div>
			<h5 class="uk-text-bold ">Garlic Toast</h5>
			<p class="red-primary uk-text-bold uk-margin-remove">2pcs none like it! <span class="black uk-text-normal uk-margin-left"> $3.70</span></p>
		</div>
		<div>
			<h5 class="uk-text-bold ">Cheesy Fingers</h5>
			<p class=" ">$8.75</p>
		</div>
		<div>
			<h5 class="uk-text-bold uk-margin-remove-bottom">Soft Drinks</h5>

			<p class="red-primary uk-text-bold uk-margin-remove uk-flex uk-flex-between">500ml Coke® Products <span class="black uk-text-normal uk-margin-left"> $2.50</span></p>
			<p class="red-primary uk-text-bold uk-margin-remove uk-flex uk-flex-between">2L Coke® Products <span class="black uk-text-normal uk-margin-left"> $3.50</span></p>
			<p>Coke, D coke, Ginger ale, Cranberry ginger ale, Sprite, Cool ice tea, A&amp;W, Fanta</p>
		</div>
	</div>
	<h5 class="uk-text-bold uk-text-center">Other Drinks</h5>

			<ul class="uk-column-1-2@m uk-width-1-2@m uk-margin-auto">
				<li>Orange juice and apple juice 2.75</li>
				<li>Water $2.14</li>
				<li>Vitamin water $3.00</li>
				<li>Gatorade $2.48</li>
				<li>Energy coke $3.25</li>
				<li>Monster $4.25</li>
				<li>2 Litre Pop – $3.10</li>
			</ul>



			</div>

			</div>


</div>




		<div class="uk-margin-large-top">
			<div class="uk-cover-container  banner">
				<canvas class="uk-visible@m" width="" height="680"></canvas>
				<canvas class="uk-hidden@m" width="" height="1000"></canvas>


<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/order-pizza-bg-1.webp" data-width data-height uk-cover uk-scrollspy=" cls: uk-animation-fade; delay: 200">

				<div class="uk-position-cover uk-container uk-container-large   uk-flex  uk-flex-middle" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 400">
					<div class="uk-width-1-2@m uk-margin-auto">
						<h2 class="white uk-text-center">Order Now and Satisfy Your Cravings!</h2>
						<div class=" uk-child-width-1-2@m uk-flex uk-flex-center uk-margin-medium-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
							<div>
								<h5 class="white uk-margin-medium-left ">Call us to order the best pizza in Kelowna.<h5>
								<p class="white uk-margin-medium-left uk-text-normal small-text">No online orders—just real people making sure your pizza is perfect!</p>

							</div>
							<div>
								<h4 class="big-mobile accent-yellow move-over uk-text-center uk-margin-medium-top ">CALL US TO ORDER</h4>
								<h4 class="big-mobile accent-yellow move-over uk-text-center"><a class="accent-yellow" href="tel:2508604149">250-860-4149</a></h4>


							</div>
							<div>
								<h4 class="white  uk-text-center uk-margin-remove">OR ORDER HERE</h4>
								<div class="uk-child-width-1-2@m uk-grid-small uk-flex uk-flex-middle  uk-padding-remove-top" uk-grid>
									<div>
										<a href="https://www.skipthedishes.com/pizza-factory-hollywood-road-south"><img class="uk-padding-small" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/skip-logo-white.webp" data-width data-height></a>
									</div>
									<div>
										<a href="https://www.ubereats.com/store/pizza-factory/urV6DTLTVoqEpn1QU6Y38w?diningMode=PICKUP&"><img class=""><img class="uk-padding-small uk-padding-remove-top" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/uber-eats-logo-white.webp" data-width data-height></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<?php get_template_part('visit-us'); ?>
		    <section class="uk-section uk-section-default">
        <div class="uk-container uk-container-large">

            <div class="" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
                <div>
					 <h2 class="red-primary uk-text-center">Why Choose Pizza Factory?</h2>
						<p class=" uk-text-center uk-width-1-2@m uk-margin-auto uk-padding uk-padding-remove-top">At Pizza Factory, we’re passionate about bringing you mouth-watering pizzas made with the freshest ingredients and baked to perfection. Whether you’re dining in or ordering for delivery, every slice is crafted to satisfy your cravings. Here’s why our customers keep coming back for more:</p>
						<div class="uk-child-width-1-4@m uk-margin-large-top uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
							 <div>
								 <div uk-grid>
									<div class="uk-width-auto@m">
										<h5 class="red-square white uk-margin-remove-top">1</h5>
									</div>

									<div class="uk-width-expand@m">
										<p class="red-primary uk-text-bold uk-margin-remove">Fresh, Local Ingredients</p>
										<p  class="uk-margin-remove-top">We source only the best, so every bite bursts with flavor.</p>
									</div>
								</div>
							</div>
							<div>
								<div uk-grid>
									<div class="uk-width-auto@m">
										<h5 class="red-square white  uk-margin-remove-top">2</h5>
									</div>

									<div class="uk-width-expand@m">
										<p class="red-primary uk-text-bold uk-margin-remove">Hot &amp; Cheesy Goodness</p>
										<p class="uk-margin-remove-top">Our pizzas are delivered piping hot and loaded with cheese!</p>
									</div>
								</div>
							</div>
							<div>
								<div uk-grid>
									<div class="uk-width-auto@m">
										<h5 class="red-square white  uk-margin-remove-top">3</h5>
									</div>

									<div class="uk-width-expand@m">
										<p class="red-primary uk-text-bold uk-margin-remove">Fast Delivery, Every Time</p>
										<p class="uk-margin-remove-top">Hungry? We’ll get your pizza to you in record time.</p>
									</div>
								</div>
							</div>
							<div>
								<div uk-grid>
									<div class="uk-width-auto@m">
										<h5 class="red-square white  uk-margin-remove-top">4</h5>
									</div>

									<div class="uk-width-expand@m">
										<p class="red-primary uk-text-bold uk-margin-remove">Gluten-Friendly &amp; Thin Crust Options</p>
										<p class="uk-margin-remove-top" >Customize your pizza your way.</p>
									</div>
								</div>
							</div>
						</div>
                </div>

            </div>
        </div>
    </section>

</section>
</main>
</div>
<?php get_footer(); ?>
