@extends('layouts.main')
@push('title')
<title>About </title>
<meta name="title" content="Harman Pipe Band">
<meta name="keywords" content="Harman Pipe Band">
<meta name="description" content="Harman Pipe Band">
    
@endpush
@section('main-section')
<div class="breadcrumb-section" style="background-image: linear-gradient(270deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.3) 101.02%), url(/public/assets/about-dhol.jpg);background-repeat: no-repeat;background-position: center;">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 d-flex justify-content-center">
                <div class="banner-content">
                    <h1 class="banner-head">About Us</h1>
                    <ul class="breadcrumb-list">
                        <li><a class="banner-home" href="/">Home</a></li> 
                        <li>About Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="about-area py-120 mb-30">
        <div class="about-shape">
            <img class="about-shape-1" src="public/assets/img/shape/04.jpg" alt="">
            <img class="about-shape-2" src="public/assets/img/shape/05.png" alt="">
        </div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="about-left wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="about-img">
                            <img src="{{asset('/public/assets/11.jpg')}}" alt="">
                        </div>
                        <div class="about-experience">
                            <h1>5 <span>+</span></h1>
                            <span class="about-experience-text">Years Of Experience</span>
                        </div>
                        <div class="about-img-shape">
                            <img src="public/assets/img/shape/01.svg" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-right wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading mb-3">
                            <span class="site-title-tagline">About Us</span>
                            <h2 class="site-title"><span>Harman</span> Pipe Band</h2>
                        </div>
                        <p class="about-text">
                        <p>At Harman Pipe Band, we pride ourselves on our commitment to excellence. Our repertoire includes traditional Scottish tunes, contemporary compositions, and everything in between, ensuring a captivating experience for all audiences. We also provide educational workshops and opportunities for those interested in learning the art of piping and drumming.</p>

                        <p>Our dedicated band members, comprised of skilled musicians of all ages, bring passion and professionalism to every event. Whether you're planning a wedding, corporate function, parade, or festival, we offer tailored services that will elevate your occasion with the stirring sounds of the bagpipe and the vibrant rhythms of our percussion.</p>


                        <div class="about-bottom">
                            <a href="tel:9971210144" class="theme-btn">Contact Now <i class="far fa-arrow-right"></i></a>
                            <div class="about-call">
                                <div class="about-call-icon">
                                    <i class="fal fa-user-headset"></i>
                                </div>
                                <div class="about-call-content">
                                    <span>Call Us Anytime</span>
                                    <h5 class="about-call-number"><a href="tel:9971210144"> +91-9971210144</a></h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="about-area py-100 mb-30">
        <div class="about-shape">
            <img class="about-shape-1" src="public/assets/img/shape/04.jpg" alt="">
            <img class="about-shape-2" src="public/assets/img/shape/05.png" alt="">
        </div>
        <div class="container">
            <div class="row align-items-center">

                <div class="col-lg-6">
                    <div class="about-right wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="site-heading mb-3">
                            <!--<span class="site-title-tagline">About Us</span>-->
                            <h2 class="site-title">Pipe Band Service in Delhi</h2>
                        </div>
                        <p class="about-text">
                        <p>Harman Pipe Band proudly offers exceptional pipe band services throughout Delhi. With a team of talented musicians, we specialize in creating memorable performances for a variety of events, including weddings, corporate functions, parades, and cultural festivals. Our skilled pipers and drummers are dedicated to delivering a captivating experience that honors the rich traditions of piping while engaging audiences with our vibrant sound. Whether you’re looking to add a touch of elegance to your special occasion or celebrate a cultural heritage, Harman Pipe Band is here to make your event unforgettable. Contact us today to learn more about our services and how we can enhance your next gathering in Delhi!</p>

                       

                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="about-left wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".25s">
                        <div class="about-img">
                            <img src="{{asset('/public/assets/5.jpg')}}" alt="">
                        </div>

                        <div class="about-img-shape">
                            <img src="public/assets/img/shape/01.svg" alt="">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="counter-area pb-120">
        <div class="container">
            <div class="counter-wrapper">
                <div class="row">
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter-box">
                            <div class="icon">
                                <i class="flaticon-suitcase"></i>
                            </div>
                            <div>
                                <span class="counter" data-count="+" data-to="1200" data-speed="3000">1200</span>
                                <h6 class="title">+ Projects Done</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter-box">
                            <div class="icon">
                                <i class="flaticon-wedding-arch"></i>
                            </div>
                            <div>
                                <span class="counter" data-count="+" data-to="500" data-speed="3000">500</span>
                                <h6 class="title">+ Happy Couples</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter-box">
                            <div class="icon">
                                <i class="flaticon-pastor"></i>
                            </div>
                            <div>
                                <span class="counter" data-count="+" data-to="1500" data-speed="3000">1500</span>
                                <h6 class="title">+ Experts Planner</h6>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="counter-box">
                            <div class="icon">
                                <i class="flaticon-placeholder"></i>
                            </div>
                            <div>
                                <span class="counter" data-count="+" data-to="50" data-speed="3000">50</span>
                                <h6 class="title">+ Wedding Locations</h6>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="testimonial-area bg py-120">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">
                    <div class="site-heading text-center">
                        <span class="site-title-tagline">Testimonials</span>
                        <h2 class="site-title">What Our Client <span>Say's</span></h2>
                        <div class="header-img-divider">
                            <img src="public/assets/img/icon/divider.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="testimonial-slider owl-carousel owl-theme wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">
                @foreach($testimonial as $testimonials)
                <div class="testimonial-single">
                    <!-- <div class="testimonial-shape"><img src="assets/img/shape/09.png" alt /></div> -->
                    <div class="testimonial-content">
                        <div class="testimonial-author-img">
                            <img src="{{asset('/public/uploads/post/'.$testimonials->image)}}" alt="">
                        </div>
                        <div class="testimonial-author-info">
                            <h4>{{$testimonials->name}}</h4>
                            <p>Clients</p>
                        </div>
                    </div>
                    <div class="testimonial-quote">
                        <p>{{$testimonials->description}}
                        </p>
                        <div class="testimonial-quote-icon">
                            <i class="flaticon-straight-quotes"></i>
                        </div>
                    </div>
                    <div class="testimonial-rate">
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                        <i class="fas fa-star"></i>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
@endsection