Five Star Auto Body Commerce Avenue Longview WA | Auto Body Shop Near Me | Directions & Hours * { 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); transition: all 0.3s ease; } .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; } .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; 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; } .dropdown-toggle.active::after { transform: rotate(180deg); } /* Hero Section - Full Viewport */ .hero { background: linear-gradient(135deg, rgba(249, 115, 22, 0.5) 0%, rgba(234, 88, 12, 0.5) 50%, rgba(37, 99, 235, 0.5) 100%), url('https://assets.ycodeapp.com/assets/app113220/Images/main%20exterior-bis4odmgjg.webp'); background-size: cover; background-position: center; background-attachment: fixed; color: white; text-align: center; position: relative; height: 100vh; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 0; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(249, 115, 22, 0.3) 0%, rgba(234, 88, 12, 0.3) 50%, rgba(37, 99, 235, 0.3) 100%); z-index: 1; } .hero .container { position: relative; z-index: 2; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .hero h1 { font-size: 3.5rem; font-weight: bold; margin-bottom: 1.5rem; line-height: 1.2; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); text-align: center; } .hero-subtitle { font-size: 1.3rem; margin-bottom: 2.5rem; opacity: 0.95; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .hero-info { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin: 2.5rem auto; max-width: 900px; } .hero-info-item { background: rgba(255,255,255,0.15); padding: 2rem 1.5rem; border-radius: 20px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); transition: all 0.3s ease; text-align: center; } .hero-info-item:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px) scale(1.02); } .hero-info-item h3 { font-size: 1.1rem; font-weight: bold; color: #fed7aa; margin-bottom: 0.8rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .hero-info-item p { font-size: 1rem; opacity: 0.9; line-height: 1.4; } .hero-cta { margin-top: 2rem; } .hero-button { background: linear-gradient(45deg, #f97316, #ea580c); color: white; padding: 1.2rem 3rem; border-radius: 35px; text-decoration: none; font-weight: bold; font-size: 1.1rem; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(249, 115, 22, 0.3); display: inline-block; } .hero-button:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 15px 40px rgba(249, 115, 22, 0.4); } /* 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; } /* Location Details Section - 1x3 Grid */ .location-details { background: white; } .details-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .detail-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; } .detail-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; } .detail-card:hover::before { transform: translateX(0); } .detail-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); } .detail-card h3 { font-size: 1.4rem; color: #2563eb; margin-bottom: 1.2rem; font-weight: 600; line-height: 1.3; } .detail-card p { color: #6b7280; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .detail-card p a { color: #2563eb; text-decoration: none; font-weight: 500; transition: color 0.3s ease; } .detail-card p a:hover { color: #f97316; } .detail-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; } .detail-link:hover { color: #2563eb; transform: translateX(5px); } /* Services at Location Section - 1x3 Grid */ .location-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; text-align: center; 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: center; } .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; font-size: 1rem; 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); } /* Why Choose Location Section - 1x3 Grid */ .why-choose-location { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); color: white; } .why-choose-location .section-title { color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .why-choose-location .section-subtitle { color: #e0e7ff; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .why-choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; } .why-choose-card { 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 cubic-bezier(0.4, 0, 0.2, 1); min-height: 380px; display: flex; flex-direction: column; justify-content: space-between; } .why-choose-card:hover { background: rgba(255,255,255,0.15); transform: translateY(-10px) scale(1.02); box-shadow: 0 25px 60px rgba(0,0,0,0.2); } .why-choose-card h3 { color: #fed7aa; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 600; line-height: 1.3; } .why-choose-card p { line-height: 1.6; opacity: 0.9; margin-bottom: 1.5rem; flex-grow: 1; font-size: 1rem; } .why-choose-link { color: #fed7aa; text-decoration: none; font-weight: 600; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; } .why-choose-link:hover { color: white; transform: translateX(5px); } /* Directions & Accessibility Section - 1x2 Grid */ .directions-access { background: white; } .directions-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; align-items: start; } .directions-card { background: linear-gradient(145deg, #f8fafc, #e2e8f0); border-radius: 25px; padding: 3rem; border-left: 5px solid #f97316; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 420px; display: flex; flex-direction: column; justify-content: space-between; } .directions-card::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; } .directions-card:hover::before { left: 100%; } .directions-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); border-left-color: #2563eb; } .directions-card h3 { font-size: 1.5rem; font-weight: 600; color: #2563eb; margin-bottom: 1.5rem; line-height: 1.3; } .directions-card p { color: #6b7280; line-height: 1.6; font-size: 1rem; margin-bottom: 1.5rem; flex-grow: 1; } .directions-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; } .directions-link:hover { color: #2563eb; transform: translateX(5px); } /* Contact & Map Section */ .contact-map { background: linear-gradient(135deg, #f97316 0%, #ea580c 50%, #2563eb 100%); color: white; } .contact-map .section-title { color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .contact-map .section-subtitle { color: #fed7aa; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info { background: rgba(255,255,255,0.1); padding: 3rem; border-radius: 25px; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.2); } .contact-info h3 { color: #fed7aa; margin-bottom: 2rem; font-size: 1.5rem; font-weight: 600; } .contact-details { margin-bottom: 2rem; } .contact-item { display: flex; align-items: flex-start; margin-bottom: 1rem; line-height: 1.6; } .contact-item strong { margin-right: 0.5rem; min-width: 80px; } .contact-buttons { display: flex; gap: 1rem; margin-top: 2rem; } .btn-primary, .btn-secondary { flex: 1; padding: 1rem 1.5rem; border-radius: 25px; text-decoration: none; text-align: center; font-weight: 600; transition: all 0.3s ease; } .btn-primary { background: linear-gradient(45deg, #f97316, #ea580c); color: white; box-shadow: 0 10px 30px rgba(249, 115, 22, 0.3); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(249, 115, 22, 0.4); } .btn-secondary { background: transparent; color: white; border: 2px solid white; } .btn-secondary:hover { background: white; color: #2563eb; } .location-map { border-radius: 25px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,0.2); height: 450px; } .location-map iframe { width: 100%; height: 100%; border: none; filter: grayscale(10%) contrast(1.05); } /* 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; } /* Responsive Design */ @media (max-width: 1024px) { .details-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; } .services-grid { grid-template-columns: repeat(2, 1fr); } .why-choose-grid { grid-template-columns: repeat(2, 1fr); } .hero-info { grid-template-columns: repeat(2, 1fr); } .contact-grid { gap: 3rem; } } @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; } .nav-cta:hover { background: #ea580c; } .dropdown { position: relative; } .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 { background-attachment: scroll; height: 100vh; min-height: 100vh; padding: 0; } .hero .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; } .hero h1 { font-size: 2.5rem; } .hero-subtitle { font-size: 1.1rem; } .hero-info { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; max-width: 400px; } .hero-info-item { padding: 1.5rem 1rem; } .details-grid { grid-template-columns: 1fr; gap: 2rem; } .services-grid { grid-template-columns: 1fr; gap: 2rem; } .why-choose-grid { grid-template-columns: 1fr; gap: 2rem; } .directions-grid { grid-template-columns: 1fr; gap: 2rem; } .contact-grid { grid-template-columns: 1fr; gap: 2rem; } .contact-buttons { flex-direction: column; } .section { padding: 60px 0; } .section-title { font-size: 2rem; } } @media (max-width: 480px) { .hero { height: 100vh; min-height: 100vh; padding: 0; } .hero .container { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; } .hero h1 { font-size: 2rem; } .hero-info { grid-template-columns: 1fr; gap: 1.5rem; max-width: 300px; } .hero-info-item { padding: 1.2rem; } .detail-card { padding: 2rem; min-height: 360px; } .service-card { padding: 2rem; min-height: 360px; } .why-choose-card { padding: 2rem; min-height: 360px; } .directions-card { padding: 2rem; min-height: 400px; } .contact-info { padding: 2rem; } .location-map { height: 350px; } .section { padding: 50px 0; } } /* Performance Optimizations */ .nav-logo img { will-change: transform; } .detail-card, .service-card, .why-choose-card, .directions-card { will-change: transform; } /* Accessibility Improvements */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Print Styles */ @media print { .navbar, .footer { display: none; } .hero { background: none; color: black; } .section { padding: 20px 0; } }

Five Star Auto Body Commerce Avenue Longview

Professional auto body and collision repair services at our Commerce Avenue Longview WA location. Conveniently serving Longview, Kelso, Castle Rock, Woodland and surrounding Cowlitz County with expert service.

Commerce Avenue

Longview WA 98632

Convenient Access

Easy I-5 Access

Mon-Fri

7:30 AM - 5:30 PM

Free Estimates

Call Today

Call (360) 353-3018

Commerce Avenue Longview Location Details

Complete information about our Longview auto body repair facility and professional services

Address & Contact Information

Our Commerce Avenue Longview location provides convenient access for residents throughout Cowlitz County. Located on Commerce Avenue in Longview WA 98632, our facility offers professional auto body repair services with easy access from I-5 and local highways for customers throughout the Longview area.

Longview Services →

Operating Hours & Scheduling

Our Commerce Avenue location operates Monday through Friday from 7:30 AM to 5:30 PM, providing convenient scheduling for working professionals and busy families. We accommodate flexible appointment times and welcome walk-ins for estimates during business hours with prompt service.

Schedule Service →

Facility Capabilities & Equipment

Our Longview facility features advanced auto body repair equipment, modern paint booth systems, computerized frame measuring technology, and professional workspace designed for efficient service delivery. We maintain organized, clean facilities with cutting-edge tools for quality workmanship.

Visit Facility →

Auto Body Services at Commerce Avenue

Comprehensive auto body and collision repair services available at our Longview Commerce Avenue location

Auto Body Repair Commerce Avenue

Professional auto body repair services including dent repair, panel replacement, scratch removal, and rust repair. Our certified technicians at the Commerce Avenue location provide quality workmanship for all vehicle makes and models serving Longview and surrounding areas.

Learn More →

Collision Repair Commerce Avenue

Expert collision repair services for accident damage including frame straightening, structural repair, and safety system calibration. Our Longview team specializes in restoring vehicles to pre-accident condition with precision and quality craftsmanship.

Learn More →

Paint & Refinishing Services

Complete paint and refinishing services at our Commerce Avenue location including color matching, paint restoration, and protective coatings. We use state-of-the-art paint booth technology for professional-grade finishes with lasting durability.

Get Quote →

Why Choose Our Commerce Avenue Location

Advantages of choosing our Longview auto body repair facility for your vehicle needs

Strategic Longview Location

Ideally located on Commerce Avenue for easy access from throughout Longview, Kelso, Castle Rock, and surrounding Cowlitz County areas. Our location provides convenient access from I-5, Highway 4, and local roads with minimal travel time for customer convenience and accessibility.

Get Directions →

Advanced Equipment & Technology

Our Commerce Avenue facility features the latest auto body repair technology including computerized paint mixing systems, precision frame measuring equipment, and state-of-the-art paint booth ensuring superior results and efficient service delivery for all repairs.

Tour Facility →

Cowlitz County Community Focus

Our Commerce Avenue team has deep roots in the Longview community with extensive experience serving Cowlitz County residents. We understand local needs, maintain strong community relationships, and provide personalized service tailored to area customers and their vehicles.

Meet Our Team →

Directions & Accessibility Information

Easy access and convenient location features for our Commerce Avenue Longview facility

Driving Directions to Commerce Avenue

Our Commerce Avenue location offers convenient access from I-5, Highway 4, and local roads throughout Cowlitz County. From I-5 North or South, take the Longview/Highway 4 exit and follow signs to Commerce Avenue. From Kelso, Castle Rock, or Woodland, follow Highway 4 west to Commerce Avenue. Clear signage and visible storefront location make our auto body shop easy to find in downtown Longview.

View Map →

Customer Convenience Features

Our Commerce Avenue facility provides customer parking, accessible entrance, and professional waiting area for customer comfort. We offer efficient drop-off and pickup procedures, clean restroom facilities, and comfortable seating area during service appointments. Local transportation options and nearby amenities enhance customer convenience throughout the auto body repair process.

Plan Visit →

Visit Our Commerce Avenue Location

Contact information and location map for our Longview auto body repair facility

Commerce Avenue Contact Information

Address: Commerce Avenue, Longview WA 98632

Phone: (360) 353-3018

Hours: Monday-Friday 7:30 AM - 5:30 PM

Services: Auto body repair, collision repair, dent removal, paint restoration, frame straightening

Serving: Longview, Kelso, Castle Rock, Woodland, Cowlitz County

Email: info@fivestarvancouver.com

Access: Convenient I-5 and Highway 4 access

Call Now Email Us