Vancouver WA Auto Body Shop | Five Star Auto Body | 2 Locations | Collision Repair Vancouver Washington * { 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; backdrop-filter: blur(10px); } .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); } .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); } .nav-link { color: #374151; text-decoration: none; font-weight: 500; padding: 0.5rem 0; transition: color 0.3s ease; } .nav-link:hover { color: #f97316; } .nav-cta { background: #f97316; color: white; padding: 0.5rem 1rem; border-radius: 25px; text-decoration: none; font-weight: bold; transition: all 0.3s ease; } .nav-cta:hover { background: #ea580c; transform: translateY(-2px); } .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; } /* Hero Section - Full Screen */ .hero { height: 100vh; min-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; color: white; text-align: center; } .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; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 1; } .hero .container { position: relative; z-index: 2; max-width: 900px; } .hero h1 { font-size: 3.8rem; font-weight: bold; margin-bottom: 1.5rem; line-height: 1.2; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); } .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; opacity: 0.95; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); line-height: 1.4; } .hero-stats { display: flex; justify-content: center; gap: 3rem; margin-bottom: 2rem; flex-wrap: wrap; } .stat-item { text-align: center; background: rgba(255, 255, 255, 0.1); padding: 1rem 1.5rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .stat-number { font-size: 2rem; font-weight: bold; color: #fed7aa; display: block; } .stat-label { font-size: 0.9rem; opacity: 0.9; } .hero-cta { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; } .cta-primary, .cta-secondary { display: inline-block; padding: 1rem 2rem; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); } .cta-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; } .cta-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } .cta-secondary { background: rgba(255, 255, 255, 0.2); color: white; border: 2px solid rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); } .cta-secondary:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-3px); } /* 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; } /* Vancouver Locations Section */ .locations { background: white; } .locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .location-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 3rem; border-radius: 25px; box-shadow: 0 25px 70px 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: 450px; display: flex; flex-direction: column; } .location-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; } .location-card:hover::before { transform: translateX(0); } .location-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 35px 90px rgba(0,0,0,0.15); border-color: rgba(249, 115, 22, 0.3); } .location-header { text-align: center; margin-bottom: 2rem; } .location-image { width: 100%; height: 120px; background: linear-gradient(135deg, #f97316, #2563eb); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 1.1rem; margin-bottom: 1.5rem; } .location-card h3 { font-size: 1.6rem; color: #2563eb; margin-bottom: 1.5rem; font-weight: 600; line-height: 1.3; } .location-details { flex-grow: 1; margin-bottom: 2rem; } .detail-item { display: flex; align-items: flex-start; gap: 0.8rem; margin-bottom: 1rem; padding: 0.5rem 0; } .detail-icon { width: 35px; height: 35px; background: linear-gradient(45deg, #f97316, #ea580c); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; flex-shrink: 0; font-size: 0.9rem; } .detail-content { flex-grow: 1; } .detail-content strong { color: #374151; font-weight: 600; display: block; margin-bottom: 0.2rem; } .detail-content span { color: #6b7280; font-size: 0.95rem; line-height: 1.4; } .detail-content a { color: #2563eb; text-decoration: none; font-weight: 500; } .detail-content a:hover { color: #f97316; } .review-badge { background: #ecfdf5; color: #065f46; padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; text-align: center; margin: 1rem 0; border: 1px solid #a7f3d0; } .location-buttons { display: flex; gap: 1rem; margin-top: auto; } .btn-primary, .btn-secondary { padding: 0.8rem 1.5rem; border-radius: 25px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; flex: 1; text-align: center; font-size: 0.95rem; } .btn-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; box-shadow: 0 8px 20px rgba(249, 115, 22, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(249, 115, 22, 0.4); } .btn-secondary { background: transparent; color: #2563eb; border: 2px solid #2563eb; } .btn-secondary:hover { background: #2563eb; color: white; } /* Services Section */ .services { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .services-grid { display: grid; grid-template-columns: repeat(3, 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: 350px; 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 */ .service-areas { background: white; } .areas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .area-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 3rem; border-radius: 25px; border-left: 8px solid #f97316; transition: all 0.4s ease; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .area-card:hover { transform: translateY(-8px); box-shadow: 0 25px 60px rgba(0,0,0,0.12); border-left-color: #2563eb; } .area-card h3 { font-size: 1.6rem; color: #2563eb; margin-bottom: 1.5rem; font-weight: 600; line-height: 1.3; } .area-card p { color: #6b7280; line-height: 1.7; font-size: 1rem; margin-bottom: 1.5rem; flex-grow: 1; } .area-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; } .area-link:hover { color: #2563eb; transform: translateX(5px); } /* Why Choose Vancouver */ .why-vancouver { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .why-vancouver .section-title { color: white; } .why-vancouver .section-subtitle { color: #e0e7ff; } .why-vancouver-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-vancouver-item { background: rgba(255,255,255,0.1); padding: 2.5rem; border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); transition: all 0.4s ease; min-height: 300px; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } .why-vancouver-item:hover { transform: translateY(-10px); background: rgba(255,255,255,0.15); box-shadow: 0 20px 60px rgba(0,0,0,0.2); } .why-vancouver-item h3 { font-size: 1.5rem; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .why-vancouver-item p { line-height: 1.6; opacity: 0.9; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .why-vancouver-link { color: #fed7aa; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; justify-content: center; margin-top: auto; } .why-vancouver-link:hover { color: white; transform: translateX(5px); } /* Reviews Section */ .reviews { background: white; } .reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; } .review-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 3rem; border-radius: 25px; border-left: 8px solid #f97316; transition: all 0.4s ease; min-height: 300px; display: flex; flex-direction: column; } .review-card:hover { transform: translateY(-8px); box-shadow: 0 25px 60px rgba(0,0,0,0.12); } .review-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; } .review-location { font-weight: 600; color: #2563eb; font-size: 1.1rem; } .review-rating { background: #ecfdf5; color: #065f46; padding: 0.4rem 0.8rem; border-radius: 15px; font-size: 0.9rem; font-weight: 600; border: 1px solid #a7f3d0; } .review-text { font-style: italic; color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .review-author { color: #2563eb; font-weight: 600; margin-bottom: 0.5rem; font-size: 1.1rem; } .review-details { color: #9ca3af; font-size: 0.9rem; } /* CTA Section */ .cta-section { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; text-align: center; } .cta-section .section-title { color: white; } .cta-section .section-subtitle { color: #fed7aa; } .cta-buttons { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; } .cta-button { background: rgba(255,255,255,0.2); color: white; padding: 1rem 2rem; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; backdrop-filter: blur(10px); border: 2px solid rgba(255,255,255,0.3); } .cta-button:hover { background: rgba(255,255,255,0.3); transform: translateY(-3px); } /* 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; } /* Mobile Responsive */ @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); } .nav-menu.active { display: flex; } .nav-logo img { height: 60px; } .hero h1 { font-size: 2.8rem; } .hero-subtitle { font-size: 1.2rem; } .hero-stats { gap: 1.5rem; } .stat-item { padding: 0.8rem 1rem; } .stat-number { font-size: 1.5rem; } .hero-cta { flex-direction: column; align-items: center; } .locations-grid { grid-template-columns: 1fr; gap: 2rem; } .services-grid { grid-template-columns: 1fr; gap: 1.5rem; } .areas-grid { grid-template-columns: 1fr; gap: 2rem; } .why-vancouver-grid { grid-template-columns: 1fr; gap: 1.5rem; } .reviews-grid { grid-template-columns: 1fr; gap: 2rem; } .cta-buttons { flex-direction: column; align-items: center; } .section { padding: 50px 0; } .section-title { font-size: 2rem; } .container { padding: 0 15px; } } @media (max-width: 480px) { .nav-logo img { height: 50px; } .hero h1 { font-size: 2.2rem; } .hero-subtitle { font-size: 1rem; } .section-title { font-size: 1.8rem; } .hero-stats { gap: 1rem; } .stat-item { padding: 0.6rem 0.8rem; } .location-card, .service-card, .why-vancouver-item, .review-card { padding: 1.5rem; } .container { padding: 0 10px; } }

Vancouver WA Auto Body Shop

Premier collision repair and auto body services in Vancouver Washington. Five Star Auto Body serves Vancouver, Battle Ground, Camas, Washougal with 2 convenient locations and expert certified technicians.

460+ Vancouver Reviews

4.8★ Average Rating

2 Vancouver Locations

15+ Years in Vancouver

Call (360) 699-4887 View Our Locations

Our 2 Vancouver WA Locations

Two convenient auto body repair locations serving Vancouver Washington and surrounding Clark County areas with expert collision repair services

NE 68th Street - Vancouver WA

NE 68th Street Location

📍

Address NE 68th Street, Vancouver WA 98662

📞

Phone (360) 699-4887

⏰

Hours Mon-Fri 7:30 AM - 5:30 PM

🔧

Specialties Advanced vehicle systems calibration, luxury vehicle repair, commercial fleet services

4.8★ | 418 Google Reviews

Call Location Get Directions

Columbia Street - Vancouver WA

Columbia Street Location

📍

Address 1813 Columbia Street, Vancouver WA 98660

📞

Phone (360) 258-1612

⏰

Hours Mon-Fri 7:30 AM - 5:30 PM

🎨

Specialties Classic vehicle restoration, custom paint work, dent repair, panel replacement

4.9★ | 42 Google Reviews

Call Location Get Directions

Auto Body Services in Vancouver WA

Comprehensive collision repair and auto body services for Vancouver Washington residents with certified technicians and state-of-the-art equipment

Collision Repair Vancouver WA

Expert collision repair services for Vancouver residents including frame straightening, structural repair, and advanced safety system calibration. Our Vancouver collision repair specialists restore vehicles to pre-accident condition using manufacturer-approved techniques and OEM parts.

Learn More →

Auto Body Repair Vancouver WA

Professional auto body repair services in Vancouver including dent removal, panel replacement, and paint restoration. Our certified technicians provide Vancouver auto body repair using advanced techniques and quality materials for lasting results.

Learn More →

Paint & Color Matching Vancouver

Precision paint matching and restoration services for Vancouver area vehicles. Our computerized color matching technology ensures perfect paint blends that seamlessly integrate with your vehicle's original finish for professional results.

Get Quote →

Areas We Serve in Clark County

Five Star Auto Body Vancouver locations provide expert collision repair and auto body services throughout Clark County Washington

Vancouver & Battle Ground Auto Body

Serving Vancouver, Battle Ground, and surrounding North Clark County areas with comprehensive auto body repair and collision services. Our Vancouver locations provide convenient access for residents throughout the greater Vancouver metropolitan area with expert certified technicians and state-of-the-art facilities.

Get Estimate →

Camas & Washougal Collision Repair

Professional collision repair services for Camas, Washougal, and East Clark County communities. We provide expert auto body repair, paint restoration, and insurance claim support for residents across the Columbia River Gorge area with quality workmanship and timely service delivery.

Schedule Service →

Why Choose Five Star Auto Body Vancouver

Leading auto body repair shop in Vancouver WA with certified technicians, advanced equipment, and commitment to customer satisfaction

Local Vancouver Expertise

Over 15 years serving Vancouver Washington with deep understanding of local climate conditions, insurance requirements, and community needs. Our Vancouver team provides personalized service with hometown knowledge and professional expertise.

Our Story →

Certified Vancouver Technicians

Our Vancouver locations employ only certified journeymen technicians with advanced training in collision repair, frame straightening, and modern vehicle systems. Continuous education ensures we stay current with evolving automotive technology.

Read Reviews →

Insurance Claim Specialists

Expert insurance claim processing and direct billing with all major insurance providers. Our Vancouver team handles paperwork, works with adjusters, and ensures you receive proper coverage for quality auto body repair services.

Get Help →

Vancouver Customer Reviews

Read what Vancouver area customers say about their Five Star Auto Body experience

NE 68th Street Location

4.8★ | 418 Reviews

"Outstanding collision repair service at the NE 68th Street location! They restored my car to like-new condition after a major accident. Professional team, excellent communication, and worked seamlessly with my insurance. Highly recommend for Vancouver area auto body needs."

Sarah M., Vancouver WA

2019 Honda Accord - Collision Repair

Columbia Street Location

4.9★ | 42 Reviews

"Exceptional auto body repair experience at the Columbia Street location. They fixed extensive damage from a collision and the paint match was absolutely perfect. The team was knowledgeable, professional, and completed the work ahead of schedule."

Mike R., Vancouver WA

2020 Toyota Camry - Auto Body Repair

Get Your Free Vancouver Auto Body Estimate

Contact Five Star Auto Body Vancouver today for expert collision repair and auto body services. Choose from our convenient NE 68th Street or Columbia Street locations.

NE 68th: (360) 699-4887 Columbia: (360) 258-1612 Email & Online