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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jayprime Solar</title>
    <link rel="icon" href="<?php echo e(url('asset/image/#')); ?>">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu&family=Ubuntu+Condensed&display=swap"
        rel="stylesheet">
    <!-- for icons  -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
        integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
        integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- bootstrap  -->
    <link rel="stylesheet" href="<?php echo e(url('assets/css/style.css ')); ?>">


</head>

<body class="body-fixed">
    <!-- start of header  -->
    <nav class="navbar navbar-expand-sm navbar-dark bg-dark  sticky-top  pt-4 pb-4">
        <a href="" class="navbar-brand">
            <img src="<?php echo e(url('asset/image/#')); ?>" alt="" width="60">Jayprime Solar </a>
        <button class="navbar-toggler " data-toggle="collapse" data-target="#icon"><span
                class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse justify-content-end " id="icon">
            <ul class="navbar-nav ">
                <li class="nav-item ml-4"><a href="<?php echo e(url('/')); ?>" class="nav-link ">Home</a></li>
                <li class="nav-item ml-4"><a href="<?php echo e(url('about')); ?>" class="nav-link ">About Us</a></li>
               
                <li class="nav-item ml-4"><a href="<?php echo e(url('contact')); ?>" class="nav-link">Contact Us</a></li>
                

            </ul>

        </div>

    </nav>

    <section id="home">
        <div class="container-fluid p-0 mb-5 pb-5">
            <div id="header-carousel" class="carousel slide carousel-fade" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item banner1 position-relative active"
                        style="height: 100vh; min-height: 400px;">
                        
                        <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                            <div class="p-3 text_area" style="max-width: 900px;">
                                <h4 class="text-white text-uppercase mb-4">Solar Energy</h4>
                                <h3 class="display-2 font-secondary text-white mb-4">Innovative Solar Solution For Home
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item banner2 position-relative" style="height: 100vh; min-height: 400px;">
                       
                        <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                            <div class="p-3 text_area" style="max-width: 900px;">
                                <h4 class="text-white text-uppercase mb-4">Solar Energy</h4>
                                <h3 class="display-2 font-secondary text-white mb-4">Let The Sun Work For Your Home</h3>
                               
                            </div>
                        </div>
                    </div>
                </div>
                <a class="carousel-control-prev justify-content-start" href="#header-carousel" data-slide="prev">
                    <div class="btn  px-0" style="width: 68px; height: 68px;">
                        <span class="carousel-control-prev-icon mt-3"></span>
                    </div>
                </a>
                <a class="carousel-control-next justify-content-end" href="#header-carousel" data-slide="next">
                    <div class="btn b px-0" style="width: 68px; height: 68px;">
                        <span class="carousel-control-next-icon mt-3"></span>
                    </div>
                </a>
            </div>
        </div>
    </section>


    
    <section class="container pt-5">

        <div class=" about about-1 ptb-100" id="aboutus">
            <div class="container-fluid">
                <div class="row align-items-center">

                    <div class="col-xl-5 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="about-img-area">
                            <div class="about-img-1">
                                <img src="<?php echo e(url('assets/image/4.jpg')); ?>" width="100%" alt="image">
                            </div>

                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="about-text-area">
                            <div class="default-section-title">
                                <h6>ABOUT US</h6>
                                <h3> Unveiling Our Story</h3>
                            </div>
                            <p>Welcome to Jayprime Engineering Solutions (Pvt) Ltd, your trusted partner for solar
                                installations
                                in Sri Lanka. With our passion for renewable energy and a commitment to
                                excellence, we have been providing top-quality solar solutions since our establishment
                                in 2019.
                            </p>
                            <p>At Jayprime, we prioritize the highest standards of quality in every aspect of our work.
                                Our team of
                                highly skilled engineers is at the forefront of the industry, bringing their extensive
                                knowledge
                                and experience to every project. We understand that solar installations require precise
                                engineering,
                                careful planning, and attention to detail. That's why our engineers undergo continuous
                                education and
                                training to stay up-to-date with the latest advancements in solar technology and best
                                practices.
                            </p>

                            <div class="row">
                                <div class="large-12 columns">
                                    <a href="<?php echo e(url('about')); ?>">
                                        <div class="btn btn--border btn--primary btn--animated">Read More</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

   

    

    <section>

        <div class="parallax  contact-page ptb-100" id="contactus">
            <div class="container">
                <div class="default-section-title">
                    <h6>Get In Touch</h6>
                    <h3>We Are Here To Help You</h3>
                </div>
                <div class="section-content">
                    <div class="row">
                        <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                            <div class="contact-card-area">
                                <div class="row justify-content-center">
                                    <div class="col-lg-12 col-md-6 col-sm-12 col-12">
                                        <div class="contact-card">
                                            <i class="fas fa-map-marker-alt"></i>
                                            <h4>Our Location</h4>
                                            <p>63/F, Dummaladeniya East, Wennappuwa
                                            </p>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-6 col-sm-12 col-12">
                                        <div class="contact-card">
                                            <i class="fas fa-phone-alt"></i>
                                            <h4>Our Phone</h4>
                                            <p><a href="#">+94 71 1300 202</a></p>
                                            <p><a href="#">+94 71 1300 205</a></p>

                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-md-6 col-sm-12 col-12">
                                        <div class="contact-card">
                                            <i class="far fa-envelope"></i>
                                            <h4>Our Email</h4>
                                            <p><a href="#"><span class="__cf_email__"
                                                        data-cfemail="">Info@jayprime.com</span></a>
                                            </p>
                                            <p><a href="#"><span class="__cf_email__"
                                                        data-cfemail="">sales@jayprime.com</span></a>
                                            </p>
                                            <p><a href="#"><span class="__cf_email__"
                                                        data-cfemail="">engineering@jayprime.com</span></a>
                                            </p>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-12 col-sm-12 col-12">
                            <div class="contact-page-form-area">
                                <div class="contact-form bd-form details-text-area">
                                    <h2>Send Your Message</h2>
                                    <form method="POST" action="<?php echo e(route('contact.submit')); ?>" id="contact-form">
                                        <?php echo csrf_field(); ?>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group ">
                                                    <input type="text" name="name" id="name"
                                                        class="form-control" placeholder="Enter your name here"
                                                        required data-error="Please enter your name">
                                                    <div class="help-block with-errors"></div>
                                                    <i class="ri-user-3-line"></i>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <input type="email" name="email" id="email"
                                                        class="form-control"
                                                        placeholder="Enter your email address here" required
                                                        data-error="Please enter your email">
                                                    <div class="help-block with-errors"></div>
                                                    <i class="ri-mail-send-line"></i>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <input type="text" name="phone_number" id="phone_number"
                                                        placeholder="+94 77 008 9724" class="form-control" required
                                                        data-error="Please enter your number">
                                                    <div class="help-block with-errors"></div>
                                                    <i class="ri-phone-line"></i>
                                                </div>
                                            </div>
                                            <div class="col-lg-6 col-md-6">
                                                <div class="form-group">
                                                    <input type="text" name="msg_subject" id="msg_subject"
                                                        class="form-control" placeholder="Write subject" required
                                                        data-error="Please enter your subject">
                                                    <div class="help-block with-errors"></div>
                                                    <i class="ri-booklet-line"></i>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <textarea name="message" class="form-control-msg" id="message" cols="30" rows="4"
                                                        placeholder="Enter your comment here" required data-error="Write your message"></textarea>
                                                    <div class="help-block with-errors"></div>
                                                    <i class="ri-pencil-line"></i>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12">
                                                <button class="default-button" type="submit"><span>Send
                                                        Message</span></button>
                                                <div id="msgSubmit" class="h3 text-center hidden"></div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
  <?php echo $__env->make('commen.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
    integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous">
</script>

<script src="<?php echo e(url('assets/js/tabpanel.js')); ?>"></script>
<script src="<?php echo e(url('assets/js/testimonial.js')); ?>"></script>
<?php /**PATH /home/jayprime/public_html/resources/views/home.blade.php ENDPATH**/ ?>