<!-- Main Banner Start -->
<section class="main-banner back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/main-banner.jpg');">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="banner-content white-text">
                        <h1 class="h1-title">Accelerate your skills with <span class="text-line">Topwrench's</span> expertise</h1>
                        <h6 class="h6-title">Rev up your expertise and unleash the full potential of your mechanical prowess with Topwrench</h6>
                        <div class="banner-btn">
                            <a href="javascript:void(0)" class="sec-btn" title="Learn More">Learn More</a>
                            <a href="javascript:void(0)" class="sec-btn white-btn" title="Schedule Service">Schedule Service</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Main Banner End -->

<!-- About Us Section Start -->
<section class="about-sec">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="about-image-box-wp">
                        <div class="about-image common-shape-box back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/about-image.jpg');">
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="about-content-box">
                        <div class="sec-title">
                            <h6 class="sub-title">
                                <span>About Us</span>
                            </h6>
                            <h2 class="h2-title">Empowering You Through <span>Mechanical</span> Knowledge</h2>
                        </div>
                        <div class="content-descripti-text" data-simplebar>
                            <p>TopWrench is here to help mechanics achieve more and faster success in their careers. Yes you could spend your entire life learning these lessons on your own but imagine how much further along you will be if you learn from some of the most successful mechanics now!</p>
                            <p>Dive into the World of Mechanic Mastery, we transform curiosity into capability, passion into proficiency. Discover the heart of automotive expertise with us. we transform curiosity into capability, passion into proficiency. Discover the heart of automotive expertise with us.</p>
                        </div>
                        <div class="about-btn">
                            <a href="javascript:void(0)" class="sec-btn" title="Learn More">Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- About Us Section End -->

<!-- Our Mission Section Start -->
<section class="our-mission-sec">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="our-mission-box">
                        <div class="our-mission-content white-text">
                            <h6 class="sub-title sub-dark-blue-icon">
                                <span>Our Mission</span>
                            </h6>
                            <div class="our-mission-image-content-box-wp">
                                <div class="our-mission-icon-box">
                                    <img src="<?php echo home_url(); ?>/wp-content/uploads/2024/01/mission-icon.svg" width="50" height="50" alt="mission-icon">
                                </div>
                                <div class="our-mission-icon-content">
                                    <h4 class="h4-title">Empowerment through Expertise</h4>
                                    <p>At Topwrench, our mission is to fuel a revolution in the automotive industry by empowering mechanics at every career stage with cutting-edge resources, interactive learning experiences, and a thriving community, fostering a culture of continuous improvement and mastery.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="our-mission-box our-vision">
                        <div class="our-mission-content white-text">
                            <h6 class="sub-title sub-blue-icon">
                                <span>Our Vision</span>
                            </h6>
                            <div class="our-mission-image-content-box-wp">
                                <div class="our-mission-icon-box">
                                    <img src="<?php echo home_url(); ?>/wp-content/uploads/2024/01/vision-icon.svg" width="45" height="50" alt="mission-icon">
                                </div>
                                <div class="our-mission-icon-content">
                                    <h4 class="h4-title">Driving Tomorrow’s Mechanics, Today</h4>
                                    <p>Our vision at Topwrench is to create a global hub where mechanics, from novices to seasoned professionals, unite in their passion for excellence. We aspire to be the driving force behind a new era of automotive craftsmanship, where knowledge flows freely, skills reach unprecedented heights, and the spirit of collaboration propels the entire industry forward.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Our Mission Section End -->

