<%- include('./includes/header', { title: `Home - Little Groovin Guitars` }) %>
<main>
     <!-- HERO SECTION START -->
     <section class="overflow-hidden">
        <div class="hero-slider">
            <div class="hero-content">
                <div class="container">
                    <div class="hero-slide">
                        <div class="hero-title" data-aos="fade-down-right">
                            <h6 class="wlc">Welcome</h6>
                            <h1>Learning <br> <span> to groove.</span></h1>
                        </div>
                        <div class="guitar-man">
                            <img src="/sites/little-groovin-guitar/images/guitar-man.png" data-aos="fade-right"  class="img-fluid" alt="image">
                        </div>
                    </div>
                </div>
                <img src="/sites/little-groovin-guitar/images/guitar.png" data-aos="fade-left"  class="hero-guitar" alt="image">
                <div class="hero-bg-guitar-content">
                    <span>Little</span>
                    <span>Grooving</span>
                    <span>Guitars</span>
                </div>
                <div class="music-card" >
                    <div class="music-detail">
                        <span>Our programs</span>
                        <h6>new beginnings</h6>
                    </div>
                    <div class="play-music" >
                        <img src="/sites/little-groovin-guitar/images/music.png" alt="image">
                    </div>
                </div>
            </div>
        </div>
    </section>







    <!-- HERO SECTION END -->

    <!-- TEXT SLIDER START -->
    <div class="text-slider">
        <marquee behavior="smooth" direction="right" scrolldelay="1" scrollamount="15">
            <div class="d-flex align-items-center gap-2">
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
            </div>
        </marquee>
    </div>
    <!-- TEXT SLIDER END -->

    <!-- ABOUT US SECTION START -->
    <section class="about-section">
        <div class="container">
            <div class="row justify-content-between gap-lg-0 gap-5">
                <div class="col-lg-6">
                    <div class="primary-title title-left">
                        <span>Who we are</span>
                        <h6>about us</h6>
                    </div>
                    <p>Searching for a quality General Contractor in San Diego, CA that you can rely on for high quality
                        project planning assistance and prompt project completion? Element Builders is your optimal
                        choice for all contracting services in San Diego, CA. We offer free estimates to our valued
                        customers, so we can get you started as soon as possible. We are licensed, bonded, and fully
                        insured. We are committed to client satisfaction, and will finish each project with a close
                        attention to detail that you should expect from a professional. Our quality work will speak for
                        itself.</p>
                    <p class="mt-5">We are locally owned and operated, so we are a committed to the prosperity and image
                        of our home
                        community. Our architects work tirelessly to design attractive and aesthetically pleasing
                        buildings.</p>

                    <a href="javascript:;" class="btn-theme-2 mt-5">
                        Read more <img src="/sites/little-groovin-guitar/images/right-arrow.svg" class="img-fluid" alt="Arrow">
                    </a>
                </div>
                <div class="col-lg-5">
                    <img src="/sites/little-groovin-guitar/images/about-us.png" class="img-fluid about-us-img" alt="About Us">
                </div>
            </div>
        </div>
    </section>
    <!-- ABOUT US SECTION END -->


    <!-- OUR PROGRAMS START -->
    <section class="our-program-section">
        <div class="container">
            <div class="primary-title py-5  ">
                <span>explore</span>
                <h6>our programs</h6>
            </div>
            <div class="row gap-lg-0 gap-4">
                <div class="col-lg-3">
                    <div class="program-card">
                        <div class="program-title">
                            <span>01</span>
                            <h6>Beginners</h6>
                        </div>
                        <div class="program-detail">
                            <p>Searching for a quality General Contractor in San Diego, CA that you can rely on for high
                                quality project planning assistance and prompt project completion? Element Builders is
                                your optimal choice for all contracting services in San Diego, CA.</p>

                            <a href="#" class="explore">Explore</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="program-card">
                        <div class="program-title">
                            <span>02</span>
                            <h6>Beginners</h6>
                        </div>
                        <div class="program-detail">
                            <p>Searching for a quality General Contractor in San Diego, CA that you can rely on for high
                                quality project planning assistance and prompt project completion? Element Builders is
                                your optimal choice for all contracting services in San Diego, CA.</p>

                            <a href="#" class="explore">Explore</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="program-card">
                        <div class="program-title">
                            <span>03</span>
                            <h6>classic</h6>
                        </div>
                        <div class="program-detail">
                            <p>Searching for a quality General Contractor in San Diego, CA that you can rely on for high
                                quality project planning assistance and prompt project completion? Element Builders is
                                your optimal choice for all contracting services in San Diego, CA.</p>
                            <a href="#" class="explore">Explore</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="program-card">
                        <div class="program-title">
                            <span>04</span>
                            <h6>professional</h6>
                        </div>
                        <div class="program-detail">
                            <p>Searching for a quality General Contractor in San Diego, CA that you can rely on for high
                                quality project planning assistance and prompt project completion? Element Builders is
                                your optimal choice for all contracting services in San Diego, CA.</p>
                            <a href="#" class="explore">Explore</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- OUR PROGRAMS END -->


    <!-- BIG BANNER START -->
    <section class="big-banner my-5">
        <div class="container">
            <img src="/sites/little-groovin-guitar/images/big-banner.png" class="img-fluid" alt="image">
        </div>
    </section>
    <!-- BIG BANNER END -->

    <!-- ANIMATE SECTION -->
    <div id="slidephoto">
        <div id="slidephotos">
            <div class="photu"></div>
            <div class="photu"></div>
            <div class="photu"></div>
            <div class="photu"></div>
        </div>
    </div>


    <!-- TEACHERS START -->
    <section class="teacher-section">
        <div class="container">
            <div class="primary-title py-5">
                <span>meet</span>
                <h6>our teachers</h6>
            </div>
            <div id="eff">
                <div class="user-item offer__cta-single" id="daniel">
                    <div class="d-flex align-items-center gap-3">
                        <span>01</span>
                        <h6>daniel joseph</h6>
                    </div>
                    <img src="/sites/little-groovin-guitar/images/right-arrow-black.png" class="img-fluid" alt="image">
                </div>
                <div class="user-item offer__cta-single" id="david">
                    <div class="d-flex align-items-center gap-3">
                        <span>02</span>
                        <h6>David john</h6>
                    </div>
                    <img src="/sites/little-groovin-guitar/images/right-arrow-black.png" class="img-fluid" alt="image">
                </div>
                <div class="user-item offer__cta-single" id="karen">
                    <div class="d-flex align-items-center gap-3">
                        <span>03</span>
                        <h6>karen jessica</h6>
                    </div>
                    <img src="/sites/little-groovin-guitar/images/right-arrow-black.png" class="img-fluid" alt="image">
                </div>
                <div class="user-item offer__cta-single" id="anna">
                    <div class="d-flex align-items-center gap-3">
                        <span>04</span>
                        <h6>anna amalia</h6>
                    </div>
                    <img src="/sites/little-groovin-guitar/images/right-arrow-black.png" class="img-fluid" alt="image">
                </div>
            </div>
        </div>
    </section>
    <!-- TEACHERS END -->

    <!-- OUR CLIENT START -->
    <section class="our-clients">
        <div class="container">
            <div class="primary-title py-5">
                <span>testimonials</span>
                <h6>our happy clients</h6>
            </div>
            <div class="row pt-5 gap-lg-5 justify-content-center align-items-center gap-lg-0 gap-5">
                <div class="col-lg-4">
                    <img src="/sites/little-groovin-guitar/images/image 2.png" class="img-fluid client-img" alt="image">
                </div>
                <div class="col-lg-5">
                    <div class="client-review-box">
                        <div class="client-review">
                            <span class="quote">“</span>
                            <h6>Excellent Place To Learn</h6>
                            <p>Searching for a quality General Contractor in San Diego, CA that you can rely on for high
                                quality project planning assistance and prompt project completion? Element Builders is
                                your
                                optimal choice for all contracting services in San Diego, CA. We offer free estimates to
                                our
                                valued customers, so we can get you started as soon as possible. We are licensed,
                                bonded,
                                and fully insured. </p>

                        </div>
                        <div class="client-name">
                            <h6>Robert Richard</h6>
                            <span>Happy Client</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- OUR CLIENT END -->

    <!-- TEXT SLIDER START -->
    <div class="text-slider">
        <marquee behavior="smooth" direction="right" scrolldelay="1">
            <div class="d-flex align-items-center gap-2">
                <img src="/sites/little-groovin-guitar/images/star.svg" class="img-fluid" alt="*">
                <span>let’s <span>learn</span> together</span>
            </div>
        </marquee>
    </div>
    <!-- TEXT SLIDER END -->

    <%- include('./includes/footer') %>
</main>