Auto Body Shop Vancouver WA | 3019 NE 68th St | Five Star Auto Body * { 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 - Same as Homepage */ .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); } .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; } .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; } /* Hero Section - Same as Homepage */ .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; } .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; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; } .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: 1.5rem; } .cta-button { display: inline-block; background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 12px 24px; text-decoration: none; border-radius: 25px; font-weight: 600; font-size: 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:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 35px rgba(249, 115, 22, 0.4); } .cta-secondary { background: transparent; color: white; border: 2px solid white; box-shadow: none; } .cta-secondary:hover { background: white; color: #f97316; } /* Important Insurance Notice - Same as Homepage */ .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 Information Section */ .location-info { background: white; padding: 60px 0; } .location-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .location-details { background: linear-gradient(145deg, #f8fafc, #e2e8f0); padding: 2.5rem; border-radius: 25px; border-left: 5px solid #f97316; box-shadow: 0 20px 60px rgba(0,0,0,0.08); } .location-details h3 { color: #2563eb; font-size: 1.8rem; margin-bottom: 1.5rem; font-weight: 600; } .detail-item { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; padding: 1rem; background: rgba(255, 255, 255, 0.7); border-radius: 12px; transition: all 0.3s ease; } .detail-item:hover { background: rgba(249, 115, 22, 0.1); transform: translateX(5px); } .detail-icon { background: linear-gradient(45deg, #f97316, #ea580c); color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; flex-shrink: 0; } .detail-content h4 { color: #2563eb; margin-bottom: 0.5rem; font-weight: 600; } .detail-content p { color: #6b7280; line-height: 1.5; } .detail-content a { color: #2563eb; text-decoration: none; font-weight: 600; } .detail-content a:hover { color: #f97316; } .location-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .highlight-card { background: linear-gradient(145deg, #ffffff, #f8fafc); padding: 2rem; border-radius: 20px; text-align: center; border: 1px solid rgba(249, 115, 22, 0.1); transition: all 0.3s ease; } .highlight-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .highlight-number { font-size: 2.5rem; font-weight: 800; color: #f97316; margin-bottom: 0.5rem; } .highlight-text { color: #2563eb; font-weight: 600; margin-bottom: 0.5rem; } .highlight-desc { font-size: 0.9rem; color: #6b7280; } /* 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: 300px; } .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); } .service-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; } .service-card p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; } .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; } .service-link:hover { color: #2563eb; transform: translateX(5px); } /* Service Area Section */ .service-area { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .service-area .section-title { color: white; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); } .service-area .section-subtitle { color: #e0e7ff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .area-card { background: rgba(255,255,255,0.15); padding: 2rem; border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.4s ease; } .area-card:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); } .area-card h3 { font-size: 1.3rem; margin-bottom: 1rem; color: #fed7aa; } .area-card p { line-height: 1.6; opacity: 0.9; } /* Why Choose Section */ .why-choose { background: white; } .why-choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-choose-item { padding: 2.5rem; background: linear-gradient(145deg, #f8fafc, #e2e8f0); border-radius: 20px; border-left: 5px solid #f97316; transition: all 0.4s ease; position: relative; overflow: hidden; } .why-choose-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; } .why-choose-item:hover::before { left: 100%; } .why-choose-item:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .why-choose-item h3 { font-size: 1.4rem; font-weight: 600; color: #2563eb; margin-bottom: 1.2rem; } .why-choose-item p { color: #6b7280; line-height: 1.6; margin-bottom: 1.5rem; } .why-choose-link { color: #f97316; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .why-choose-link:hover { color: #2563eb; transform: translateX(5px); } /* Contact Section */ .contact { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .contact .section-title { color: white; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); } .contact .section-subtitle { color: #fed7aa; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } .contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; text-align: center; } .contact-item { padding: 2rem; 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 ease; } .contact-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); } .contact-item h3 { margin-bottom: 1rem; font-size: 1.3rem; } .contact-item p { font-size: 1.1rem; line-height: 1.6; } .contact-item a { color: white; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .contact-item a:hover { color: #fed7aa; text-shadow: 0 0 10px rgba(253, 215, 170, 0.5); } /* Footer - Same as Homepage */ .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; } /* Responsive Design */ @media (max-width: 1200px) { .location-grid { grid-template-columns: 1fr; gap: 2rem; } .services-grid { grid-template-columns: repeat(2, 1fr); } .areas-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mobile-menu-btn { display: block; } .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); } .nav-menu.active { display: flex; } .hero h1 { font-size: 1.8rem; } .hero-subtitle { font-size: 1rem; } .hero-cta { flex-direction: column; align-items: center; } .section { padding: 50px 0; } .section-title { font-size: 1.8rem; } .location-highlights { grid-template-columns: 1fr; } .services-grid { grid-template-columns: 1fr; gap: 1.5rem; } .areas-grid { grid-template-columns: 1fr; } .why-choose-grid { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; } .insurance-grid { grid-template-columns: 1fr; } .notice-content { grid-template-columns: 1fr; text-align: center; } } @media (max-width: 480px) { .hero h1 { font-size: 1.5rem; } .container { padding: 0 15px; } .service-card, .location-details, .why-choose-item { padding: 1.5rem; } .highlight-number { font-size: 2rem; } }

Auto Body Shop Vancouver WA | 3019 NE 68th St

Expert Auto Body Repair & Collision Services at Our Vancouver NE 68th Street Location

Call (360) 699-4887 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 9:00 AM - 4:00 PM. Walk-ins welcome!

Call Now

Vancouver Auto Body Shop - NE 68th Street Location

Professional auto body repair and collision services at our Vancouver WA location serving Northeast Vancouver and surrounding areas

Location Details & Contact Information

📍

Address

3019 NE 68th St, Vancouver, WA 98665
Located in Northeast Vancouver near Hazel Dell and Salmon Creek

📞

Phone Number

(360) 699-4887
Call for free estimates and scheduling

🕒

Business Hours

Monday - Friday: 8:00 AM - 5:00 PM
Saturday: 10:00 AM - 2:00 PM
Sunday: Closed

✉️

Email Contact

fivestarautobody@gmail.com
Send photos for quick estimates

20+
Journeymen Technicians
Expert certified technicians at this location

6
Manufacturer Certifications
Factory-authorized repair facility

100%
Satisfaction Guaranteed
Quality workmanship promise

24hr
Email Response
Quick turnaround on estimates

Auto Body Services at Our Vancouver NE Location

Complete auto body repair and collision services with certified technicians and state-of-the-art equipment

Auto Body Repair Vancouver WA

Professional auto body repair services including dent removal, panel replacement, and structural repairs using manufacturer-approved methods and OEM parts. Our certified technicians restore your vehicle to pre-accident condition.

Learn More →

Collision Repair Near Me

Expert collision repair services for all types of accident damage. From minor fender benders to major collision restoration, we handle all insurance claims and provide comprehensive collision repair services.

Learn More →

Paint & Refinishing Services

Professional automotive paint services with computerized color matching technology. We guarantee perfect paint matching and seamless blending that matches your vehicle's original finish with precision.

Get Quote →

Frame Straightening & Structural Repair

Advanced frame straightening and unibody repair using computerized measuring systems. We ensure your vehicle's structural integrity and safety are fully restored to manufacturer specifications.

Get Estimate →

Insurance Claims Processing

We work directly with all major insurance companies including Geico, Progressive, State Farm, and others. Our team handles all paperwork and ensures you receive proper coverage for your repairs.

Get Help →

Free Estimates & Consultations

Comprehensive damage assessment and accurate repair estimates provided by our certified technicians. We offer transparent pricing and detailed explanations of all necessary repairs and restoration work.

Call Today →

Areas We Serve from Vancouver NE 68th Street

Our Vancouver NE location conveniently serves Northeast Vancouver, Hazel Dell, Salmon Creek, and surrounding Clark County areas

Northeast Vancouver & Hazel Dell

Serving the Northeast Vancouver area including Hazel Dell, with easy access from NE 68th Street. Our location is perfectly positioned for residents and businesses in this area.

Salmon Creek & Mill Plain

Convenient auto body services for Salmon Creek, Mill Plain, and surrounding neighborhoods. Quick access via major Vancouver roadways and arterials.

Clark County Communities

Extended service area includes Battle Ground, Ridgefield, Camas, and Washougal. We're your trusted Vancouver auto body shop for all Clark County residents.

Why Choose Our Vancouver NE 68th Street Location

Discover the advantages of choosing Five Star Auto Body for your Vancouver auto body repair needs

Certified Technicians & Quality

Our journeymen technicians are factory-certified by six major manufacturers including Kia, Ford, GM, Hyundai, Nissan, and FCA. We guarantee OEM-quality repairs with manufacturer-approved methods and genuine parts.

Learn More →

Convenient Vancouver Location

Strategically located on NE 68th Street for easy access from throughout Northeast Vancouver, Hazel Dell, and Salmon Creek areas. Ample parking and convenient drop-off/pickup services available.

Visit Us →

Insurance Direct Billing

We work directly with all major insurance companies and handle all claims processing. Direct billing available for most insurers, making your auto body repair process seamless and stress-free.

Get Started →

Contact Our Vancouver NE 68th Street Location

Ready to get your vehicle repaired? Contact our Vancouver auto body shop for expert collision repair and auto body services

Call Our Vancouver Shop

(360) 699-4887
Free estimates available
Monday-Saturday service

Visit Our Location

3019 NE 68th St
Vancouver, WA 98665
Easy parking & access

Email for Quick Estimates

fivestarautobody@gmail.com
Send photos of damage
24-hour response time