Five Star Auto Body Reviews | Customer Testimonials Vancouver WA, Longview WA, Chehalis WA * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #374151; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Navigation - Matches auto-body-repair page */ .navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f97316; z-index: 1000; padding: 0.25rem 0; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .nav-logo { display: flex; align-items: center; text-decoration: none; } .nav-logo img { height: 80px; width: auto; transition: transform 0.3s ease; } .nav-logo:hover img { transform: scale(1.05); } @media (max-width: 768px) { .nav-logo img { height: 60px; } .nav-container { padding: 0 15px; } } @media (max-width: 480px) { .nav-logo img { height: 50px; } .nav-container { padding: 0 10px; } } .nav-menu { display: flex; list-style: none; gap: 2rem; margin: 0; position: relative; } .nav-item { position: relative; } .dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: white; min-width: 280px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 12px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1001; margin-top: 0.5rem; border: 1px solid rgba(249, 115, 22, 0.1); } .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-content a { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-size: 0.95rem; font-weight: 500; transition: all 0.3s ease; border-radius: 8px; margin: 0.3rem; } .dropdown-content a:hover { background: linear-gradient(45deg, #f97316, #ea580c); color: white; transform: translateX(5px); } .dropdown-content a:first-child { margin-top: 0.5rem; } .dropdown-content a:last-child { margin-bottom: 0.5rem; } .nav-link { color: #374151; text-decoration: none; font-weight: 500; padding: 0.5rem 0; } .nav-link:hover { color: #f97316; } .nav-cta { background: #f97316; color: white; padding: 0.5rem 1rem; border-radius: 25px; text-decoration: none; font-weight: bold; } .mobile-menu-btn { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #374151; padding: 0.5rem; } .dropdown-toggle::after { content: ' ▼'; font-size: 0.8rem; margin-left: 0.5rem; transition: transform 0.3s ease; } .dropdown-toggle.active::after { transform: rotate(180deg); } /* Hero Section */ .hero { background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: fixed; color: white; height: 100vh; min-height: 600px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 100px 20px 20px; } .hero .container { position: relative; z-index: 2; width: 100%; max-height: calc(100vh - 140px); display: flex; flex-direction: column; justify-content: center; } .hero h1 { font-size: 2.8rem; font-weight: bold; margin-bottom: 0.8rem; line-height: 1.2; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; opacity: 0.95; max-width: 800px; margin-left: auto; margin-right: auto; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .hero-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; margin: 1.5rem auto 0; max-width: 750px; width: 100%; } .stat-item { background: rgba(255,255,255,0.15); padding: 1.2rem; border-radius: 15px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; position: relative; overflow: hidden; } .stat-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); transition: left 0.8s ease; } .stat-item:hover::before { left: 100%; } .stat-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .stat-number { font-size: 1.8rem; font-weight: 800; color: #fed7aa; margin-bottom: 0.3rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height: 1; } .stat-label { font-size: 0.85rem; font-weight: 600; line-height: 1.3; color: white; } .hero-cta { margin-top: 1.5rem; display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .hero-cta-btn { display: inline-block; padding: 12px 28px; text-decoration: none; border-radius: 25px; font-weight: 600; font-size: 1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .hero-cta-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4); } .hero-cta-secondary { background: transparent; color: white; border: 2px solid white; } .hero-cta-btn:hover { transform: translateY(-3px) scale(1.05); } .hero-cta-primary:hover { box-shadow: 0 15px 35px rgba(249, 115, 22, 0.5); } .hero-cta-secondary:hover { background: white; color: #2563eb; } /* Sections */ .section { padding: 80px 0; } .section-title { text-align: center; font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: #2563eb; } .section-subtitle { text-align: center; font-size: 1.1rem; color: #6b7280; margin-bottom: 3rem; max-width: 700px; margin-left: auto; margin-right: auto; } /* Featured Testimonials */ .testimonials { background: white; padding-top: 100px; } .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .testimonial-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 380px; display: flex; flex-direction: column; justify-content: space-between; } .testimonial-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .testimonial-card:hover::before { transform: translateX(0); } .testimonial-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .rating { display: flex; margin-bottom: 1rem; font-size: 1.2rem; color: #f97316; } .testimonial-text { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; font-style: italic; } .customer-info { display: flex; align-items: center; gap: 1rem; margin-top: auto; } .customer-avatar { width: 50px; height: 50px; background: linear-gradient(45deg, #f97316, #ea580c); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 1.2rem; box-shadow: 0 5px 15px rgba(249, 115, 22, 0.3); flex-shrink: 0; } .customer-details h4 { color: #2563eb; font-weight: 600; margin-bottom: 0.2rem; } .customer-details p { color: #6b7280; font-size: 0.9rem; } /* Location Reviews */ .location-reviews { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .location-reviews-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; } .location-review-card { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 50px rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; border: 1px solid rgba(249, 115, 22, 0.1); min-height: 400px; display: flex; flex-direction: column; } .location-review-card:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 25px 70px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .location-header { height: 120px; background: linear-gradient(135deg, #f97316, #2563eb); display: flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; font-weight: 600; text-align: center; position: relative; overflow: hidden; padding: 0 1rem; } .location-header::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 1s ease; } .location-review-card:hover .location-header::before { left: 100%; } .location-content { padding: 1.5rem; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } .location-rating { color: #f97316; font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; } .location-review-text { color: #6b7280; line-height: 1.6; font-size: 0.9rem; margin-bottom: 1rem; flex-grow: 1; font-style: italic; } .location-reviewer { color: #2563eb; font-weight: 600; font-size: 0.9rem; margin-bottom: 1rem; } .location-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .location-link:hover { color: #2563eb; transform: translateX(5px); } .location-buttons { display: flex; gap: 0.8rem; margin-top: 0.5rem; } .leave-review-link { display: inline-flex; align-items: center; gap: 0.4rem; background: linear-gradient(45deg, #f97316, #ea580c); color: white; text-decoration: none; font-weight: 600; font-size: 0.85rem; padding: 8px 16px; border-radius: 20px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3); } .leave-review-link:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 8px 20px rgba(249, 115, 22, 0.4); background: linear-gradient(45deg, #ea580c, #dc2626); } /* Leave a Review Banner */ .review-banner { background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%); color: white; padding: 2.5rem 0; position: relative; overflow: hidden; border-top: 4px solid #f97316; border-bottom: 4px solid #f97316; } .review-banner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.08), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .review-banner-content { display: flex; align-items: center; justify-content: center; gap: 3rem; position: relative; z-index: 2; flex-wrap: wrap; text-align: center; } .review-banner-text h2 { font-size: 1.6rem; font-weight: 700; color: #fed7aa; margin-bottom: 0.5rem; } .review-banner-text p { font-size: 1rem; opacity: 0.9; } .review-banner-buttons { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; } .review-banner-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(45deg, #f97316, #ea580c); color: white; text-decoration: none; font-weight: 600; font-size: 0.9rem; padding: 10px 20px; border-radius: 25px; transition: all 0.3s ease; box-shadow: 0 6px 18px rgba(249, 115, 22, 0.3); white-space: nowrap; } .review-banner-btn:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 10px 25px rgba(249, 115, 22, 0.5); } /* Service Reviews */ .service-reviews { background: white; } .service-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .service-review-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2.5rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; } .service-review-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .service-review-card:hover::before { transform: translateX(0); } .service-review-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .service-review-card h3 { font-size: 1.3rem; color: #2563eb; margin-bottom: 0.8rem; font-weight: 600; line-height: 1.3; } .service-rating { color: #f97316; font-size: 1rem; font-weight: 600; margin-bottom: 1.2rem; } .service-review-text { color: #6b7280; line-height: 1.7; font-size: 0.95rem; margin-bottom: 1.5rem; flex-grow: 1; font-style: italic; } .service-reviewer { color: #374151; font-weight: 600; font-size: 0.9rem; margin-bottom: 1rem; } .service-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 0.95rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .service-link:hover { color: #2563eb; transform: translateX(5px); } /* Google Reviews CTA Section */ .google-reviews { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .google-reviews .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); } .google-reviews .section-subtitle { color: #e0e7ff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .google-reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 1000px; margin: 0 auto; } .google-review-card { text-align: center; padding: 3rem 2rem; background: rgba(255,255,255,0.15); border-radius: 25px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 280px; display: flex; flex-direction: column; justify-content: center; } .google-review-card:hover { transform: translateY(-10px) scale(1.03); background: rgba(255,255,255,0.2); box-shadow: 0 30px 80px rgba(0,0,0,0.3); } .google-review-card h3 { margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 600; color: #fed7aa; } .google-review-card p { font-size: 1rem; line-height: 1.6; opacity: 0.9; margin-bottom: 2rem; } .google-link { color: #fed7aa; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; justify-content: center; padding: 10px 22px; border: 2px solid #fed7aa; border-radius: 25px; } .google-link:hover { background: #fed7aa; color: #2563eb; transform: translateY(-2px); } /* Satisfaction Metrics */ .satisfaction-metrics { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; } .metric-card { background: white; padding: 3rem 2rem; border-radius: 25px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 280px; display: flex; flex-direction: column; align-items: center; text-align: center; } .metric-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: linear-gradient(90deg, #f97316, #2563eb, #f97316); transform: translateX(-100%); transition: transform 0.6s ease; } .metric-card:hover::before { transform: translateX(0); } .metric-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .metric-number { font-size: 3.5rem; font-weight: 800; color: #f97316; margin-bottom: 0.5rem; line-height: 1; } .metric-label { font-size: 1.3rem; font-weight: 600; color: #2563eb; margin-bottom: 1rem; } .metric-description { color: #6b7280; line-height: 1.6; font-size: 1rem; } /* FAQ Section */ .faq { background: #f9fafb; } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: white; border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; transition: all 0.3s ease; } .faq-question:hover { background: #f8fafc; } .faq-question h3 { color: #2563eb; margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.4; } .faq-toggle { font-size: 1.5rem; color: #f97316; transition: transform 0.3s ease; flex-shrink: 0; margin-left: 1rem; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-answer.active { max-height: 300px; } .faq-answer-content { padding: 2rem; color: #6b7280; line-height: 1.7; font-size: 1rem; } /* CTA Section */ .cta-section { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .cta-content { text-align: center; } .cta-section .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .cta-section .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; margin-bottom: 2rem; } .cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .cta-btn { background: rgba(255,255,255,0.15); color: white; padding: 1rem 2rem; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); min-width: 200px; } .cta-btn:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(0,0,0,0.2); } /* Footer - Matches auto-body-repair page */ .footer { background: #374151; color: white; padding: 3rem 0 2rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h3 { color: #f97316; margin-bottom: 1.5rem; font-size: 1.2rem; font-weight: 600; } .footer-section ul { list-style: none; } .footer-section li { margin-bottom: 0.8rem; } .footer-section a { color: white; text-decoration: none; opacity: 0.8; transition: all 0.3s ease; font-size: 0.95rem; } .footer-section a:hover { color: #f97316; opacity: 1; transform: translateX(3px); } .footer-bottom { border-top: 1px solid #6b7280; padding-top: 2rem; text-align: center; opacity: 0.7; font-size: 0.9rem; line-height: 1.6; } /* Mobile Responsive */ @media (max-width: 1200px) { .location-reviews-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .nav-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: white; flex-direction: column; padding: 1rem 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); border-top: 1px solid #e5e7eb; } .nav-menu.active { display: flex; } .nav-item { width: 100%; border-bottom: 1px solid #f3f4f6; } .nav-item:last-child { border-bottom: none; } .nav-link { display: block; padding: 1rem 1.5rem; color: #374151; text-decoration: none; font-weight: 500; border: none; background: none; width: 100%; text-align: left; cursor: pointer; } .nav-link:hover { background: #f9fafb; color: #f97316; } .nav-cta { background: #f97316; color: white !important; margin: 0.5rem 1rem; border-radius: 8px; text-align: center; } .dropdown-content { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #f8fafc; margin: 0; border-radius: 0; border: none; border-top: 1px solid #e5e7eb; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .dropdown.active .dropdown-content { max-height: 500px; } .dropdown-content a { display: block; padding: 0.8rem 2rem; color: #6b7280; text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.2s ease; border-radius: 0; margin: 0; border-bottom: 1px solid #e5e7eb; } .dropdown-content a:last-child { border-bottom: none; } .dropdown-content a:hover { background: #e5e7eb; color: #374151; transform: none; padding-left: 2.5rem; } .hero { height: 100vh; min-height: 600px; padding: 90px 15px 15px; background-attachment: scroll; } .hero h1 { font-size: 1.9rem; margin-bottom: 0.8rem; } .hero-subtitle { font-size: 1rem; margin-bottom: 1.2rem; } .hero-stats { grid-template-columns: repeat(2, 1fr); gap: 0.8rem; max-width: 400px; } .stat-item { padding: 1rem; } .stat-number { font-size: 1.4rem; } .stat-label { font-size: 0.8rem; } .hero-cta { flex-direction: column; align-items: center; margin-top: 1.2rem; } .hero-cta-btn { padding: 10px 24px; font-size: 0.95rem; width: 100%; max-width: 260px; text-align: center; } .section { padding: 50px 0; } .testimonials { padding-top: 70px; } .section-title { font-size: 1.8rem; } .section-subtitle { font-size: 1rem; margin-bottom: 2rem; padding: 0 10px; } .testimonials-grid { grid-template-columns: 1fr; gap: 1.5rem; } .testimonial-card { padding: 1.5rem; min-height: auto; } .location-reviews-grid { grid-template-columns: 1fr; gap: 1.5rem; } .location-review-card { min-height: auto; } .location-buttons { flex-direction: column; gap: 0.5rem; } .leave-review-link { font-size: 0.8rem; padding: 7px 14px; justify-content: center; } .review-banner { padding: 1.5rem 0; } .review-banner-content { flex-direction: column; gap: 1.5rem; } .review-banner-text h2 { font-size: 1.3rem; } .review-banner-text p { font-size: 0.9rem; } .review-banner-buttons { gap: 0.6rem; } .review-banner-btn { font-size: 0.8rem; padding: 8px 14px; } .service-reviews-grid { grid-template-columns: 1fr; gap: 1.5rem; } .service-review-card { padding: 1.5rem; min-height: auto; } .google-reviews-grid { grid-template-columns: 1fr; gap: 1.5rem; } .google-review-card { padding: 2rem 1.5rem; min-height: auto; } .metrics-grid { grid-template-columns: 1fr; gap: 1.5rem; } .metric-card { padding: 2rem 1.5rem; min-height: auto; } .metric-number { font-size: 2.5rem; } .metric-label { font-size: 1.1rem; } .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; } .faq-answer-content { padding: 1.5rem; font-size: 0.9rem; } .cta-buttons { flex-direction: column; align-items: center; } .cta-btn { min-width: auto; width: 100%; max-width: 300px; } .footer-content { grid-template-columns: 1fr; gap: 2rem; } } @media (max-width: 480px) { .hero { height: 100vh; min-height: 550px; padding: 80px 10px 10px; } .hero h1 { font-size: 1.5rem; line-height: 1.2; } .hero-subtitle { font-size: 0.9rem; } .hero-stats { grid-template-columns: repeat(2, 1fr); gap: 0.6rem; max-width: 300px; } .stat-item { padding: 0.8rem; } .stat-number { font-size: 1.2rem; } .stat-label { font-size: 0.75rem; } .section { padding: 40px 0; } .section-title { font-size: 1.6rem; line-height: 1.2; } .section-subtitle { font-size: 0.9rem; margin-bottom: 1.5rem; } .container { padding: 0 15px; } .testimonial-card { padding: 1.2rem; } .testimonial-text { font-size: 0.9rem; } .service-review-card { padding: 1.2rem; } .footer { padding: 2rem 0 1rem; } .footer-bottom { font-size: 0.75rem; } } @media (min-width: 1400px) { .hero h1 { font-size: 3.2rem; } .hero-subtitle { font-size: 1.3rem; } .hero-stats { max-width: 850px; gap: 1.5rem; } .stat-item { padding: 1.5rem; } .stat-number { font-size: 2.2rem; } .stat-label { font-size: 0.95rem; } }
Five Star Auto Body - Professional Auto Body Repair Shop in Vancouver WA
  • About
  • Services
    Auto Body Repair Collision Repair Auto Paint Dent Repair Frame Repair
  • Locations
    Vancouver WA Longview WA Chehalis WA
  • Gallery
  • Reviews
  • Contact

