
<%- include("pages/header")%>

    <!-- Header Start -->
    <div id="sliderCarousel" class="carousel slide mb-5" data-ride="carousel">
        <div class="carousel-inner">
            <!-- Slide 1 -->
            <div class="carousel-item active">
                <div class="jumbotron jumbotron-fluid position-relative" 
                    style="background-image: url('img/header.jpg'); background-size: cover; background-position: center; color: white;">
                    <!-- Black overlay -->
                    <div style="background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
                    <div class="container text-center py-5 position-relative" style="z-index: 1;">
                        <h1 class="text-primary mb-4">Safe & Faster</h1>
                        <h1 class="text-white display-3 mb-5">
                            <span style="text-transform: capitalize;">ATAYESHE OIL & MARINE SERVICES</span>
                        </h1>
                        <div class="mx-auto" style="width: 100%; max-width: 600px;">
                            <div class="input-group">
                                <input type="text" class="form-control border-light" style="padding: 30px;" placeholder="Tracking Id">
                                <div class="input-group-append">
                                    <button class="btn btn-primary px-3">Track & Trace</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    
            <!-- Slide 2 -->
            <div class="carousel-item">
                <div class="jumbotron jumbotron-fluid position-relative" 
                    style="background-image: url('img/about.jpg'); background-size: cover; background-position: center; color: white;">
                    <!-- Black overlay -->
                    <div style="background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></div>
                    <div class="container text-center py-5 position-relative" style="z-index: 1;">
                        <h1 class="text-primary mb-4">Reliable & Trusted</h1>
                        <h1 class="text-white display-3 mb-5">
                            <span style="text-transform: capitalize;">Your Partner in Marine Logistics</span>
                        </h1>
                        <div class="mx-auto" style="width: 100%; max-width: 600px;">
                            <div class="input-group">
                                <input type="text" class="form-control border-light" style="padding: 30px;" placeholder="Search Services">
                                <div class="input-group-append">
                                    <button class="btn btn-primary px-3">Search</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        <!-- Carousel controls -->
        <a class="carousel-control-prev" href="#sliderCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#sliderCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    
    <!-- Header End -->


    <!-- About Start -->
    <div class="container-fluid py-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-5 pb-4 pb-lg-0">
                    <img class="img-fluid w-100" src="img/about.jpg" alt="">
                    <div class="bg-primary text-dark text-center p-4">
                        <h3 class="m-0">10+ Years Experience</h3>
                    </div>
                </div>
                <div class="col-lg-7">
                    <h6 class="text-primary text-uppercase font-weight-bold">About Us</h6>
                    <h1 class="mb-4">Trusted & Faster Freight Service Provider</h1>
                    <p class="mb-4">We provide customized, door-to-door services tailored to meet your specific needs, whether for imports or exports. Our comprehensive solutions cover transportation by land, sea, or air, offering full loads, groupage, trailers, or containers worldwide.</p>
                    <div class="d-flex align-items-center pt-2">
                        <button type="button" class="btn btn-primary">
                            <span>More  <i class="fa fa-plus"></i></span>
                        </button>
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- Video Modal -->
        <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>        
                        <!-- 16:9 aspect ratio -->
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe class="embed-responsive-item" src="" id="video"  allowscriptaccess="always" allow="autoplay"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->


    <!--  Quote Request Start -->
    <div class="container-fluid bg-secondary my-5">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7 py-5 py-lg-0">
                    <h6 class="text-primary text-uppercase font-weight-bold">Get A Quote</h6>
                    <h1 class="mb-4">Request A Free Quote</h1>
                    <p class="mb-4">Discover tailored logistics solutions designed to meet your specific requirements. Whether it’s imports, exports, or global transportation, we ensure seamless and efficient service. Request a free quote today and let us handle your logistics with professionalism and precision.</p>
                    <div class="row">
                        <div class="col-sm-4">
                            <h1 class="text-primary mb-2" data-toggle="counter-up">40</h1>
                            <h6 class="font-weight-bold mb-4">SKilled Experts</h6>
                        </div>
                        <div class="col-sm-4">
                            <h1 class="text-primary mb-2" data-toggle="counter-up">100</h1>
                            <h6 class="font-weight-bold mb-4">Happy Clients</h6>
                        </div>
                        <div class="col-sm-4">
                            <h1 class="text-primary mb-2" data-toggle="counter-up">100 +</h1>
                            <h6 class="font-weight-bold mb-4">Complete Projects</h6>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="bg-primary py-5 px-4 px-sm-5">
                        <form class="py-5">
                            <div class="form-group">
                                <input type="text" class="form-control border-0 p-4" placeholder="Your Name" required="required" />
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control border-0 p-4" placeholder="Your Email" required="required" />
                            </div>
                            <div class="form-group">
                               
                                <select id="serviceSelect" class="custom-select border-0 px-4" style="height: 47px;">
                                    <option value="" disabled selected>Select a Service</option>
                                    <option value="1">Freight Forwarding</option>
                                    <option value="2">Customs Clearance</option>
                                    <option value="3">Door-to-Door Delivery</option>
                                    <option value="4">Warehousing</option>
                                    <option value="5">Air Cargo</option>
                                    <option value="6">Sea Freight</option>
                                    <option value="7">Road Transport</option>
                                </select>
                            </div>
                            
                            <div>
                                <button class="btn btn-dark btn-block border-0 py-3" type="submit">Get A Quote</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Quote Request Start -->


    <!-- Services Start -->
    <div class="container-fluid pt-5">
        <div class="container">
            <div class="text-center pb-4">
                <h6 class="text-primary text-uppercase font-weight-bold">Our Services</h6>
                <h1 class="mb-4">Best Logistic Services</h1>
            </div>
            <div class="row pb-3">
                <!-- Air Freight -->
                <div class="col-lg-3 col-md-6 text-center mb-5">
                    <div class="service-box bg-primary text-white p-4 rounded-lg shadow">
                        <i class="fa fa-2x fa-plane mb-3"></i>
                        <h6 class="font-weight-medium m-0">Air Freight</h6>
                    </div>
                    <p class="mt-3">Reliable and efficient air freight services to deliver your goods globally, fast and safely.</p>
                    <a href="#" class="text-primary font-weight-bold">Read More</a>
                </div>
                <!-- Ocean Freight -->
                <div class="col-lg-3 col-md-6 text-center mb-5">
                    <div class="service-box bg-primary text-white p-4 rounded-lg shadow">
                        <i class="fa fa-2x fa-ship mb-3"></i>
                        <h6 class="font-weight-medium m-0">Ocean Freight</h6>
                    </div>
                    <p class="mt-3">Affordable and secure shipping by sea to handle all your bulk and containerized goods.</p>
                    <a href="#" class="text-primary font-weight-bold">Read More</a>
                </div>
                <!-- Land Transport -->
                <div class="col-lg-3 col-md-6 text-center mb-5">
                    <div class="service-box bg-primary text-white p-4 rounded-lg shadow">
                        <i class="fa fa-2x fa-truck mb-3"></i>
                        <h6 class="font-weight-medium m-0">Land Transport</h6>
                    </div>
                    <p class="mt-3">Efficient and safe land transportation services, ensuring timely delivery across regions.</p>
                    <a href="#" class="text-primary font-weight-bold">Read More</a>
                </div>
                <!-- Cargo Storage -->
                <div class="col-lg-3 col-md-6 text-center mb-5">
                    <div class="service-box bg-primary text-white p-4 rounded-lg shadow">
                        <i class="fa fa-2x fa-store mb-3"></i>
                        <h6 class="font-weight-medium m-0">Cargo Storage</h6>
                    </div>
                    <p class="mt-3">Secure and accessible cargo storage solutions for your goods, offering flexibility and convenience.</p>
                    <a href="#" class="text-primary font-weight-bold">Read More</a>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Optional Styling for the Service Box -->
    <style>
        .service-box {
            transition: transform 0.3s ease;
        }
        .service-box:hover {
            transform: translateY(-10px);
        }
    </style>
    
    <!-- Services End -->


    <!-- Features Start -->
    <div class="container-fluid bg-secondary my-5">
        <div class="container">
            <div class="row align-items-center">
                <!-- Image Section -->
                <div class="col-lg-5">
                    <img class="img-fluid w-100 rounded-lg" src="img/feature.jpg" alt="Logistics Feature Image">
                </div>
                <!-- Content Section -->
                <div class="col-lg-7 py-5 py-lg-0">
                    <h6 class="text-primary text-uppercase font-weight-bold">Why Choose Us</h6>
                    <h1 class="mb-4">Faster, Safe and Trusted Logistics Services</h1>
                    <p class="mb-4">Our logistics services are designed for speed, safety, and reliability, ensuring your goods reach their destination in optimal condition, no matter the destination.</p>
                    
                    <ul class="list-unstyled">
                        <li class="mb-3">
                            <h6><i class="far fa-dot-circle text-primary mr-3"></i><strong>Best In Industry:</strong> We are leaders in the logistics sector, providing top-tier services globally.</h6>
                        </li>
                        <li class="mb-3">
                            <h6><i class="far fa-dot-circle text-primary mr-3"></i><strong>Emergency Services:</strong> Fast-track services available for urgent deliveries anytime, anywhere.</h6>
                        </li>
                        <li class="mb-3">
                            <h6><i class="far fa-dot-circle text-primary mr-3"></i><strong>24/7 Customer Support:</strong> Our dedicated support team is available around the clock to assist you with any queries.</h6>
                        </li>
                    </ul>
    
                    <a href="#" class="btn btn-primary mt-3 py-2 px-4">Learn More</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Trcrochethub_2025 -->
    <!-- Optional Styling for better appearance -->
   
    
    <!-- Features End -->


    <!-- Pricing Plan Start -->
    <div class="container-fluid pt-5">
        <div class="container">
            <!-- Section Header -->
            <div class="text-center pb-4">
                <h6 class="text-primary text-uppercase font-weight-bold">Freight Services</h6>
                <h1 class="mb-4">Affordable Freight Pricing Packages</h1>
                <p class="text-muted">Our flexible and transparent pricing ensures you get reliable freight services tailored to your needs.</p>
            </div>
    
            <!-- Pricing Cards -->
            <div class="row">
                <!-- Basic Freight Package -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card border-0 shadow h-100">
                        <div class="card-header bg-primary text-center text-white py-4">
                            <h3 class="m-0">Basic Package</h3>
                        </div>
                        <div class="card-body text-center">
                            <h1 class="display-4 mb-3">
                                <span class="align-top text-muted" style="font-size: 24px;"></span>
                                <small class="align-bottom text-muted">/Shipment</small>
                            </h1>
                            <ul class="list-unstyled mb-4">
                                <li>Lightweight Cargo (up to 5 Tons)</li>
                                <li>Domestic Freight Only</li>
                                <li>Standard Delivery (5-7 Days)</li>
                                <li>Basic Cargo Tracking</li>
                            </ul>
                            <a href="#" class="btn btn-primary px-4 py-2">Order Now</a>
                        </div>
                    </div>
                </div>
    
                <!-- Premium Freight Package -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card border-0 shadow h-100">
                        <div class="card-header bg-primary text-center text-white py-4">
                            <h3 class="m-0">Premium Package</h3>
                        </div>
                        <div class="card-body text-center">
                            <h1 class="display-4 mb-3">
                                <span class="align-top text-muted" style="font-size: 24px;"></span>
                                <small class="align-bottom text-muted">/Shipment</small>
                            </h1>
                            <ul class="list-unstyled mb-4">
                                <li>Medium Cargo (up to 15 Tons)</li>
                                <li>International Freight (Selected Destinations)</li>
                                <li>Expedited Delivery (3-5 Days)</li>
                                <li>Advanced Cargo Tracking</li>
                            </ul>
                            <a href="#" class="btn btn-primary px-4 py-2">Order Now</a>
                        </div>
                    </div>
                </div>
    
                <!-- Business Freight Package -->
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="card border-0 shadow h-100">
                        <div class="card-header bg-primary text-center text-white py-4">
                            <h3 class="m-0">Business Package</h3>
                        </div>
                        <div class="card-body text-center">
                            <h1 class="display-4 mb-3">
                                <span class="align-top text-muted" style="font-size: 24px;"></span>
                                <small class="align-bottom text-muted">/Shipment</small>
                            </h1>
                            <ul class="list-unstyled mb-4">
                                <li>Heavy Cargo (up to 30 Tons)</li>
                                <li>Global Freight Coverage</li>
                                <li>Priority Delivery (1-3 Days)</li>
                                <li>Real-Time Cargo Tracking</li>
                            </ul>
                            <a href="#" class="btn btn-primary px-4 py-2">Order Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Pricing Plan End -->


    


   


    <!-- Blog Start -->
    <div class="container-fluid pt-5">
        <div class="container">
            <div class="text-center pb-2">
                <h6 class="text-primary text-uppercase font-weight-bold">Our Freight Services</h6>
                <h1 class="mb-4">Insights from the Freight Industry</h1>
            </div>
            
            <div class="row">
                <div class="col-md-6 mb-5">
                    <div class="position-relative">
                        <img class="img-fluid w-100" src="img/heb.jpeg" alt="hh" style="height: 300px;">
                        <div class="position-absolute bg-primary d-flex flex-column align-items-center justify-content-center rounded-circle shadow"
                            style="width: 70px; height: 70px; bottom: -35px; right: 30px;">
                            <i class="fas fa-ship text-white" style="font-size: 24px;"></i>
                            <small class="text-white text-uppercase mt-1">Freight</small>
                        </div>

                    </div>
                    <div class="bg-secondary" style="padding: 30px;">
                        <!-- <div class="d-flex mb-3">
                            <div class="d-flex align-items-center">
                                <img class="rounded-circle" style="width: 40px; height: 40px;" src="img/user.jpg" alt="">
                                <a class="text-muted ml-2" href="">John Doe</a>
                            </div>
                            <div class="d-flex align-items-center ml-4">
                                <i class="far fa-bookmark text-primary"></i>
                                <a class="text-muted ml-2" href="">Web Design</a>
                            </div>
                        </div> -->
                        <h4 class="font-weight-bold mb-3">Clearing of Herbicides through Tincan Island Port</p>
                        <!-- <a class="border-bottom border-primary text-uppercase text-decoration-none" href="">Read More <i class="fa fa-angle-right"></i></a> -->
                    </div>
                </div>
                <div class="col-md-6 mb-5">
                    <div class="position-relative">
                        <img class="img-fluid w-100" src="img/bigen.jpeg" alt="" style="height: 300px;">
                        <div class="position-absolute bg-primary d-flex flex-column align-items-center justify-content-center rounded-circle shadow"
                            style="width: 70px; height: 70px; bottom: -35px; right: 30px;">
                            <i class="fas fa-ship text-white" style="font-size: 24px;"></i>
                            <small class="text-white text-uppercase mt-1">Freight</small>
                        </div>
                    </div>
                    <div class="bg-secondary" style="padding: 30px;">
                        <!-- <div class="d-flex mb-3">
                            <div class="d-flex align-items-center">
                                <img class="rounded-circle" style="width: 40px; height: 40px;" src="img/user.jpg" alt="">
                                <a class="text-muted ml-2" href="">John Doe</a>
                            </div>
                            <div class="d-flex align-items-center ml-4">
                                <i class="far fa-bookmark text-primary"></i>
                                <a class="text-muted ml-2" href="">Web Design</a>
                            </div>
                        </div> -->
                        <h4 class="font-weight-bold mb-3">Air compressor cleared from APAPA Port</h4>
                        <!-- <a class="border-bottom border-primary text-uppercase text-decoration-none" href="">Read More <i class="fa fa-angle-right"></i></a> -->
                    </div>
                    <div class="text-right mt-4">
                        <a href="#more-content" class="btn btn-primary px-4 py-2" style="border-radius: 50px; font-weight: bold;">
                            View More
                            <i class="fas fa-arrow-right ml-2"></i>
                        </a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- Blog End -->
    <!-- Team Start -->
    <div class="container-fluid pt-5">
        <div class="container">
            <div class="text-center pb-4">
                <h6 class="text-primary text-uppercase font-weight-bold">Our Dedicated Professionals</h6>
                <h1 class="mb-4">Meet the Team Behind Every Successful Delivery</h1>
                <p class="text-muted">Our experienced team ensures timely and reliable delivery for all your freight and logistics needs.</p>
            </div>
            
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="team card position-relative overflow-hidden border-0 mb-5">
                        <img class="card-img-top" src="img/ajigo.png" alt="" style="height:250px">
                        <div class="card-body text-center p-0">
                            <div class="team-text d-flex flex-column justify-content-center bg-secondary">
                                <h5 class="font-weight-bold">Kola Ajigo</h5>
                                <span>Head of operations</span>
                            </div>
                            <div class="team-social d-flex align-items-center justify-content-center bg-primary">
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-twitter"></i></a>
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-facebook-f"></i></a>
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-linkedin-in"></i></a>
                                <a class="btn btn-outline-dark btn-social" href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="team card position-relative overflow-hidden border-0 mb-5">
                        <img class="card-img-top" src="img/mainman.png" alt="" style="height:250px">
                        <div class="card-body text-center p-0">
                            <div class="team-text d-flex flex-column justify-content-center bg-secondary">
                                <h5 class="font-weight-bold">Adeyemi Olaoye</h5>
                                <span>Operation Lead</span>
                            </div>
                            <div class="team-social d-flex align-items-center justify-content-center bg-primary">
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-twitter"></i></a>
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-facebook-f"></i></a>
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-linkedin-in"></i></a>
                                <a class="btn btn-outline-dark btn-social" href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="team card position-relative overflow-hidden border-0 mb-5">
                        <img class="card-img-top" src="img/sale.png" alt="" style="height:250px">
                        <div class="card-body text-center p-0">
                            <div class="team-text d-flex flex-column justify-content-center bg-secondary">
                                <h5 class="font-weight-bold">Adeyemi Adeola</h5>
                                <span>Sales Operator</span>
                            </div>
                            <div class="team-social d-flex align-items-center justify-content-center bg-primary">
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-twitter"></i></a>
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-facebook-f"></i></a>
                                <a class="btn btn-outline-dark btn-social mr-2" href="#"><i class="fab fa-linkedin-in"></i></a>
                                <a class="btn btn-outline-dark btn-social" href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                
                
            </div>
        </div>
    </div>
    <!-- Team End -->
     <!-- Testimonial Start -->
     <!-- <div class="container-fluid py-5">
        <div class="container">
            <div class="text-center pb-2">
                <h6 class="text-primary text-uppercase font-weight-bold">Testimonial</h6>
                <h1 class="mb-4">Our Clients Say</h1>
            </div>
            <div class="owl-carousel testimonial-carousel">
                <div class="position-relative bg-secondary p-4">
                    <i class="fa fa-3x fa-quote-right text-primary position-absolute" style="top: -6px; right: 0;"></i>
                    <div class="d-flex align-items-center mb-3">
                        <img class="img-fluid rounded-circle" src="img/testimonial-1.jpg" style="width: 60px; height: 60px;" alt="">
                        <div class="ml-3">
                            <h6 class="font-weight-semi-bold m-0">Client Name</h6>
                            <small>- Profession</small>
                        </div>
                    </div>
                    <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr clita lorem. Dolor ipsum sanct clita</p>
                </div>
                <div class="position-relative bg-secondary p-4">
                    <i class="fa fa-3x fa-quote-right text-primary position-absolute" style="top: -6px; right: 0;"></i>
                    <div class="d-flex align-items-center mb-3">
                        <img class="img-fluid rounded-circle" src="img/testimonial-2.jpg" style="width: 60px; height: 60px;" alt="">
                        <div class="ml-3">
                            <h6 class="font-weight-semi-bold m-0">Client Name</h6>
                            <small>- Profession</small>
                        </div>
                    </div>
                    <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr clita lorem. Dolor ipsum sanct clita</p>
                </div>
                <div class="position-relative bg-secondary p-4">
                    <i class="fa fa-3x fa-quote-right text-primary position-absolute" style="top: -6px; right: 0;"></i>
                    <div class="d-flex align-items-center mb-3">
                        <img class="img-fluid rounded-circle" src="img/testimonial-3.jpg" style="width: 60px; height: 60px;" alt="">
                        <div class="ml-3">
                            <h6 class="font-weight-semi-bold m-0">Client Name</h6>
                            <small>- Profession</small>
                        </div>
                    </div>
                    <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr clita lorem. Dolor ipsum sanct clita</p>
                </div>
                <div class="position-relative bg-secondary p-4">
                    <i class="fa fa-3x fa-quote-right text-primary position-absolute" style="top: -6px; right: 0;"></i>
                    <div class="d-flex align-items-center mb-3">
                        <img class="img-fluid rounded-circle" src="img/testimonial-4.jpg" style="width: 60px; height: 60px;" alt="">
                        <div class="ml-3">
                            <h6 class="font-weight-semi-bold m-0">Client Name</h6>
                            <small>- Profession</small>
                        </div>
                    </div>
                    <p class="m-0">Sed ea amet kasd elitr stet, stet rebum et ipsum est duo elitr clita lorem. Dolor ipsum sanct clita</p>
                </div>
            </div>
        </div>
    </div> -->
    <!-- Testimonial End -->
    <%- include('pages/footer')%>