<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Auto Body Repair Experts: Your Trusted Source - Dent Source LLC</title>
    <meta name="description" content="Dent Source provides top-quality auto body repair services including paintless dent repair, collision repair, and hail damage repair with locations across the country.">

    <!-- Canonical URL -->
    <link rel="canonical" href="https://dent-source.com/">
    
    <!-- Hreflang for multilingual support -->
    <link rel="alternate" hreflang="en" href="https://dent-source.com/">
    <link rel="alternate" hreflang="es" href="https://dent-source.com/?lang=es">
    <link rel="alternate" hreflang="x-default" href="https://dent-source.com/">

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Auto Body Repair Experts: Your Trusted Source - Dent Source LLC">
    <meta property="og:description" content="Dent Source provides top-quality auto body repair services including paintless dent repair, collision repair, and hail damage repair with locations across the country.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://dent-source.com/">
    <meta property="og:image" content="https://dent-source.com/assets/images/layout/header-logo.webp">
    <meta property="og:image:width" content="300">
    <meta property="og:image:height" content="143">
    <meta property="og:site_name" content="Dent Source LLC">
    <meta property="og:locale" content="en_US">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Auto Body Repair Experts: Your Trusted Source - Dent Source LLC">
    <meta name="twitter:description" content="Dent Source provides top-quality auto body repair services including paintless dent repair, collision repair, and hail damage repair with locations across the country.">
    <meta name="twitter:image" content="https://dent-source.com/assets/images/layout/header-logo.webp">

    <!-- Additional SEO Meta Tags -->
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <meta name="author" content="Dent Source LLC">
    <meta name="keywords" content="auto body repair, paintless dent repair, collision repair, hail damage repair, Lubbock Texas, PDR, car dent repair">
    <meta name="geo.region" content="US-TX">
    <meta name="geo.placename" content="Lubbock">
    <meta name="geo.position" content="33.5779;-101.8552">
    <meta name="ICBM" content="33.5779, -101.8552">

    <!-- Favicon -->
    <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">

    <!-- Ultra-minimal Critical CSS - only hero/header essentials -->
    <style>
        body{font-family:'Urbanist',Helvetica,Arial,sans-serif;margin:0;padding:0;background:#fff;color:#000}
        .site-header{background:#000;padding:5px 0;position:fixed;top:0;left:0;z-index:1000;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}
        .hero-banner{position:relative;display:flex;min-height:650px;background:#000;margin-top:80px;overflow:hidden}
        .hero-content{flex:1;padding:100px 0;position:relative;z-index:2;max-width:100%}
        .hero-content h1{font-size:2.8rem;line-height:1.2;margin:0 0 25px;color:#fff;font-weight:700;font-family:'Urbanist',Helvetica,Arial,sans-serif}
        .hero-content p{color:#B3B0B0;margin:0 0 20px;line-height:1.5}
        .hero-image{position:absolute;top:0;right:0;width:50%;height:100%;z-index:1}
        .hero-image picture,.hero-image img{width:100%;height:100%;object-fit:cover;display:block}
        .btn{display:inline-block;padding:12px 24px;background:#3BB554;color:#fff;text-decoration:none;border-radius:4px;font-weight:600}
        @media(max-width:767px){.hero-banner{min-height:auto;padding:50px 0;margin-top:0;flex-direction:column}.hero-image{position:relative;width:100%;height:300px}.hero-content h1{font-size:2.2rem}}
    </style>

    <!-- Optimized async CSS loading -->
    <link rel="preload" href="assets/css/main.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="assets/css/header-custom.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="preload" href="assets/font-awesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">

    <script>
        // Load remaining CSS after first paint
        function loadRemainingCSS() {
            const stylesheets = [
                'assets/css/animate.css',
                'assets/css/divi-theme.css',
                'assets/css/flag-images.css',
                'assets/css/hero-banner-update.css',
                'assets/css/homepage-fixes.css',
                'assets/css/service-cards-enhancement.css',
                'assets/css/mobile-viewport-fix.css'
            ];

            stylesheets.forEach(href => {
                const link = document.createElement('link');
                link.rel = 'stylesheet';
                link.href = href;
                document.head.appendChild(link);
            });
        }

        if ('requestIdleCallback' in window) {
            requestIdleCallback(loadRemainingCSS);
        } else {
            setTimeout(loadRemainingCSS, 100);
        }
    </script>

    <!-- Fallback for browsers with JavaScript disabled -->
    <noscript>
        <link rel="stylesheet" href="assets/font-awesome/css/all.min.css">
        <link rel="stylesheet" href="assets/css/animate.css">
        <link rel="stylesheet" href="assets/css/divi-theme.css">
        <link rel="stylesheet" href="assets/css/header-custom.css">
        <link rel="stylesheet" href="assets/css/flag-images.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/hero-banner-update.css">
        <link rel="stylesheet" href="assets/css/homepage-fixes.css">
        <link rel="stylesheet" href="assets/css/service-cards-enhancement.css">
        <link rel="stylesheet" href="assets/css/mobile-viewport-fix.css">
    </noscript>

    <!-- Home page header positioning test -->
    <style>
        /* Test: Move header content further left */
        @media (min-width: 992px) {
            .site-header .container {
                margin-left: 0 !important;
                margin-right: auto !important;
                max-width: none !important;
                width: calc(100% - 40px) !important;
                padding-left: 40px !important;
            }

            .header-inner {
                max-width: none !important;
                margin: 0 !important;
                padding: 0 !important;
            }
        }
    </style>

    <!-- DNS Prefetch and Preconnect for Performance -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link rel="dns-prefetch" href="//www.chatbase.co">
    <link rel="dns-prefetch" href="//code.jquery.com">
    <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">

    <!-- Preconnect to critical third-party origins -->
    <link rel="preconnect" href="https://code.jquery.com">
    <link rel="preconnect" href="https://www.chatbase.co">
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">

    <!-- Resource hints for better caching and compression -->
    <meta http-equiv="Cache-Control" content="public, max-age=31536000, immutable">
    <meta http-equiv="Content-Encoding" content="br, gzip">
    <meta http-equiv="Vary" content="Accept-Encoding">

    <!-- Additional performance hints -->
    <meta name="format-detection" content="telephone=no">
    <meta name="theme-color" content="#3BB554">

    <!-- Optimized Font Loading with minimal Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <!-- Minimal Google Fonts CSS with display=swap -->
    <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400;700&display=swap" rel="stylesheet">

    <!-- Font optimization for critical text -->
    <style>
        /* Ensure immediate fallback rendering */
        body, h1, h2, h3, h4, h5, h6 {
            font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        }

        /* Preload hint for critical font weights */
        @media (prefers-reduced-motion: no-preference) {
            .hero-content h1 {
                font-display: swap;
            }
        }
    </style>

    <!-- Preload Critical Assets -->
    <link rel="preload" href="assets/css/main.css" as="style">
    <link rel="preload" href="assets/images/layout/header-logo.webp" as="image">
    <!-- Preload LCP hero image - mobile AVIF only for fastest loading -->
    <link rel="preload" as="image" href="assets/images/hero-mobile-800.avif" type="image/avif"
          media="(max-width: 768px)" fetchpriority="high">
    <link rel="preload" as="image" href="assets/images/hero-desktop-1600.avif" type="image/avif"
          media="(min-width: 769px)" fetchpriority="high">
</head>
<body>
    <!-- Header - Directly embedded -->
    <header class="site-header">
        <div class="container">
            <div class="header-inner">
                <!-- Mobile hamburger menu - positioned on far left -->
                <button class="mobile-menu-toggle" aria-label="Toggle mobile menu" aria-expanded="false" aria-controls="mobile-menu">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>

                <!-- Logo - centered -->
                <div class="logo">
                    <a href='/'>
                        <img src="assets/images/layout/header-logo.webp" alt="Dent Source LLC" width="300" height="143" loading="lazy">
                    </a>
                </div>

                <!-- Desktop navigation (hidden on mobile) -->
                <nav class="main-nav">
                    <ul>
                        <li class="menu-item-has-children">
                            <a href='/about'>About</a>
                            <ul class="dropdown">
                                <li><a href='/company-history'>Company History</a></li>
                                <li><a href='/reviews'>Reviews</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children">
                            <a href='/services'>Services</a>
                            <ul class="dropdown">
                                <li><a href='/service-pages/paintless-dent-repair'>Paintless Dent Repair</a></li>
                                <li><a href='/service-pages/collision-repair'>Collision Repair</a></li>
                                <li><a href='/service-pages/maintenance-repair'>Maintenance &amp; Repair</a></li>
                                <li><a href='/service-pages/headlight-restoration'>Headlight Restoration</a></li>
                                <li><a href='/service-pages/truck-accessories'>Truck Accessories</a></li>
                                <li><a href='/service-pages/fleet-support'>Fleet Support</a></li>
                            </ul>
                        </li>
                        <li><a href='/rental-car-fleet'>Rental Car Fleet</a></li>
                        <li><a href='/faqs'>FAQs</a></li>
                        <li><a href='/community'>Community</a></li>
                        <li><a href='/locations'>Locations</a></li>
                        <li><a href='/careers'>Careers</a></li>
                        <li><a href='/contact'>Contact</a></li>
                    </ul>
                </nav>

                <!-- Desktop header buttons (hidden on mobile) -->
                <div class="header-buttons">
                    <a class='btn btn-primary' href='/request-an-estimate'>REQUEST AN ESTIMATE</a>
                    <div class="language-selector">
                        <a href="#" class="current-lang">
                            <img src="assets/images/layout/american-flag.svg" alt="en" width="24" height="16" loading="lazy"> EN <i class="fas fa-chevron-down"></i>
                        </a>
                        <ul class="lang-dropdown">
                            <li><a href="#"><img src="assets/images/layout/american-flag.svg" alt="en" width="24" height="16" loading="lazy"> EN</a></li>
                            <li><a href="#"><img src="assets/images/layout/spanish.svg" alt="es" width="24" height="16" loading="lazy"> ES</a></li>
                        </ul>
                    </div>
                </div>

                <!-- Mobile phone button - positioned on far right -->
                <div class="mobile-right-controls">
                    <div class="mobile-call-header">
                        <a href="tel:8333368768" aria-label="Call Dent Source">
                            <i class="fas fa-phone-alt"></i>
                            <span>Call</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Mobile Menu Overlay -->
    <div class="mobile-menu-overlay"></div>

    <!-- Mobile Menu - Google-style slide-out -->
    <div class="mobile-menu">
        <div class="mobile-menu-content">
            <!-- Header with logo and close button -->
            <div class="mobile-menu-header">
                <a aria-label='Go to home page' class='mobile-menu-logo' href='/'>
                    <img src="assets/images/layout/header-logo.webp" alt="Dent Source LLC" width="150" height="71" loading="lazy">
                </a>
                <button class="mobile-menu-close" aria-label="Close mobile menu">
                    <i class="fas fa-times"></i>
                </button>
            </div>

            <!-- Language selector at the top -->
            <div class="language-selector-mobile">
                <a href="#"><img src="assets/images/layout/american-flag.svg" alt="en" width="24" height="16" loading="lazy"> EN</a>
                <a href="#"><img src="assets/images/layout/spanish.svg" alt="es" width="24" height="16" loading="lazy"> ES</a>
            </div>

            <!-- Call button -->
            <div class="mobile-call-button">
                <a href="tel:8333368768" class="btn btn-call"><i class="fas fa-phone-alt"></i>833-336-8768</a>
            </div>

            <ul class="mobile-nav-menu">
                <li><a href='/about'>About</a></li>
                <li><a href='/services'>Services</a></li>
                <li><a href='/rental-car-fleet'>Rental Car Fleet</a></li>
                <li><a href='/faqs'>FAQs</a></li>
                <li><a href='/community'>Community</a></li>
                <li><a href='/locations'>Locations</a></li>
                <li><a href='/careers'>Careers</a></li>
                <li><a href='/contact'>Contact</a></li>
                <li><a class='btn btn-primary' href='/request-an-estimate'>REQUEST AN ESTIMATE</a></li>
            </ul>
        </div>
    </div>

<main>
        <!-- Hero Banner Section -->
        <section class="hero-banner">
            <div class="hero-content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7">
                            <h1>25 Years of Industry Experience and Growing!</h1>
                            <p>Welcome to Dent Source! As an American-owned, community-centric company with locations across the country, we're dedicated to providing top-quality repair services for auto collisions, dents, hail damage, and more.</p>
                            <p>No matter what's happened to your vehicle, you can count on our experienced team of auto body repair experts to ensure it's returned as good as new!</p>
                            <a class='btn btn-primary' href='/request-an-estimate'>GET A FREE ESTIMATE</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hero-image">
                <picture>
                    <source media="(max-width: 768px)"
                            srcset="assets/images/hero-mobile-800.avif"
                            type="image/avif">
                    <source media="(max-width: 768px)"
                            srcset="assets/images/hero-mobile-800.webp"
                            type="image/webp">
                    <source media="(min-width: 769px)"
                            srcset="assets/images/hero-desktop-1600.avif"
                            type="image/avif">
                    <source media="(min-width: 769px)"
                            srcset="assets/images/hero-desktop-1600.webp"
                            type="image/webp">
                    <img src="assets/images/hero-mobile-800.webp"
                         alt="Dent Source Building"
                         width="800" height="600"
                         fetchpriority="high"
                         style="aspect-ratio: 4/3;">
                </picture>
            </div>
        </section>

        <!-- Quick Links Section -->
        <section class="quick-links">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <div class="quick-link-box">
                            <h4>View Our Services</h4>
                            <p>See how we can service your vehicle <a class='link-arrow' href='/services'>→</a></p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="quick-link-box">
                            <h4>View Our Work</h4>
                            <p>See how our team helps our clients <a class='link-arrow' href='/reviews'>→</a></p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="quick-link-box">
                            <h4>View Our Locations</h4>
                            <p>See all locations in the United States <a class='link-arrow' href='/locations'>→</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- About Section -->
        <section class="about-section">
            <div class="container">
                <div class="about-inner">
                    <!-- First row: Image and Text -->
                    <div class="row">
                        <div class="col-md-6">
                            <img src="assets/images/homepage-high-quality/personalized-expertise.webp" alt="Hood and Fender Repair" class="about-image" loading="lazy">
                        </div>
                        <div class="col-md-6">
                            <div class="about-content">
                                <h2>We Provide Personalized Service With Professional Expertise</h2>
                                <p>Whether you know exactly what your vehicle needs or you're not sure where to start, the experienced team at Dent Source is here for you.</p>
                                <p>From our free estimates and assistance with insurance claims to our quality repair work and vehicle rentals, we'll make sure you have the help you need at every step with our team of auto body repair experts.</p>
                                <a class='btn btn-primary' href='/request-an-estimate'>REQUEST YOUR ESTIMATE</a>
                            </div>
                        </div>
                    </div>

                    <!-- Second row: First set of service boxes -->
                    <div class="services-row">
                        <div class="services-grid">
                            <div class="service-box">
                                <div class="corner-accent"></div>
                                <h3>Hail Repair</h3>
                                <p>Efficient and timely hail damage repair can restore your vehicle's original appearance without compromising its factory finish.</p>
                                <a class='link-arrow' href='/service-pages/paintless-dent-repair'>Learn More</a>
                            </div>
                            <div class="service-box">
                                <div class="corner-accent"></div>
                                <h3>Collision Repair</h3>
                                <p>Our comprehensive collision repair services can get your vehicle back on the road safely and looking like new after an accident.</p>
                                <a class='link-arrow' href='/service-pages/collision-repair'>Learn More</a>
                            </div>
                            <div class="service-box">
                                <div class="corner-accent"></div>
                                <h3>Rental Cars</h3>
                                <p>Our convenient rental cars are available while your vehicle is being repaired, ensuring you stay mobile without interruption.</p>
                                <a class='link-arrow' href='/rental-car-fleet'>Learn More</a>
                            </div>
                        </div>
                    </div>

                    <!-- Third row: Second set of service boxes -->
                    <div class="services-row">
                        <div class="services-grid">
                            <div class="service-box">
                                <div class="corner-accent"></div>
                                <h3>Vehicle Accessories</h3>
                                <p>Upgrade your vehicle with quality accessories designed to enhance functionality and comfort for an improved driving experience.</p>
                                <a class='link-arrow' href='/service-pages/truck-accessories'>Learn More</a>
                            </div>
                            <div class="service-box">
                                <div class="corner-accent"></div>
                                <h3>Windshield Repair</h3>
                                <p>Expert windshield repair services can fix chips and cracks, ensuring a clear view of the road and maintaining structural integrity.</p>
                                <a class='link-arrow' href='/services'>Learn More</a>
                            </div>
                            <div class="service-box">
                                <div class="corner-accent"></div>
                                <h3>Paint Services</h3>
                                <p>Our high-quality paint services can restore your vehicle's original color and shine, delivering a flawless finish with lasting protection.</p>
                                <a class='link-arrow' href='/services'>Learn More</a>
                            </div>
                        </div>
                    </div>

                    <!-- Fourth row: View All button -->
                    <div class="view-all-row">
                        <a class='btn btn-outline' href='/services'>View All Services</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Why Choose Us Section -->
        <section class="why-choose-section">
            <div class="container">
                <div class="why-choose">
                    <!-- Left side: Text and buttons -->
                    <div class="left-text">
                        <h2>Why Choose Dent Source?</h2>
                        <p>We make sure the job is done right – every time. Here are some important reasons to consider us when looking for a paintless dent repair company.</p>
                        <div class="cta-buttons">
                            <a class='btn btn-primary' href='/about'>ABOUT DENT SOURCE</a>
                            <a class='btn btn-secondary' href='/request-an-estimate'>REQUEST AN ESTIMATE</a>
                        </div>
                    </div>

                    <!-- Right side: Images container -->
                    <div class="right-images">
                        <!-- Customer service image -->
                        <div class="left-img">
                            <img src="assets/images/homepage-high-quality/why-choose-dent-source.webp" alt="Customer Service - Have an Insurance Question?" class="feature-image" loading="lazy">
                        </div>

                        <!-- Paint matching image -->
                        <div class="right-img">
                            <img src="assets/images/homepage-high-quality/why-choose-dent-source1.webp" alt="Paint Matching Solutions" class="feature-image" loading="lazy">
                        </div>
                    </div>
                </div>

                <!-- Features section with accordion and icons -->
                <div class="features-container">
                    <!-- Left column: Accordion -->
                    <div class="features-left">
                        <div class="features-accordion">
                            <!-- First accordion item (Experience) -->
                            <div class="accordion-item active">
                                <div class="accordion-header">
                                    <h4>We Have the Experience</h4>
                                </div>
                                <div class="accordion-content">
                                    <p>Your vehicle is an investment, and so are its repairs. It is worth partnering with professionals who have the expertise and knowledge to make appropriate decisions. When we work on your vehicle, we bring more than <span class="highlight">two decades of experience</span> to the table.</p>
                                </div>
                            </div>

                            <!-- Second accordion item (Tech Savvy) -->
                            <div class="accordion-item">
                                <div class="accordion-header">
                                    <h4>We Are Tech Savvy</h4>
                                </div>
                                <div class="accordion-content">
                                    <p>Today's automobiles are full of sophisticated computers, sensors, and modules. It is important to work with a team that can handle your vehicle's needs, no matter how advanced. We employ the latest techniques and technologies to ensure your repairs are done right.</p>
                                </div>
                            </div>

                            <!-- Third accordion item (Efficient) -->
                            <div class="accordion-item">
                                <div class="accordion-header">
                                    <h4>We Are Efficient</h4>
                                </div>
                                <div class="accordion-content">
                                    <p>Your vehicle has a key role in your daily life – it takes you and your family to and from work, school, and countless other places. We know how important this is, so our team works hard to get your automobile back to your driveway quickly and in full working order.</p>
                                </div>
                            </div>

                            <!-- Fourth accordion item (Quality Work) -->
                            <div class="accordion-item">
                                <div class="accordion-header">
                                    <h4>We Value Quality Work</h4>
                                </div>
                                <div class="accordion-content">
                                    <p>Our team works hard to get things done efficiently, but when it comes to vehicle repairs and maintenance, you need to think about more than speed. Unfortunately, some repair shops may cut corners or engage in shady practices, so it's important to know the <a href="#" class="highlight">signs of a trustworthy body shop</a>. We focus on getting the job done right, so your car, truck, or other vehicle will look and perform at its best.</p>
                                </div>
                            </div>

                            <!-- Fifth accordion item (Prioritize Needs) -->
                            <div class="accordion-item">
                                <div class="accordion-header">
                                    <h4>We Prioritize Your Needs</h4>
                                </div>
                                <div class="accordion-content">
                                    <p>As a company, we want to make sure our clients always get the support they deserve. Before we make any repairs, we will thoroughly assess your automobile to truly understand what work is needed. We will help you throughout the insurance claim process and even put you in one of our <a href="#" class="highlight">rental vehicles</a> with no out of pocket cost to you!</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Right column: Company values with icons -->
                    <div class="features-right">
                        <div class="company-values">
                            <div class="value-item">
                                <div class="value-icon">
                                    <i class="fas fa-flag-usa"></i>
                                </div>
                                <h5>American Owned</h5>
                            </div>

                            <div class="value-item">
                                <div class="value-icon">
                                    <i class="fas fa-home"></i>
                                </div>
                                <h5>Family Operated</h5>
                            </div>

                            <div class="value-item">
                                <div class="value-icon">
                                    <i class="fas fa-users"></i>
                                </div>
                                <h5>Community Centered</h5>
                            </div>

                            <div class="value-item">
                                <div class="value-icon">
                                    <i class="fas fa-heart"></i>
                                </div>
                                <h5>Customer Focused</h5>
                            </div>

                            <div class="value-item">
                                <div class="value-icon">
                                    <i class="fas fa-briefcase"></i>
                                </div>
                                <h5>Professional Team</h5>
                            </div>

                            <div class="value-item">
                                <div class="value-icon">
                                    <i class="fas fa-star"></i>
                                </div>
                                <h5>Reliable Results</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Community Section -->
        <section class="community-section">
            <div class="container community-container">
                <!-- Title centered -->
                <div class="community-title-container">
                    <h2>We Value Our Community</h2>
                    <div class="green-underline"></div>
                </div>

                <!-- Text content -->
                <div class="community-text-container">
                    <p>Dent Source has locations across the nation, and each community relies on us for quality, timely service. We also embrace our responsibility to be good citizens—a role we gladly and wholeheartedly take on.</p>
                    <p>Our team members volunteer with local organizations, are active in Chambers of Commerce, and look for every opportunity to give back. One recent example is highlighted in <a href="#" class="highlight">this local news story</a>, where we donated repairs to help a family who had been misled by another body shop. We're proud to support the people and places that make Dent Source possible, and remain committed to making a positive impact in every community we serve.</p>
                </div>

                <!-- Button centered -->
                <div class="community-button-container">
                    <a class='btn btn-primary learn-more-btn' href='/community'>LEARN MORE</a>
                </div>

                <!-- Images -->
                <div class="community-images-container">
                    <div class="slanted-image-container">
                        <div class="slanted-image">
                            <img src="assets/images/homepage-high-quality/value-skyline.webp" alt="Oklahoma City downtown skyline at night" loading="lazy">
                        </div>
                    </div>
                    <div class="slanted-image-container">
                        <div class="slanted-image">
                            <img src="assets/images/homepage-high-quality/value-flags.webp" alt="American flags" loading="lazy">
                        </div>
                    </div>
                    <div class="slanted-image-container">
                        <div class="slanted-image">
                            <img src="assets/images/homepage-high-quality/value-volunteer.webp" alt="Here to help - Community service" loading="lazy">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Testimonial Section -->
        <section class="testimonial-section">
            <div class="container">
                <div class="testimonial-wrapper">
                    <div class="testimonial-image-container">
                        <img src="assets/images/helping-customer-with-estimate.png" alt="Helping customer with estimate" class="testimonial-image" loading="lazy">
                    </div>
                    <div class="testimonial-content-container">
                        <div class="testimonial-content">
                            <blockquote>
                                "They made my car perfect again, and went above and beyond making sure it was that way."
                            </blockquote>
                            <cite>– Will H.</cite>
                            <a class='btn btn-primary' href='/reviews'>SEE MORE REVIEWS</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    <!-- Footer -->
    <footer class="site-footer">
        <div class="footer-main">
            <div class="container">
                <div class="footer-top">
                    <div class="footer-logo">
                        <a href='/'>
                            <img src="assets/images/layout/footer-logo.webp" alt="Dent Source LLC" width="300" height="143" loading="lazy">
                        </a>
                    </div>
                </div>
                <div class="footer-widgets">
                    <div class="footer-widget">
                        <h4>Dent Source Corporate Office</h4>
                        <address>
                            6708 66th St<br>
                            Lubbock, TX<br>
                            79424
                        </address>
                    </div>
                    <div class="footer-widget">
                        <h4>Contact Us</h4>
                        <ul class="contact-info">
                            <li><a href="mailto:info@autohail.group">info@autohail.group</a></li>
                            <li>National Number: <a href="tel:8333368768">833-336-8768</a></li>
                            <li>OKC Number: <a href="tel:4055881818">405-588-1818</a></li>
                        </ul>
                    </div>
                    <div class="footer-widget">
                        <h4>About Us</h4>
                        <ul class="footer-links">
                            <li><a href='/about'>Our Company</a></li>
                            <li><a href='/locations'>Our Locations</a></li>
                            <li><a href='/community'>Our Community</a></li>
                            <li><a href='/terms-and-policies'>Our Terms and Policies</a></li>
                        </ul>
                    </div>
                    <div class="footer-widget">
                        <h4>Services</h4>
                        <ul class="footer-links">
                            <li><a href='/request-an-estimate'>Free Estimates</a></li>
                            <li><a href='/services'>All Services</a></li>
                            <li><a href='/faqs'>FAQs</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-certifications">
                    <div class="certification">
                        <img src="assets/images/layout/aaa-cert.webp" alt="AAA Approved Auto Repair - Oklahoma City" width="200" height="100" loading="lazy">
                    </div>
                    <div class="certification">
                        <img src="assets/images/layout/ase-cert.webp" alt="ASE Certified Technicians" width="200" height="100" loading="lazy">
                    </div>
                    <div class="certification">
                        <img src="assets/images/layout/i-car-cert.webp" alt="I-CAR Certified Technicians" width="200" height="100" loading="lazy">
                    </div>
                </div>
                <div class="footer-social">
                    <ul class="social-icons">
                        <li><a href="https://www.instagram.com/dent_source/" target="_blank" title="Follow on Instagram"><i class="fab fa-instagram"></i></a></li>
                        <li><a href="https://www.facebook.com/DentSourceLLC/" target="_blank" title="Follow on Facebook"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="https://www.youtube.com/@dentsourcellc" target="_blank" title="Follow on Youtube"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="https://x.com/DentSourceLLC" target="_blank" title="Follow on X"><img src="assets/images/icons/x-logo.png" alt="X (Twitter)" width="20" height="20" loading="lazy"></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <p>Copyright © 2000 - 2025 Dent Source LLC, owned and operated by BMC Investments LLC. All Rights Reserved.</p>
            </div>
        </div>
    </footer>    <!-- Critical inline JavaScript for hero/header only -->
    <script>
        // Essential mobile menu functionality (no jQuery dependency)
        document.addEventListener('DOMContentLoaded', function() {
            const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
            const mobileMenu = document.querySelector('.mobile-menu');
            const mobileMenuClose = document.querySelector('.mobile-menu-close');

            function toggleMenu() {
                if (mobileMenu && mobileMenuToggle) {
                    const isActive = mobileMenu.classList.contains('active');
                    mobileMenu.classList.toggle('active');
                    mobileMenuToggle.classList.toggle('active');
                    mobileMenuToggle.setAttribute('aria-expanded', !isActive);
                    document.body.style.overflow = isActive ? '' : 'hidden';
                }
            }

            if (mobileMenuToggle) mobileMenuToggle.addEventListener('click', toggleMenu);
            if (mobileMenuClose) mobileMenuClose.addEventListener('click', toggleMenu);
        });

        // Load non-critical scripts after first meaningful paint
        function loadNonCriticalScripts() {
            if ('requestIdleCallback' in window) {
                requestIdleCallback(() => {
                    // Load main.js for additional functionality
                    const mainScript = document.createElement('script');
                    mainScript.src = 'assets/js/main.js';
                    mainScript.defer = true;
                    document.head.appendChild(mainScript);

                    // Load chatbot after delay
                    setTimeout(() => {
                        const chatScript = document.createElement('script');
                        chatScript.src = 'assets/js/chatbot.js';
                        document.head.appendChild(chatScript);
                    }, 2000);
                });
            } else {
                // Fallback for older browsers
                setTimeout(() => {
                    const mainScript = document.createElement('script');
                    mainScript.src = 'assets/js/main.js';
                    document.head.appendChild(mainScript);

                    setTimeout(() => {
                        const chatScript = document.createElement('script');
                        chatScript.src = 'assets/js/chatbot.js';
                        document.head.appendChild(chatScript);
                    }, 2000);
                }, 200);
            }
        }

        // Start after DOM is ready
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', loadNonCriticalScripts);
        } else {
            loadNonCriticalScripts();
        }
    </script>

    <!-- Accordion Functionality Script -->
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const accordionItems = document.querySelectorAll('.accordion-item');
        const accordionHeaders = document.querySelectorAll('.accordion-header');

        // Set first item as active by default
        if (accordionItems.length > 0) {
            accordionItems[0].classList.add('active');
        }

        // Add click handlers to accordion headers
        accordionHeaders.forEach((header, index) => {
            // Add accessibility attributes
            header.setAttribute('role', 'button');
            header.setAttribute('aria-expanded', header.parentElement.classList.contains('active') ? 'true' : 'false');
            header.setAttribute('tabindex', '0');

            header.addEventListener('click', function(e) {
                e.preventDefault();

                const currentItem = header.parentElement;
                const isActive = currentItem.classList.contains('active');

                if (isActive) {
                    // Close the current item
                    currentItem.classList.remove('active');
                    header.setAttribute('aria-expanded', 'false');
                } else {
                    // Close all items first
                    accordionItems.forEach((item, itemIndex) => {
                        item.classList.remove('active');
                        accordionHeaders[itemIndex].setAttribute('aria-expanded', 'false');
                    });

                    // Open the clicked item
                    currentItem.classList.add('active');
                    header.setAttribute('aria-expanded', 'true');
                }
            });

            // Add keyboard support
            header.addEventListener('keydown', function(e) {
                if (e.key === 'Enter' || e.key === ' ') {
                    e.preventDefault();
                    header.click();
                }
            });
        });
    });
    </script>

    <!-- Structured Data for SEO -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "LocalBusiness",
        "@id": "https://dent-source.com/#organization",
        "name": "Dent Source LLC",
        "alternateName": "Dent Source",
        "description": "Professional auto body repair services including paintless dent repair, collision repair, and hail damage repair with locations across the country.",
        "url": "https://dent-source.com",
        "logo": "https://dent-source.com/assets/images/layout/header-logo.webp",
        "image": "https://dent-source.com/assets/images/layout/header-logo.webp",
        "telephone": "+1-833-336-8768",
        "email": "info@dent-source.com",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "6708 66th Street",
            "addressLocality": "Lubbock",
            "addressRegion": "TX",
            "postalCode": "79424",
            "addressCountry": "US"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "33.5779",
            "longitude": "-101.8552"
        },
        "openingHours": [
            "Mo-Fr 08:00-17:00"
        ],
        "priceRange": "$$",
        "paymentAccepted": ["Cash", "Credit Card", "Insurance"],
        "currenciesAccepted": "USD",
        "serviceArea": {
            "@type": "State",
            "name": "Texas"
        },
        "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Auto Body Repair Services",
            "itemListElement": [
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Paintless Dent Repair",
                        "description": "Professional paintless dent repair services for minor dents and dings"
                    }
                },
                {
                    "@type": "Offer",
                    "itemOffered": {
                        "@type": "Service",
                        "name": "Collision Repair",
                        "description": "Complete collision repair services for all vehicle types"
                    }
                },
                {
                    "@type": "Service",
                    "name": "Hail Damage Repair",
                    "description": "Specialized hail damage repair and restoration services"
                },
                {
                    "@type": "Service",
                    "name": "Maintenance & Repair",
                    "description": "General automotive maintenance and repair services"
                }
            ]
        },
        "aggregateRating": {
            "@type": "AggregateRating",
            "ratingValue": "4.8",
            "reviewCount": "150",
            "bestRating": "5",
            "worstRating": "1"
        },
        "sameAs": [
            "https://www.facebook.com/DentSourceLLC/",
            "https://www.instagram.com/dent_source/",
            "https://www.youtube.com/@dentsourcellc"
        ]
    }
    </script>

    <!-- Organization Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "@id": "https://dent-source.com/#organization",
        "name": "Dent Source LLC",
        "url": "https://dent-source.com",
        "logo": "https://dent-source.com/assets/images/layout/header-logo.webp",
        "foundingDate": "1999",
        "description": "American-owned, community-centric auto body repair company with 25+ years of industry experience",
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+1-833-336-8768",
            "contactType": "customer service",
            "availableLanguage": ["English", "Spanish"]
        }
    }
    </script>

    <!-- Scroll to top button -->
    <div class="scroll-top">
        <i class="fas fa-car"></i>
    </div>

    <!-- Lightweight scroll-to-top functionality (no jQuery) -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const scrollTop = document.querySelector('.scroll-top');
            if (scrollTop) {
                scrollTop.addEventListener('click', function(e) {
                    e.preventDefault();
                    window.scrollTo({ top: 0, behavior: 'smooth' });
                });

                window.addEventListener('scroll', function() {
                    if (window.scrollY >= 200) {
                        scrollTop.style.opacity = '1';
                        scrollTop.style.visibility = 'visible';
                    } else {
                        scrollTop.style.opacity = '0';
                        scrollTop.style.visibility = 'hidden';
                    }
                });
            }
        });
    </script>

</body>
</html>