<!-- Our Services Section Start -->
<section class="our-services-sec">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="our-services-title-wp">
                        <div class="sec-title">
                            <h6 class="sub-title">
                                <span>What We Offer</span>
                            </h6>
                            <h2 class="h2-title">Our Services</h2>
                        </div>
                        <div class="our-services-title-btn">
                            <a href="javascript:void(0)" class="sec-btn" title="See All Services">See All Services</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="our-services-slider-wp common-shape-box">
                <div class="row our-services-slider">
                    <div class="col-lg-4">
                        <div class="our-service-box">
                            <div class="our-service-box-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/services-image-01.jpg');">
                            </div>
                            <div class="our-service-box-info">
                                <h5 class="h5-title">Mechanic Mastery Program</h5>
                                <div class="our-service-descriptio-text">
                                    <p>Elevate your skills and career success as a current mechanic with Topwrench's specialized improvement resources.</p>
                                </div>
                                <div class="our-services-slide-btn">
                                    <a href="javascript:void(0)" class="sec-btn sm-btn" title="Learn More">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="our-service-box">
                            <div class="our-service-box-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/services-image-02.jpg');">
                            </div>
                            <div class="our-service-box-info">
                                <h5 class="h5-title">Retired Experts' Wisdom</h5>
                                <div class="our-service-descriptio-text">
                                    <p>Tap into the wealth of knowledge from retired mechanics who've mastered the trade; learn from success and avoid common pitfalls.</p>
                                </div>
                                <div class="our-services-slide-btn">
                                    <a href="javascript:void(0)" class="sec-btn sm-btn" title="Learn More">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="our-service-box">
                            <div class="our-service-box-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/services-image-03.jpg');">
                            </div>
                            <div class="our-service-box-info">
                                <h5 class="h5-title">Elite Talent Connection</h5>
                                <div class="our-service-descriptio-text">
                                    <p>Employers, find your top 5% mechanics here — a dedicated space to recruit, network, and connect with the best in the industry.</p>
                                </div>
                                <div class="our-services-slide-btn">
                                    <a href="javascript:void(0)" class="sec-btn sm-btn" title="Learn More">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="our-service-box">
                            <div class="our-service-box-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/services-image-04.jpg');">
                            </div>
                            <div class="our-service-box-info">
                                <h5 class="h5-title">Topwrench Insights Lounge</h5>
                                <div class="our-service-descriptio-text">
                                    <p>Navigate the mechanics landscape with articles, interviews, and advice from the industry's top professionals.</p>
                                </div>
                                <div class="our-services-slide-btn">
                                    <a href="javascript:void(0)" class="sec-btn sm-btn" title="Learn More">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="our-service-box">
                            <div class="our-service-box-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/services-image-02.jpg');">
                            </div>
                            <div class="our-service-box-info">
                                <h5 class="h5-title">Retired Experts' Wisdom</h5>
                                <div class="our-service-descriptio-text">
                                    <p>Tap into the wealth of knowledge from retired mechanics who've mastered the trade; learn from success and avoid common pitfalls.</p>
                                </div>
                                <div class="our-services-slide-btn">
                                    <a href="javascript:void(0)" class="sec-btn sm-btn" title="Learn More">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Our Services Section End -->

<!-- Why Choose us Section Start -->
<section class="why-choose-sec">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="why-choose-image-box-wp">
                        <div class="why-choose-image-box common-shape-box common-shape-box-right back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/why-choose-image.jpg');">
                            <div class="why-choose-counter-box-wp">
                                <div class="why-choose-counter">
                                    <div class="why-choose-counter-text">
                                        <h2 class="h2-title">24</h2>
                                        <p>Years in business</p>
                                    </div>
                                </div>
                                <div class="why-choose-counter">
                                    <div class="why-choose-counter-text">
                                        <h2 class="h2-title">24/7</h2>
                                        <p>Customer Care</p>
                                    </div>
                                </div>
                                <div class="why-choose-counter why-choose-video-box">
                                    <div class="why-choose-video-image back-img" style="background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/why-choose-video-image.jpg');">
                                        <a href="https://youtu.be/9xwazD5SyVg?si=mG0VCvyzEzrCpKgw" data-fancybox="video" title="Why Choose Us video">
                                            <img src="<?php echo home_url(); ?>/wp-content/uploads/2024/01/video-icon.svg" alt="video-icon" width="80" height="80"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="why-choose-content-box">
                        <div class="sec-title">
                            <h6 class="sub-title">
                                <span>Why Choose Us</span>
                            </h6>
                            <h2 class="h2-title">Choose the Fast Lane to <span>Success</span></h2>
                        </div>
                        <div class="content-descripti-text">
                            <p>TopWrench is here to help mechanics achieve more and faster success in their careers. Yes you could spend your entire life.</p>
                        </div>
                        <div class="why-choose-list-box">
                            <ul>
                                <li>Expert Instructors, Real-world Insights</li>
                                <li>Meticulous Curriculum Design</li>
                                <li>Hands-On Workshops</li>
                                <li>Dynamic Learning Community</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Why Choose us Section End -->

