<?php require (PAGE_CONTENT.$PageContent);?>
<div class="page-wrapper row">
	<div class="mobile-img-main hide-on-med-and-up col s12">
		<img src="<?php echo TEMPLATES_ASSETS?>/img/home/sab_home_page_splash_min.jpg" alt="SA Bullion offers an alternative to cash in the bank" />
	</div>
	<div class="mobile-txt-main hide-on-med-and-up col s12">
		<h1 class="center-align alrightsansmedium home-hero-head-txt hero-head-type"><?php echo $heroTxt1; ?></h1>
		<p class="center-align alrightsansregular hero-txt-type"><?php echo $heroTxt2; ?></p>
		<a class="center-align link-btn btn-flat alrightsansmedium" id="demo03" href="#modal-03"><span class="text-hover">Open Account</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
	</div>
	<div class="hero-img col s12 hide-on-small-only">
		<div class="hero-txt-container">
			<div class="row">
			<section class="col l5">
			<h1 class="alrightsansmedium home-hero-head-txt hero-head-type"><?php echo $heroTxt1; ?></h1>
			<p class="alrightsansregular hero-txt-type"><?php echo $heroTxt2; ?></p>
			<a  class="link-btn btn-flat alrightsansregular demo02" href="#modal-02"><span class="text-hover">Open Account</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>

			<p class="alrightsansregular">Already have an account? <a class="sign-in" href="<?php echo $SiteUrl; ?>/dashboard">Sign in</a></p>
			</section>
			<section class="col l7">
				<div class="info-circle">
					<p class="c-text alrightsansregular">+</p>
					<p class="o-text alrightsansregular hide">more text that is written here</p>
				</div>
			</section>
			</div>
		</div><!-- hero-txt-container -->


	<div class="img-overlay-bullion">
	</div><!-- img-overlay -->
	<div class="read-more-yo hide-on-small-only">
		<a href="#"><img src="<?php echo TEMPLATES_ASSETS?>/img/sab_website_icons-rm.png" alt="Site icon" /></a>
	</div>
	</div><!-- hero image -->

			<div class="sab-addvantages col s12">
			<div class="content-wrap">
				<div class="add-1 col l3 m6 s12">
					<div class="sab-addvantages-container">
						<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?>
						<p class="alrightsansregular body-txt-type">
							<?php echo $GoldAdd1;?>
						</p>
					</div>
				</div>
				<div class="add-2 col l3 m6 s12">
					<div class="sab-addvantages-container">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?>
					<p class="alrightsansregular body-txt-type">
					<?php echo $GoldAdd2;?>
					</p>
					</div>
				</div>
				<div class="add-3 col l3 m6 s12">
					<div class="sab-addvantages-container">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?>
					<p class="alrightsansregular body-txt-type">
					<?php echo $GoldAdd3;?>
					</p>
					</div>
				</div>
				<div class="add-4 col l3 m6 s12">
					<div class="sab-addvantages-container ">
					<?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/sab_home_tick.svg"); ?>
					<p class="alrightsansregular body-txt-type">
					<?php echo $GoldAdd4;?>
					</p>
					</div>
				</div>
			</div><!-- content-wrap -->
			</div><!-- sab-addvantages -->
	<div class="home-intro col s12">
	<div class="content-wrap">
		<section class="row">
			<h2 class="center-align alrightsansmedium intro-head-type"><?php echo $sabIntroHeading;?></h2>
			<p class="col s12 l6 alrightsansregular intro-txt-type"><?php echo $sabIntroTxt1;?></p>
			<p class="col s12 l6 alrightsansregular intro-txt-type"><?php echo $sabIntroTxt2;?></p>
		</section>
	</div><!-- content-wrap -->
	</div><!-- home-intro -->

	<div class="gold-facilities col s12">
	<div class="content-wrap">
		<div class="bullion-gold col l12">
			<section class="col l6 m12 s12 bullion-gold-content">
				<h2 class="alrightsansmedium intro-head-type"><?php echo $bullionGold;?></h2>
				<p class="alrightsansregular body-txt-type"><?php echo $bullionGoldTxt;?></p>
				<a class="link-btn btn-flat alrightsansmedium" href="<?php echo $bullionGoldSavingsLink ;?>"><span class="text-hover">Savings</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
				<a class="link-btn btn-flat alrightsansmedium" href="<?php echo $bullionGoldInvestmentLink ;?>"><span class="text-hover">Investment</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
			</section>
			<section class="col l6 animation-holder hide-on-med-and-down">
				<video id="home-vid-1" class="home-bullion-ani" muted>
					<source  src="<?php echo $bullionGoldAniMp4;?>" type="video/mp4">
				</video>
			</section>
		</div><!-- bullion-gold -->
		<div class="baraka-gold col l12">
			<section class="col l6 animation-holder hide-on-med-and-down">
				<video id="home-vid-2" class="home-bullion-ani" muted>
					<source  src="<?php echo $barakaGoldAniMp4;?>" type="video/mp4">
				</video>
			</section>
			<section class="col l6 m12 s12 baraka-gold-content">
				<h2 class="alrightsansmedium intro-head-type"><?php echo $barakaGold ;?></h2>
				<p class="alrightsansregular body-txt-type"><?php echo $barakaGoldTxt ;?></p>
				<a class="link-btn btn-flat alrightsansmedium" href="<?php echo $barakaGoldSavingsLink ;?>"><span class="text-hover">Savings</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
				<a class="link-btn btn-flat alrightsansmedium" href="<?php echo $barakaGoldInvestmentLink ;?>"><span class="text-hover">Investment</span><i class="material-icons right arrow-hover"><?php echo file_get_contents(TEMPLATES_ASSETS."/svgs/btn-arrow.svg"); ?></i></a>
			</section>
		</div><!-- baraka-gold -->
		</div><!-- content-wrap -->
	</div><!-- gold-facilities -->

	<div class="more-about-sab col l12">
		<div class="content-wrap">
	<div class="col s12 more-about-sab-container">
		<h3 class="center-align alrightsansmedium intro-head-type"><?php echo $headSabMore ;?></h3>
		<div class="more-block col l4 m4 s12">
			<div class="img-block">
				<a href="index.php?pageReq=af">
				<img class="center-align" src="<?php  echo TEMPLATES_ASSETS.'/img/home/sab_home_go-to-facilities.jpg' ?>" alt="The Facilities">

				</a>
			</div>
			<div class="more-info">
				<h5 class="center-align alrightsansmedium body-txt-type"><?php echo $headSabMoreFac ;?></h5>
				<p class="center-align alrightsansregular body-txt-type"><?php echo $txtSabMoreFac ;?></p>
			</div>
		</div><!-- more-block -->

		<div class="more-block col l4 m4 s12">
			<div class="img-block">
				<a href="index.php?pageReq=as">
				<img class="center-align" src="<?php  echo TEMPLATES_ASSETS.'/img/home/0001_min.jpg' ?>" alt="Our Story">

				</a>
			</div>
			<div class="more-info">
				<h5 class="center-align alrightsansmedium body-txt-type"><?php echo $headSabMoreStory ;?></h5>
				<p class="center-align alrightsansregular body-txt-type"><?php echo $txtSabMoreStory ;?></p>
			</div>
		</div><!-- more-block -->

		<div class="more-block col l4 m4 s12">
			<div class="img-block">
				<a href="https://sabullion.co.za/magazine/">
				<img class="center-align" src="<?php  echo TEMPLATES_ASSETS.'/img/home/0004_min.jpg' ?>" alt="Magazine">

				</a>
			</div>
			<div class="more-info">
				<h5 class="center-align alrightsansmedium body-txt-type"><?php echo $headSabMoreBlog ;?></h5>
				<p class="center-align alrightsansregular body-txt-type"><?php echo $txtSabMoreBlog ;?></p>
			</div>
		</div><!-- more-block -->
		</div><!-- more-about-sab-container -->
		</div><!-- content-wrap -->
	</div><!-- more-about-sab -->


</div><!--- page-wrapper -->