Customer Reviews & Testimonials | Five Star Auto Body

595+ verified reviews across Vancouver WA, Longview WA & Chehalis WA. See why Southwest Washington drivers trust Five Star Auto Body for collision repair, frame repair, dent removal, and paint restoration.

4.9★
Average Rating
595+
Verified Reviews
96%
Satisfaction Rate
4
WA Locations
Get Free Estimate View Our Work

Had a Great Experience? Leave Us a Review!

Your feedback helps other Southwest Washington drivers find quality auto body repair

★ Vancouver NE 68th ★ Vancouver Columbia ★ Longview ★ Chehalis

Featured Customer Reviews

Real testimonials from Five Star Auto Body customers across our Vancouver, Longview, and Chehalis auto body shop locations

★★★★★
"I used Five Star for my car accident claim, and it was an amazing experience. They connected with the insurance company and gave me an appointment to come in very quickly. The whole process from start to finish was smooth and professional."
DH

Daniel Hinds

Vancouver WA — Google Review

★★★★★
"We purchased a brand new car back in May, and unfortunately it was involved in a rear end collision in July. Five Star Auto Body took care of our car — they kept us up to date each week with progress, and the finished result was flawless."
RM

Ricky Macom

Vancouver WA — Google Review

★★★★★
"Phenomenal customer service. Phenomenal communication. Phenomenal quality of work. Five Star absolutely lives up to their name. I wouldn't trust anyone else with my vehicle after this experience."
C