<!-- Testimonial Section Start -->
<section class="testimonial-sec">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="testimonial-title-wp">
                        <div class="sec-title">
                            <h6 class="sub-title">
                                <span>Testimonials</span>
                            </h6>
                            <h2 class="h2-title">What our <span>experts</span> say</h2>
                        </div>
                        <div class="testimonial-btn">
                            <a href="javascript:void(0)" class="sec-btn" title="Add Your Review">Add Your Review</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="testimonial-slider-row-wp">
                <div class="row testimonial-slider">
                    <div class="col-lg-6">
                        <div class="testimonial-slide-box">
                            <div class="testimonial-slide-text-info" data-simplebar>
                                <p>Topwrench not only elevated my skills but also boosted my career to new heights. As a Senior Technician, I can confidently say it's the go-to platform for any mechanic seeking continuous improvement.</p>
                            </div>
                            <div class="testimonial-slide-image-box">
                                <div class="client-box">
                                    <div class="client-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/client-image-01.jpg');"></div>
                                    <div class="client-image-info">
                                        <h6>Sarah Turner</h6>
                                        <p>Senior Technician</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="testimonial-slide-box">
                            <div class="testimonial-slide-text-info" data-simplebar>
                                <p>Joining Topwrench's Retired Experts' Wisdom Hub allowed me to share a lifetime of knowledge. As a Retired Master Mechanic, I've found fulfillment in mentoring the next generation and being part of a community that values experience</p>
                            </div>
                            <div class="testimonial-slide-image-box">
                                <div class="client-box">
                                    <div class="client-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/client-image-01.jpg');"></div>
                                    <div class="client-image-info">
                                        <h6>Richard Anderson</h6>
                                        <p>Retired Master Mechanic</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="testimonial-slide-box">
                            <div class="testimonial-slide-text-info" data-simplebar>
                                <p>Topwrench not only elevated my skills but also boosted my career to new heights. As a Senior Technician, I can confidently say it's the go-to platform for any mechanic seeking continuous improvement.</p>
                            </div>
                            <div class="testimonial-slide-image-box">
                                <div class="client-box">
                                    <div class="client-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/client-image-01.jpg');"></div>
                                    <div class="client-image-info">
                                        <h6>Sarah Turner</h6>
                                        <p>Senior Technician</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Testimonial Section End -->

<!-- Rev Up You Section Start -->
<section class="rev-up-you-sec back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/rev-up-you-image.jpg');">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 order-2 order-lg-1">
                    <div class="rev-up-you-image-box-wp">
                        <div class="rev-up-you-image-box">
                            <img src="<?php echo home_url(); ?>/wp-content/uploads/2024/01/rev-up-you-apply-image.png" alt="rev up you apply image" width="435" height="546">
                        </div>
                    </div>
                </div>
                <div class="col-lg-8 order-1 order-lg-2">
                    <div class="rev-up-you-content-box white-text">
                        <div class="sec-title">
                            <h6 class="sub-title sub-white-icon">
                                <span>Rev Up Your Future</span>
                            </h6>
                            <h2 class="h2-title">Gear up for a ride into a world of possibilities.</h2>
                        </div>
                        <div class="rev-up-you-btn">
                            <a href="javascript:void(0)" class="sec-btn white-btn" title="Apply Now">Apply Now</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Rev Up You Section End -->

