<!DOCTYPE html>
<html lang="en">

<head>
    <?php include('includes/meta.php'); ?>
    <title>Xpress Powder Coating</title>
    <?php include('includes/css.php'); ?>
</head>

<body>
   

    <?php include('includes/social.php'); ?>
    <!-- ***** Header Area Start ***** -->
    <?php include('layouts/navbar.php'); ?>
    <!-- ***** Header Area End ***** -->

    <!-- ***** Hero Area Start ***** -->
    <div class="fancy-hero-area bg-img bg-overlay animated-img" style="background-image: url(img/bg-img/hero-1.jpg);">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-12">
                    <div class="fancy-hero-content text-center">
                        
                        <h2>Choice Award winner</h2>
                        <p style="color:#fff;font-size:28px;">A creative writer, script writer, actor and events producer</p>
                        <a href="about.php" class="btn fancy-btn  pro-btn-white " style="border:solid white 2px;color:#fff;">Learn more</a>
                        <a href="contact.php" class="btn fancy-btn pro-btn-white" style="border:solid white 2px;color:#fff;">Contact us</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Hero Area End ***** -->

    <!-- ***** Top Feature Area Start ***** -->
    <!-- <div class="fancy-top-features-area bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="fancy-top-features-content">
                        <div class="row no-gutters">
                            <div class="col-12 col-md-4">
                                <div class="single-top-feature">
                                    <h5><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> Reliability</h5>
                                    <p>We ensure timely services done by a proffesional hand , we ensure we leave our clients satisfied </p>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="single-top-feature">
                                    <h5><i class="fa fa-clock-o" aria-hidden="true"></i> Expertise</h5>
                                    <p>We have the best workers who always perform at their very best enabling us to deliver topnotch services </p>
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="single-top-feature">
                                    <h5><i class="fa fa-diamond" aria-hidden="true"></i> Quality</h5>
                                    <p>Quality is our number one priority , we ensure that our clients get the value of their monies. </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!-- ***** Top Feature Area End ***** -->

    <!-- ***** About Us Area Start ***** -->
    <section class="fancy-about-us-area bg-gray">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-6">
                    <div class="about-us-text">
                        <h2>Siya Seya</h2>
                        <p>
                            Siya Seya is a two time Savanna Comics’ Choice Award winner. He has written and released over five one man comedy specials over 13 years of his career span. A creative writer, script writer, actor and events producer.
                        </p>
                        <p>
                            He was born in the town of East London, South Africa, and grew up in Port Elizabeth where he later graduated at MSC College in the Radio and TV Broadcasting production program.
                        </p>
                        
                        <a href="about.php" class="btn fancy-btn fancy-dark">Read More</a>
                    </div>
                </div>

                <div class="col-12 col-lg-6 col-xl-5 ml-xl-auto">
                    <div class="about-us-thumb wow fadeInUp" data-wow-delay="0.5s">
                        <img src="img/bg-img/about-1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** About Us Area End ***** -->

    <!-- ***** Blog Area Start ***** -->
     <section class="fancy-blog-area section-padding-100-70">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-heading text-center">
                        <h2>Career Events</h2>
                        <p>Check out our journey in the field of acting</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="0.5s">
                        <img src="img/blog-img/1.jpg" alt="">
                        <div class="blog-content">
                            <h5><a href="about.php">Award Winning </a></h5>
                            <p>
                                Siya Seya is a two time Savanna Comics’ Choice Award winner. He has written and released over 
                                five one man comedy specials over 13 years of his career span.
                             </p>
                            <a href="about.php">Learn More</a>
                        </div>
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1s">
                        <img src="img/blog-img/2.jpg" alt="">
                        <div class="blog-content">
                            <h5><a href="about.php">Interviews </a></h5>
                            <p>
                                Siya Seya has attended a variety of interviews from a number of radion stations because of his       extraordinary talent and passion of his work.
                            </p>

                            <a href="about.php">Learn More</a>
                        </div>
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1.5s">
                        <img src="img/blog-img/3.jpg" alt="">
                        <div class="blog-content">
                            <h5><a href="about.php">On set</a></h5>
                            <p>
                                Siya Seya is a hardworker who is passionate about his career , he fell in love with acting and he takes the stage with all he has got.
                            </p>
                            <a href="about.php">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Blog Area End ***** -->

    <!-- ***** Portifolio Area Start ***** -->
    <section class="fancy-blog-area section-padding-100-70">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-heading text-center">
                        <h2>Gallery</h2>
                        <p>Checkout our gallery</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="0.5s">
                        <img src="img/blog-img/4.jpg" alt="">
                        
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1s">
                        <img src="img/blog-img/5.jpg" alt="">
                        
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1.5s">
                        <img src="img/blog-img/6.jpg" alt="">
                        
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="0.5s">
                        <img src="img/blog-img/7.jpg" alt="">
                        
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1s">
                        <img src="img/blog-img/8.jpg" alt="">
                        
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1.5s">
                        <img src="img/blog-img/9.jpg" alt="">
                        
                    </div>
                </div>
            </div>
            <div class="row">
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="0.5s">
                        <img src="img/blog-img/10.jpg" alt="">
                       
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1s">
                        <img src="img/blog-img/11.jpg" alt="">
                        
                    </div>
                </div>
                <!-- Single Blog -->
                <div class="col-12 col-md-4">
                    <div class="single-blog-area wow fadeInUp" data-wow-delay="1.5s">
                        <img src="img/blog-img/12.jpg" alt="">
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Portifolio Area End ***** -->

 
    <?php
		// function __autoload($class){
		// 	require_once "classes/$class.php";
		// }

		spl_autoload_register(function($class) {
			include 'classes/' . $class . '.php';
		});
		
		$emails = new Emailpro();


		if(isset($_POST['send'])){

			$details = [
				"names"     => $_POST['fn']." ".$_POST['sn'],
				"email"     => $_POST['email'],
				"phone"     => $_POST['phone'],
				"service" => $_POST['service'],
				"descr"  	=> $_POST['descr'],
				"subject"   => "Request for a quote"
			];

			$res = $emails->getQuote($details);
			/*r=<?php echo $res;?>*/
			if($res){
				?>
				<script>
					Swal.fire(
						'Request Sent!',
						'Thank you for emailing us , we will respond soon!',
						'success'
						)
				</script>
				<?php
			}else{
				?>
				<script>
					Swal.fire(
						'Failed to send request!',
						'Sorry we could not send your request , please try again!',
						'error'
						)
				</script>
				<?php
			}

		}
	?>

    <!-- Modal -->
	<div class="modal fade" id="quoteModal" tabindex="-1" role="dialog" aria-labelledby="quoteModal" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
		<div class="modal-header" style="background-color:#212529;">
			<h5 class="modal-title" style="color:#fff">Xpress Powder Coating | Get a Quote</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">&times;</span>
			</button>
		</div>
		<form action="index.php" method="POST">
			<div class="modal-body">
				<div class="row">
				<div class="col-md-6 form-group">
					<label for="">Firstname</label>
					<input type="text" class="form-control" name="fn" required>
				</div>
				<div class="col-md-6 form-group">
					<label for="">Lastname</label>
					<input type="text" class="form-control" name="sn" required>
				</div>
				</div>
				<div class="row">
					<div class="col-md-6 form-group">
						<label for="">Phone number</label>
						<br/><span id="alert-span"></span>
						<input type="text" class="form-control" id="phone" name="phone" oninput="phoneValidate()" required>
					</div>
					<div class="col-md-6 form-group">
						<label for="">Email</label>
						<input type="email" class="form-control" name="email" required>
					</div>
				</div>
				<hr/>
				<div class="form-group">
					<label for="">Select service</label>
					<select class="form-control" id="phone" name="service"  required>
						<option value="">Select option :</option>
						<option value="Powder coating">Powder coating</option>
						<option value="Steel fabrication">Steel fabrication</option>
						<option value="Supplies">Supplies</option>
					</select>
				</div>
				
				<div class="form-group">
					<label for="">Description of what you would want us to do for you</label>
					<textarea class="form-control" name="descr" required></textarea>
				</div>
				
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="submit" class="btn btn-primary" name="send"  style="background-color:#212529;">Submit Details</button>
			</div>
		</form>
		</div>
	</div>
	</div>
	<!-- Modal end -->
   

    <!-- ***** Footer Area Start ***** -->
    <?php include('layouts/footer.php');?>
    <!-- ***** Footer Area End ***** -->

    <?php include('includes/js.php'); ?>
</body>