Cam

Vancouver WA — Google Review

Reviews by Location

Customer feedback from each of our Four Five Star Auto Body locations across Southwest Washington

Vancouver — NE 68th Street
4.8★ | 418 Reviews
"A great company to work with. Shawn was completely transparent about the insurance process and the work they would be doing. His communication was excellent. We did a walk through and he answered all my questions. My vehicle looks brand new."
— Bob Adams
View Location → ★ Leave a Review
Vancouver — Columbia Street
4.9★ | 42 Reviews
"I am delighted with the service I received at Five Star Auto Body in Vancouver. I had requested an estimate on my car after a collision. The entire experience gave me peace of mind while dealing with the car issues."
— Brenda Thul
View Location → ★ Leave a Review
Longview — Commerce Avenue
5.0★ | 124 Reviews
"They had my car for two months and consistently pushed back against my insurance company who wanted to use the cheapest parts. Five Star fought for quality. The finished product was absolutely perfect."
— Megan Moon
View Location → ★ Leave a Review
Chehalis — N Market Blvd
5.0★ | 11 Reviews
"My car looks great. Five Star took care of everything and made the whole repair process stress-free. The team was professional, and the quality of their collision and paint work exceeded my expectations."
— Lori Criss
View Location → ★ Leave a Review

Reviews by Service Type