<!-- Our Blog Section Start -->
<section class="our-blog-sec">
    <div class="sec-wp">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="our-blog-title-wp">
                        <div class="sec-title">
                            <h6 class="sub-title">
                                <span>Our Blogs</span>
                            </h6>
                            <h2 class="h2-title">Our Latest <span>News</span></h2>
                        </div>
                        <div class="our-blog-btn">
                            <a href="javascript:void(0)" class="sec-btn" title="See All Posts">See All Posts</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row our-blog-row-wp">
                <div class="col-lg-4 col-md-6">
                    <div class="our-blog-content-box">
                        <div class="our-blog-image-box">
                            <div class="our-blog-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/our-blog-image-01.jpg');">
                                <div class="blog-date-box white-text">
                                    <h6 class="h6-title">10</h6>
                                    <p>Dec</p>
                                </div>
                            </div>
                        </div>
                        <div class="our-blog-content-info-box">
                            <ul class="our-blog-info">
                                <li><a href="javascript:void(0)" title="Author"><span class="our-blog-info-icon"><i class="far fa-user"></i></span><span class="our-blog-info-icon-text">Author</span></a></li>
                                <li><a href="javascript:void(0)" title="Category"><span class="our-blog-info-icon"><i class="far fa-bookmark"></i></span><span class="our-blog-info-icon-text">Category</span></a></li>
                            </ul>
                            <div class="our-blog-image-title">
                                <h5 class="h5-title">Single Post 1</h5>
                                <div class="our-blog-image-title-description">
                                    <p>Elevate your skills and career success as a current mechanic...</p>
                                </div>
                            </div>
                            <div class="our-blog-read-more-btn">
                                <a href="javascript:void(0)" class="sec-btn sm-btn" title="Read More">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="our-blog-content-box">
                        <div class="our-blog-image-box">
                            <div class="our-blog-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/our-blog-image-02.jpg');">
                                <div class="blog-date-box white-text">
                                    <h6 class="h6-title">09</h6>
                                    <p>Dec</p>
                                </div>
                            </div>
                        </div>
                        <div class="our-blog-content-info-box">
                            <ul class="our-blog-info">
                                <li><a href="javascript:void(0)" title="Author"><span class="our-blog-info-icon"><i class="far fa-user"></i></span><span class="our-blog-info-icon-text">Author</span></a></li>
                                <li><a href="javascript:void(0)" title="Category"><span class="our-blog-info-icon"><i class="far fa-bookmark"></i></span><span class="our-blog-info-icon-text">Category</span></a></li>
                            </ul>
                            <div class="our-blog-image-title">
                                <h5 class="h5-title">Single Post 2</h5>
                                <div class="our-blog-image-title-description">
                                    <p>Elevate your skills and career success as a current mechanic...</p>
                                </div>
                            </div>
                            <div class="our-blog-read-more-btn">
                                <a href="javascript:void(0)" class="sec-btn sm-btn" title="Read More">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="our-blog-content-box">
                        <div class="our-blog-image-box">
                            <div class="our-blog-image back-img" style=" background-image: url('<?php echo home_url(); ?>/wp-content/uploads/2024/01/our-blog-image-03.jpg');">
                                <div class="blog-date-box white-text">
                                    <h6 class="h6-title">07</h6>
                                    <p>Dec</p>
                                </div>
                            </div>
                        </div>
                        <div class="our-blog-content-info-box">
                            <ul class="our-blog-info">
                                <li><a href="javascript:void(0)" title="Author"><span class="our-blog-info-icon"><i class="far fa-user"></i></span><span class="our-blog-info-icon-text">Author</span></a></li>
                                <li><a href="javascript:void(0)" title="Category"><span class="our-blog-info-icon"><i class="far fa-bookmark"></i></span><span class="our-blog-info-icon-text">Category</span></a></li>
                            </ul>
                            <div class="our-blog-image-title">
                                <h5 class="h5-title">Single Post 3</h5>
                                <div class="our-blog-image-title-description">
                                    <p>Elevate your skills and career success as a current mechanic...</p>
                                </div>
                            </div>
                            <div class="our-blog-read-more-btn">
                                <a href="javascript:void(0)" class="sec-btn sm-btn" title="Read More">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
<!-- Our Blog Section End -->