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

<div class="uk-text-center uk-container">
	<div>
	   <a href="<?php echo home_url(); ?>"><img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Drypto-Water-06-424x338.png"></a>
	   <h1 class="uk-text-center white">WELCOME TO DRYPTO WATER</h1>
	   <p class="blue">The first company to make our customers our shareholders</p>
	   <p class="uk-text-center uk-margin-large-top"><img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/scroll.png"></p>
	</div>
</div>

<div class="uk-container">
	<main role="main">
			<section>
			
			<h2 class="uk-text-center white uk-margin-large-top">HOW IT WORKS</h2>
			
			<div class="uk-child-width-1-3@m how-it-works" uk-grid>
				<div class="">
					<p class="uk-text-center"><i class="fa-solid fa-bottle-water fa-4x blue"></i></p>
					<div class="uk-grid-small uk-margin-top" uk-grid>
						<div class="uk-width-auto">
							<div class="blue_number">1</div>
						</div>
						<div class="uk-width-expand">
							<h4 class="blue uk-margin-remove">Buy a bottle of water and unscrew the cap.</h4>
						</div>
					</div>
				</div>
				<div class="">
					<p class="uk-text-center"><i class="fa-solid fa-qrcode fa-4x blue"></i></p>
					<div class="uk-grid-small uk-margin-top" uk-grid>
						<div class="uk-width-auto">
							<div class="blue_number">2</div>
						</div>
						<div class="uk-width-expand">
							<h4 class="blue uk-margin-remove">Scan the QR Code underneath and follow the prompts.</h4>
						</div>
					</div>
				</div>
				<div class="">
					<p class="uk-text-center"><i class="fa-solid fa-coin-vertical fa-4x blue"></i></p>
					<div class="uk-grid-small uk-margin-top" uk-grid>
						<div class="uk-width-auto">
							<div class="blue_number">3</div>
						</div>
						<div class="uk-width-expand">
							<h4 class="blue uk-margin-remove">Retrieve your Drypto tokens for free, your coins will appreciate in value as more water is sold.</h4>
						</div>
					</div>
				</div>
				
			</div>
			
			<div class="video_area uk-margin-large-top">
				<video uk-responsive src="<?php echo get_template_directory_uri(); ?>/images/CW-vid.mp4" controls playsinline  width="" height="" uk-video=" automute: true"></video>
			</div>
			
			<h4 class="uk-width-2-3@m uk-margin-auto uk-margin-large-top uk-text-center blue">Amazon and Shopify Store coming soon!</h4>
			<p class="uk-text-center"><i class="fa-brands fa-amazon fa-4x blue"></i> <i class="uk-margin-left fa-brands fa-shopify fa-4x blue"></i></p>
			
			<h2 class="uk-text-center white uk-margin-large-top">OUR MISSIONS</h2>
			<h4 class="uk-width-2-3@m uk-margin-auto uk-text-center blue">To supply fresh water to the entire planet, and eventually Mars.</h4>
			
			<p class="uk-text-center"><img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Section-1000x528.png"></p>
			
			
			
			<h2 class="uk-text-center white uk-margin-large-top">OUR ROADMAP</h2>
			
			<ul class="timeline">
				<li style="--accent-color:#41516C">
					<div class="date">Launch Drypto</div>
					<div class="descr"><p class="white uk-margin-top">Helps raise money for our project.</p></div>
				</li>
				<li style="--accent-color:#FBCA3E">
					<div class="date">Manufacturing</div>
					<div class="descr"><p class="white uk-margin-top">Bottles and Labels produced.</p></div>
				</li>
				<li style="--accent-color:#E24A68">
					<div class="date">Sell Drypto</div>
				   <div class="descr"><p class="white uk-margin-top">We have a large list of suppliers prepared to sell our water.</p></div>
				</li>
				<li style="--accent-color:#1B5F8C">
					<div class="date">Legal Stuff</div>
					<div class="descr"><p class="white uk-margin-top">We will take care of all legal and operational parts of the company.</p></div>
				</li>
				<li style="--accent-color:#4CADAD">
					<div class="date">Advertising</div>
					<div class="descr"><p class="white uk-margin-top">Launch our in depth marketing plan.</p></div>
				</li>
			</ul>
			
			<h2 class="uk-text-center white uk-margin-large-top">OUR GOALS</h2>
			
			<h3 class="blue open-sans"><span class="white">1.</span> Our water 💧, bottled in Beautiful British Columbia, is the freshest on the market. Our bottles are made of <span class="white">food-grade aluminum</span>, preventing plastic chemicals from contaminating the water.</h3>
			<h3 class="blue open-sans"><span class="white">2.</span> We want to <span class="white">Evolve and Revolutionize</span> drinking water by incorporating crypto currency, and turn water our most sought after beverage into a more fun and engaging experience.</h3>
			
			<h2 class="uk-text-center white uk-margin-large-top">TOKEN ALLOCATION</h2>
			

			<p class="uk-text-center"><img width="900px" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Company_Cost_2-transformed-2048x1536.png"></p>
			
			<ul class="uk-list uk-width-2-3@m uk-margin-auto uk-text-center">
				<li><h4 class="blue">Bottle of Drypto Water = $5.00 + tax</h4></li>
				<li><h4 class="blue">Labeling, Manufacturing, Marketing, Transportation = $2.00</h4></li>
				<li><h4 class="blue">Our Customers Earn equivalent of Drypto = $1.00</h4></li>
				<li><h4 class="blue">Drypto share holders/Drypto water liquidity = $ 2.00</h4></li>
			</ul>
			
			<h2 class="uk-text-center white uk-margin-large-top">HELP US TO SUPPLY FRESH WATER TO THE ENTIRE PLANET</h2>
			
			
			</section>
	</main>
</div>
<?php get_footer(); ?>