What customers say about our collision repair, frame repair, paint restoration, and auto body services

Collision Repair Reviews

★★★★★
"Excellent service and top quality professional work. My Ram 4×4 was hit on the bed and back corner of cab. The work was outstanding — you can't even tell there was damage. Five Star's collision repair team are true professionals."
— Mark Maker, Longview WA
Learn About Collision Repair →

Paint & Color Match Reviews

★★★★★
"Great job fixing an older car! Turn around time was good and paint match was fantastic. The color blending was seamless — absolutely perfect work that exceeded my expectations for an older vehicle."
— Stephen Garrett, Longview WA
Learn About Auto Paint →

Insurance Claims Reviews

★★★★★
"Professional, efficient and trustworthy! Got me in right away and worked with my insurance to get everything done timely while also providing quality service. Thanks for everything!"
— Jamie Tescher, Longview WA
Get Insurance Help →

More Customer Experiences

Additional verified reviews from customers across all Five Star Auto Body locations in Washington

★★★★★
"Left my car just like brand new! I never imagined it was going to look as perfect as this. Loved the customer service — the entire team went above and beyond to make sure I was happy with the results."
GB

Gustavo Barragan

Longview WA — Google Review

★★★★★
"Had a great experience at Five Star. Brandon made everything easy, answered all my questions, and kept great communication about the progress on my car. My car was done earlier than estimated. Highly recommend them!"
SB

