<?php /* Template Name: Homepage */ get_header(); ?>

 <div class=" banner-bg" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">


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

				<div class="uk-position-cover uk-container uk-container-large  uk-flex uk-flex-left uk-flex-middle@m uk-flex-bottom">
					<div >
						<div class="uk-width-3-5@m" >
						   <h5 class="red-primary uk-margin-large-top@m">Delivered Hot to Your Door!</h5>
							<h1 class="white uk-margin-medium@m">Pizza Factory - Kelowna’s Freshest, Tastiest Pizza</h1>
							<p class="white uk-margin-medium-bottom@m">At Pizza Factory, we’re more than just a pizza joint — we’re a local favorite. Family-owned and operated, we believe in serving up the freshest ingredients, handpicked for flavor, and baked to perfection.</p>
							<a class="btn uk-margin-medium-bottom" href="<?php echo home_url(); ?>/our-menu">Let’s Order Some Pizza!</a>
						</div>
					</div>
				</div>
						<div class="uk-position-bottom-right uk-width-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>
		</div>
</div>



<div class="">

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


    <!-- Specials Section -->
    <section id="specials" class="uk-section uk-section-default" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
        <div class="uk-container uk-container-expand">
            <div class="uk-grid uk-grid-match uk-grid-large" uk-grid >
                <div class="uk-width-1-2@m">
                    <div class="uk-card  specials-bg">

                        <div class="uk-padding-small ">
							<h5>Super Special</h5>
                            <h2 class="red-primary">3 for One Pizza<br class="uk-visible@m"> Any Size</h2>
                            <div class="grey-bg">
                              <p class="uk-text-normal uk-margin-remove">3 Large Pizzas Any 2 Toppings <br class="uk-hidden@l">• $37.00 </P><p class="uk-text-normal uk-margin-remove"> 3 Medium Pizzas Any 2  Toppings <br class="uk-hidden@l">• $32.70 </P><p class="uk-text-normal uk-margin-remove">3 Small Pizzas Any 2 Toppings <br class="uk-hidden@l">• $29.50 </P><p class="uk-text-normal uk-margin-remove">3 Lasagnas w/Garlic Toast <br class="uk-hidden@l">• $29.50 </p>
                            </div>

                        </div>
						<div class=" special-hover ">
						<div class=" uk-margin-bottom uk-inline ">
							<div  class="uk-flex uk-flex-middle uk-grid-match uk-grid-collapse" uk-grid uk-height-match>

								<div class="uk-width-auto@m uk-width-1-1 uk-flex-last uk-flex-first@m">
								<div class=" order-now-btn">
									<div class="uk-text-center">
										<h5 class=" ">Order<br class="uk-visible@m"> Now</h5>

									</div>

								</div>
								</div>
							<div class="uk-width-auto@m uk-width-1-1">
								<div class="order-now-left">
									<h4 class="white uk-margin-remove uk-text-left@m uk-text-center">2 Toppings Only<br class="uk-visible@m"> Per Pizza</h4>
								</div>
							</div>
							</div>
							<a href="<?php echo home_url(); ?>/our-menu" class="uk-position-cover"></a>
						</div>
						</div>


                    </div>
                </div>
                <div class="uk-width-1-2@m">
                     <?php get_template_part('content-great-times'); ?>
                </div>
                <div class="uk-width-2-3@m uk-width-1-1">
					<?php get_template_part('content-super-deal'); ?>
                </div>
				<div class="uk-width-1-3@m  uk-width-1-1">

						<div class="uk-inline uk-padding-small hungry-bg uk-text-center">
							<div class="uk-position-center ">
								<div>
									<h5 class="">Take a Look</h5>
									<h2 class="red-primary">Our Tasty Menu</h2>
									<p class="uk-text-normal  uk-padding-small">Pizza, lasagna, chicken wings and more! Hungry? We’ve got you covered.</p>
									<a class="btn uk-text-normal" href="<?php echo home_url(); ?>/our-menu">I’m Hungry!</a>

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

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

    <!-- About Section -->
    <section class="uk-section  uk-section-muted uk-section-large">
        <div class="uk-container uk-container-large">
            <div class="uk-grid-large uk-child-width-1-2@m uk-grid-small" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
                <div>

                   <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/about-pizza-1.webp" data-width data-height>
                </div>
                <div>
                    <h2 class="red-primary">Taste the Difference at Pizza Factory</h2>
                    <p class="uk-margin-medium-top">Pizza Factory is family-owned and operated. Our local roots make it possible for us to get the freshest ingredients to your plate.</p>
					<p>From the scrumptious first bite to the last, you’ll taste the Pizza Factory distinction that goes into everything we make. No one makes pizza as fresh, as tasty, as hot and as cheesy… and no one delivers that great pizza to you as fast as Pizza Factory.</p>
					<p>We look forward to serving you today and many times in the future.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Why Choose Section -->
    <section class="uk-section uk-section-default">
        <div class="uk-container uk-container-large">

            <div class="uk-grid-large uk-child-width-1-2@m uk-margin-large-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
                <div>
					 <h2 class="red-primary uk-margin-medium-top">Why Choose Pizza Factory?</h2>
						<p class="uk-margin-medium">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-2 uk-grid-large uk-margin-large-top" uk-grid>
							 <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>
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/why-choose-pizza-1.webp" data-width data-height>
                </div>
            </div>
        </div>
    </section>
<div class=" " uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">


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


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

				<div class="uk-position-cover uk-container uk-container-large   uk-flex  uk-flex-middle">
					<div class="uk-width-2-3@m uk-width-1-2@xl uk-margin-auto">
						<h2 class="white uk-text-center">Order Now and Satisfy Your Cravings!</h2>
						<div class="uk-grid-large" uk-grid>
							<div class="uk-width-1-2@m">
								<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>
								<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 class="uk-width-1-2@m">
								<h5 class="white uk-text-center">Check out our menu</h5>
								<div class=" uk-text-center"><a class="white-btn" href="<?php echo home_url(); ?>/our-menu">Our Pizza Menu and More!</a></div>
								<h4 class="white uk-margin-large-top uk-text-center">OR ORDER HERE</h4>
								<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"><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="uk-padding-small" 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>
</div>



    <!-- Visit Us Section -->
<?php get_template_part('visit-us'); ?>


<div class="uk-child-width-1-4@m uk-child-width-1-2 uk-grid-collapse uk-margin-large" uk-grid uk-scrollspy="target: > img; cls: uk-animation-fade; delay: 200">
	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/gralic-bread-1.webp" data-width data-height>
	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/spaghetti-with-meatballs-1.webp" data-width data-height>
	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/salad-1.webp" data-width data-height>
	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/lasagna-with-meat-sauce-1.webp" data-width data-height>

</div>




<?php get_footer(); ?>
