Auto Body Repair Longview WA | Five Star Auto Body | Collision Repair Cowlitz County * { 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 */ .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 - Desktop First */ .hero { 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; } /* Desktop Video - Default State */ .hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%); object-fit: cover; display: block; } /* Desktop - Video overlay */ .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; } /* Mobile Background Image - Hidden by default */ .hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: scroll; z-index: -1; display: none; } .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; } .hero-subtitle { font-size: 1.1rem; margin-bottom: 1.5rem; opacity: 0.9; } .hero-cta { display: flex; justify-content: center; gap: 1rem; margin-top: 2rem; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 14px 32px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 1.1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 6px 20px rgba(249, 115, 22, 0.3); position: relative; overflow: hidden; } .cta-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255,255,255,0.2); border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .cta-button:hover::after { width: 300px; height: 300px; } .cta-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } .cta-secondary { background: transparent; border: 2px solid white; color: white; } .cta-secondary:hover { background: white; color: #2563eb; } /* Insurance Notice Section */ .insurance-notice { background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%); color: white; padding: 2rem 0; position: relative; overflow: hidden; border-top: 4px solid #f97316; border-bottom: 4px solid #f97316; } .insurance-notice::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.1), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .notice-content { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; position: relative; z-index: 2; max-width: 1000px; margin: 0 auto; } .notice-text h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: #fed7aa; text-align: center; } .insurance-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .insurance-item { background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 12px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .insurance-item:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-2px); } .call-ahead { border-left: 4px solid #ef4444; } .walk-in { border-left: 4px solid #10b981; } .insurance-companies { display: flex; gap: 0.5rem; margin-bottom: 0.8rem; flex-wrap: wrap; } .company-badge { padding: 0.3rem 0.6rem; border-radius: 6px; font-size: 0.7rem; font-weight: bold; color: white; text-transform: uppercase; letter-spacing: 0.5px; } .geico { background: #005a9b; } .progressive { background: #0066cc; } .statefarm { background: #cc0000; } .insurance-item p { font-size: 0.9rem; line-height: 1.4; margin: 0; } .insurance-item strong { color: #fed7aa; } .notice-cta { display: flex; align-items: center; } .urgent-cta { background: linear-gradient(45deg, #ef4444, #dc2626); color: white; padding: 0.8rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: bold; font-size: 0.9rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); animation: glow 2s infinite alternate; } @keyframes glow { from { box-shadow: 0 4px 15px rgba(239, 68, 68, 0.4); } to { box-shadow: 0 4px 25px rgba(239, 68, 68, 0.8); } } .urgent-cta:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 8px 25px rgba(239, 68, 68, 0.6); } /* 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: 600px; margin-left: auto; margin-right: auto; } /* Location Info Section */ .location-info { background: white; } .location-content { display: grid; grid-template-columns: 2fr 1fr; gap: 4rem; align-items: start; } .location-details h3 { font-size: 1.8rem; color: #2563eb; margin-bottom: 1.5rem; font-weight: 600; } .location-details p { font-size: 1.1rem; line-height: 1.7; margin-bottom: 1.5rem; color: #6b7280; } .location-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2rem 0; } .highlight-item { background: #f8fafc; padding: 1.5rem; border-radius: 12px; border-left: 4px solid #f97316; } .highlight-item h4 { color: #2563eb; font-size: 1.1rem; margin-bottom: 0.5rem; font-weight: 600; } .highlight-item p { font-size: 0.9rem; color: #6b7280; margin: 0; } .location-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2rem; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.08); border: 1px solid rgba(249, 115, 22, 0.1); position: sticky; top: 120px; } .location-card h4 { color: #2563eb; font-size: 1.3rem; margin-bottom: 1.5rem; font-weight: 600; text-align: center; } .contact-item { display: flex; align-items: center; margin-bottom: 1rem; padding: 0.8rem; background: #f8fafc; border-radius: 8px; transition: all 0.3s ease; } .contact-item:hover { background: rgba(249, 115, 22, 0.1); transform: translateX(5px); } .contact-icon { width: 40px; height: 40px; background: linear-gradient(45deg, #f97316, #ea580c); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; color: white; font-weight: bold; } .contact-info strong { color: #2563eb; display: block; margin-bottom: 0.3rem; } .contact-info a { color: #f97316; text-decoration: none; font-weight: 500; } .contact-info a:hover { color: #2563eb; } /* Services Section */ .services { background: #f9fafb; } .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; } .service-card { background: white; 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: 300px; display: flex; flex-direction: column; justify-content: space-between; } .service-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-card:hover::before { transform: translateX(0); } .service-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-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .service-card p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .service-link { color: #f97316; text-decoration: none; font-weight: 600; font-size: 1rem; 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); } /* Service Areas Section */ .service-areas { background: white; } .areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .area-item { text-align: center; padding: 2.5rem; background: linear-gradient(145deg, #f8fafc, #e2e8f0); border-radius: 20px; border-left: 5px solid #f97316; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 240px; display: flex; flex-direction: column; justify-content: center; } .area-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.05), transparent); transition: left 0.8s ease; } .area-item:hover::before { left: 100%; } .area-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .area-item h3 { font-size: 1.4rem; font-weight: 600; color: #2563eb; margin-bottom: 1.2rem; line-height: 1.3; } .area-item p { color: #6b7280; line-height: 1.6; font-size: 1rem; } /* Why Choose Section */ .why-choose { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .why-choose .section-title { color: #ffffff; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); font-weight: 800; } .why-choose .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-weight: 500; } .why-choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-choose-item { padding: 2.5rem; background: rgba(255,255,255,0.15); border-radius: 20px; 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: 240px; display: flex; flex-direction: column; justify-content: center; text-align: center; } .why-choose-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)); opacity: 0; transition: opacity 0.4s ease; } .why-choose-item:hover::before { opacity: 1; } .why-choose-item:hover { transform: translateY(-10px) scale(1.05); background: rgba(255,255,255,0.2); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .why-choose-item h3 { font-size: 1.4rem; font-weight: 600; margin-bottom: 1.2rem; line-height: 1.3; } .why-choose-item p { line-height: 1.6; font-size: 1rem; } /* Footer */ .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 Responsiveness */ @media (max-width: 1200px) { .location-content { grid-template-columns: 1fr; gap: 2rem; } .location-card { position: static; } .areas-grid { grid-template-columns: repeat(2, 1fr); } .why-choose-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } /* Mobile - Hide video, show background image */ .hero-video { display: none !important; } .hero::after { display: block !important; } .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; } .nav-cta:hover { background: #ea580c; } .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 { padding: 90px 15px 15px; min-height: 500px; } .hero h1 { font-size: 1.8rem; } .hero-subtitle { font-size: 1rem; } .hero-cta { flex-direction: column; gap: 0.8rem; } .cta-button { padding: 12px 24px; font-size: 1rem; } /* Insurance Notice Mobile */ .notice-content { grid-template-columns: 1fr; gap: 1rem; text-align: center; } .notice-text h2 { font-size: 1.2rem; } .insurance-grid { grid-template-columns: 1fr; } .section { padding: 50px 0; } .section-title { font-size: 1.8rem; } .section-subtitle { font-size: 1rem; padding: 0 10px; } .location-highlights { grid-template-columns: 1fr; gap: 1rem; } .services-grid { grid-template-columns: 1fr; gap: 1.5rem; } .service-card { padding: 1.5rem; min-height: auto; } .areas-grid { grid-template-columns: 1fr; gap: 1.5rem; } .area-item { padding: 1.5rem; min-height: auto; } .why-choose-grid { grid-template-columns: 1fr; gap: 1.5rem; } .why-choose-item { padding: 1.5rem; min-height: auto; } .footer-content { grid-template-columns: 1fr; } } @media (max-width: 480px) { .hero h1 { font-size: 1.5rem; } .hero-subtitle { font-size: 0.9rem; } .section-title { font-size: 1.6rem; } .container { padding: 0 15px; } }

Auto Body Repair Longview WA | Five Star Auto Body

Professional collision repair and auto body services in Longview, Washington serving Cowlitz County with expert technicians and certified quality

Call (360) 353-3018 Get Free Estimate

Important Insurance Information

GEICO PROGRESSIVE STATE FARM

Call Ahead Required: If you're using Geico, Progressive, or State Farm insurance, please call before visiting for scheduling requirements.

All Other Insurance: Free estimates available anytime Monday-Friday 8:00 AM - 5:00 PM. Walk-ins welcome!

Call Longview

Premier Auto Body Shop in Longview, Washington

Five Star Auto Body's Longview location has been serving Cowlitz County residents with expert auto body repair and collision services for years. Our facility at 760 Commerce Ave is conveniently located to serve Longview, Kelso, Castle Rock, Woodland, and surrounding areas throughout Cowlitz County.

Our certified journeymen technicians in Longview specialize in complete collision repair, auto body restoration, dent removal, paint matching, and frame straightening using state-of-the-art equipment and manufacturer-approved techniques. We work directly with all major insurance companies to make your claim process seamless.

Serving Cowlitz County

Longview, Kelso, Castle Rock, Woodland, and surrounding communities with professional auto body repair services

Certified Technicians

Journeymen-level expertise with manufacturer certifications for quality collision repair

Insurance Direct Billing

We handle all insurance paperwork and work directly with your insurance company for hassle-free claims

Free Estimates

Comprehensive damage assessment and repair estimates at no cost to you

Whether you need minor dent repair or major collision restoration, our Longview auto body shop delivers exceptional results with a lifetime warranty on our workmanship. We understand that vehicle accidents are stressful, which is why we're committed to providing transparent communication and superior customer service throughout the repair process.

Five Star Auto Body - Longview

📍

Address 760 Commerce Ave
Longview, WA 98632

📞

Phone (360) 353-3018

⏰

Hours Monday - Friday
8:00 AM - 5:00 PM

✉️

Email fivestarautobody@gmail.com

Auto Body Services in Longview WA

Complete collision repair and auto body services for Cowlitz County residents with certified technicians and guaranteed results

Collision Repair Longview WA

Expert collision repair services for all vehicle makes and models. Our certified technicians in Longview specialize in restoring your vehicle to pre-accident condition using advanced repair techniques and manufacturer-approved methods for complete collision restoration.

Learn More →

Auto Body Repair Longview WA

Professional auto body repair services including dent removal, panel replacement, and frame straightening using state-of-the-art equipment. Our journeymen technicians ensure quality results with comprehensive auto body restoration services.

Learn More →

Paint & Color Matching

Perfect paint matching and application using computerized color matching technology. We guarantee seamless blending that matches your vehicle's original finish with precision automotive paint systems for show-quality results.

View Gallery →

Insurance Claims Support

We work directly with all major insurance companies to streamline your claim process in Longview. Our team handles paperwork and ensures you get the coverage you deserve with transparent communication throughout the repair process.

Get Help →

Areas We Serve from Longview

Professional auto body and collision repair services throughout Cowlitz County and surrounding areas

Longview, WA

Serving the heart of Cowlitz County with comprehensive auto body repair and collision services. Our Commerce Avenue location provides convenient access for all Longview residents needing professional vehicle restoration.

Kelso, WA

Professional collision repair services for Kelso residents with easy access to our Longview facility. We provide expert auto body repair for all vehicle makes and models with certified technicians.

Castle Rock & Woodland

Extending our auto body repair services to Castle Rock, Woodland, and surrounding communities throughout Cowlitz County with manufacturer-certified collision repair capabilities.

Why Choose Five Star Auto Body Longview

Experience the Five Star difference with our commitment to excellence in auto body repair and customer service

Certified Technicians

Our Longview location employs only certified journeymen technicians with advanced training in collision repair and auto body restoration. We maintain manufacturer certifications to ensure your vehicle is repaired to OEM standards.

State-of-the-Art Equipment

Modern equipment and computerized systems for precise frame straightening, paint matching, and collision repair. Our Longview facility is equipped with the latest technology for superior results.

Lifetime Warranty

We stand behind our work with a comprehensive lifetime warranty on all collision repairs and auto body services performed at our Longview location. Your satisfaction and peace of mind are guaranteed.