Shellice Batman

Vancouver WA — Google Review

★★★★★
"The best place to bring your vehicle for repairs. They fixed my Sienna after an accident — it looked like new when it was done. Then fixed the trim on my Pacifica. Great service on both vehicles."
MM

M Maguire

Longview WA — Google Review

Why Customers Trust Five Star Auto Body

Our commitment to quality collision repair, frame repair, and customer service is reflected in every review

96%
Customer Satisfaction
Customers rate their Five Star Auto Body experience as excellent across collision repair, frame straightening, dent removal, and paint restoration services
6
OEM Certifications
Certified by Kia, FCA, Hyundai, Nissan, GM, and Ford — ensuring every collision repair, frame repair, and structural repair meets manufacturer standards
20+
Journeymen Technicians
Experienced, certified auto body professionals specializing in collision repair, frame straightening, paint matching, and structural restoration across all locations

Read Our Google Reviews

Visit our Google Business profiles to read hundreds more verified reviews from customers in Clark County, Cowlitz County, and Lewis County

Vancouver WA Reviews

Read 460+ Google reviews from Vancouver area customers for our Columbia Street and NE 68th Street auto body shop locations serving Clark County.

Read Vancouver Reviews →
★ Review NE 68th ★ Review Columbia St

Longview & Chehalis Reviews

Read 135+ Google reviews from Longview and Chehalis customers for our Commerce Avenue and N Market Boulevard auto body shop locations.

Read Longview Reviews →
★ Review Longview ★ Review Chehalis

Frequently Asked Questions About Our Reviews

Common questions about Five Star Auto Body's customer reviews, ratings, and service quality

What is Five Star Auto Body's average customer rating?

+

Five Star Auto Body has a 4.9-star average rating across 595+ verified customer reviews on Google. Our Vancouver, Longview, and Chehalis locations consistently receive top marks for collision repair quality, frame repair expertise, customer communication, and insurance claims support.

Why do customers choose Five Star Auto Body over other auto body shops?

+

Customers choose Five Star for our 6 manufacturer certifications (Kia, FCA, Hyundai, Nissan, GM, Ford), 20+ journeymen technicians, lifetime warranty on all repairs including frame repair and collision repair, transparent insurance claims processing, and consistent quality across all four Washington locations.

Does Five Star Auto Body have good reviews for insurance claims?

+

Insurance claims handling is one of our highest-rated services. Customers consistently praise our team for working directly with adjusters, handling all paperwork, advocating for quality OEM parts over cheaper alternatives, and providing transparent communication throughout the collision repair and frame repair process.

How many locations does Five Star Auto Body have in Washington?

+

Five Star Auto Body operates four locations across Southwest Washington: two in Vancouver WA (Columbia Street and NE 68th Street), one in Longview WA (Commerce Avenue), and one in Chehalis WA (N Market Boulevard), serving Clark County, Cowlitz County, and Lewis County communities.

Get Your Free Auto Body Repair Estimate

Join 595+ satisfied customers. Contact Five Star Auto Body for expert collision repair, frame repair, and professional auto body services across Southwest Washington.

Call Vancouver North Call Vancouver Columbia Call Longview Call Chehalis

Services

  • Auto Body Repair
  • Collision Repair
  • Auto Paint
  • Dent Repair
  • Frame Repair
  • Frame Repair Vancouver
  • Frame Repair Longview
  • Frame Repair Chehalis

Locations

  • Vancouver WA
  • Longview WA
  • Chehalis WA
  • Columbia Street
  • NE 68th Street
  • Longview Location
  • N Market Blvd

Company

  • About Five Star Auto Body
  • Customer Reviews
  • Auto Body Blog
  • Project Gallery
  • Contact Us
  • Careers

Contact Info

  • Vancouver: (360) 699-4887
  • Vancouver: (360) 258-1612
  • Longview: (360) 353-3018
  • Chehalis: (360) 748-8344
  • Email: fivestarautobody@gmail.com

© 2026 Five Star Auto Body. All rights reserved.

Customer Reviews & Testimonials | Auto Body Repair Reviews Vancouver WA | Collision Repair & Frame Repair Reviews Longview WA & Chehalis WA