Commercial Painting Services Longview WA | Bob's Paint Land * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-black: #000000; --primary-white: #ffffff; --primary-red: #dc2626; --dark-red: #b91c1c; --primary-blue: #1d4ed8; --dark-blue: #1e40af; --primary-purple: #7c3aed; /* Paint Card Stand - Calibrated Red to Purple to Blue Transition */ --brand-red: #dc2626; /* Bob's logo red */ --brand-blue: #1d4ed8; /* Bob's logo blue */ /* Calibrated Gradient - Red to Purple to Blue */ --card-red: #dc2626; /* Hero - Pure red */ --card-red-purple1: #e11d48; /* Services - Red closer to purple */ --card-red-purple2: #e879f9; /* Process - Red even closer to purple */ --card-purple: #8b5cf6; /* Legacy - CENTER PURPLE */ --card-purple-blue1: #6366f1; /* Coverage - Blue very close to purple */ --card-purple-blue2: #3b82f6; /* Locations - Closer to blue */ --card-blue1: #2563eb; /* Why Choose - Closer to blue */ --card-blue2: #1d4ed8; /* FAQ - Blue */ --card-blue3: #1e40af; /* Footer - Bob's brand blue */ --dark-gray: #1a1a1a; --medium-gray: #333333; --light-gray: #666666; --border-gray: #e0e0e0; --shadow: rgba(0, 0, 0, 0.1); --accent-gray: #f8f8f8; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--primary-black); background: var(--primary-white); overflow-x: hidden; margin: 0; padding: 0; } /* ===== NAVIGATION SYSTEM ===== */ .navbar { background: var(--primary-white); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s ease; } .navbar.scrolled { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); } .nav-container { display: flex; justify-content: space-between; align-items: center; padding: 1rem 20px; max-width: 1200px; margin: 0 auto; position: relative; } /* Logo */ .nav-logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--primary-black); font-weight: 800; font-size: 1.5rem; z-index: 1002; } .nav-logo img { width: 120px; height: 60px; object-fit: contain; } /* Desktop Navigation */ .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-link { text-decoration: none; color: var(--primary-black); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 0.5rem 0; } .nav-link:hover { color: var(--primary-red); } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--primary-red); transition: width 0.3s ease; } .nav-link:hover::after { width: 100%; } /* Desktop Dropdown */ .nav-dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--primary-white); min-width: 240px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 1rem 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; border: 1px solid var(--border-gray); z-index: 1001; } .nav-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-link { display: block; padding: 0.8rem 1.5rem; color: var(--primary-black); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--accent-gray); color: var(--primary-red); } /* CTA Section */ .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-white); padding: 0.8rem 1.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: none; cursor: pointer; } .nav-phone:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4); } /* Mobile Menu Toggle */ .mobile-menu-toggle { display: none; flex-direction: column; cursor: pointer; padding: 0.5rem; gap: 4px; z-index: 1002; } .hamburger-line { width: 25px; height: 3px; background: var(--primary-black); transition: all 0.3s ease; border-radius: 3px; } .mobile-menu-toggle.active .hamburger-line:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); } .mobile-menu-toggle.active .hamburger-line:nth-child(2) { opacity: 0; } .mobile-menu-toggle.active .hamburger-line:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); } /* Mobile Menu Overlay */ .mobile-menu-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 998; } .mobile-menu-overlay.active { opacity: 1; visibility: visible; } /* Mobile Menu */ .mobile-menu { position: fixed; top: 0; right: -100%; width: 80%; max-width: 400px; height: 100vh; background: var(--primary-white); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 999; overflow-y: auto; padding: 0; } .mobile-menu.active { right: 0; } .mobile-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; border-bottom: 1px solid var(--border-gray); background: var(--primary-white); } .mobile-menu-logo img { height: 40px; width: auto; } .mobile-menu-close { background: none; border: none; font-size: 1.5rem; color: var(--primary-black); cursor: pointer; padding: 0.5rem; transition: all 0.3s ease; } .mobile-menu-close:hover { color: var(--primary-red); } .mobile-menu-items { padding: 1rem 0; } .mobile-menu-item { border-bottom: 1px solid var(--border-gray); } .mobile-menu-item:last-child { border-bottom: none; } .mobile-menu-link { display: block; padding: 1.2rem 0; color: var(--primary-black); text-decoration: none; font-weight: 500; font-size: 1.1rem; transition: all 0.3s ease; } .mobile-menu-link:hover { color: var(--primary-red); } .mobile-dropdown { background: var(--accent-gray); margin-top: 0.5rem; border-radius: 8px; overflow: hidden; } .mobile-dropdown-link { display: block; padding: 0.8rem 1rem; color: var(--medium-gray); text-decoration: none; font-size: 0.95rem; border-bottom: 1px solid var(--border-gray); transition: all 0.3s ease; } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover { color: var(--primary-red); background: var(--primary-white); } .mobile-cta { margin-top: 2rem; text-align: center; } /* Container System */ .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .section { padding: 4rem 0; position: relative; overflow: hidden; } .section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 25% 25%, rgba(0, 0, 0, 0.05) 0%, transparent 40%), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.05) 0%, transparent 40%); z-index: 0; } /* Hero Section - Commercial Red */ .hero { height: 100vh; min-height: 700px; background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); display: flex; align-items: center; position: relative; overflow: hidden; color: var(--primary-white); padding-top: 80px; } .hero-container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; z-index: 1; position: relative; width: 100%; } .hero-content { animation: slideInLeft 1s ease-out; } .hero-badge { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; display: inline-block; margin-bottom: 1rem; animation: pulse 2s infinite; border: 2px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .hero-subtitle { font-size: clamp(1rem, 2vw, 1.25rem); color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; font-weight: 400; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); line-height: 1.6; } .hero-cta { display: flex; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap; } .cta-primary, .cta-secondary { padding: 1rem 2rem; font-size: 1.1rem; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; } .cta-primary { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); border: 2px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(10px); } .cta-primary:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.6); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .cta-secondary { background: transparent; color: var(--primary-white); border: 2px solid rgba(255, 255, 255, 0.4); } .cta-secondary:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.6); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .hero-stats { display: flex; gap: 2rem; margin-top: 2rem; flex-wrap: wrap; } .stat-item { text-align: center; padding: 1rem; background: rgba(255, 255, 255, 0.1); border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); flex: 1; min-width: 120px; } .stat-number { display: block; font-size: 1.8rem; font-weight: 800; color: var(--primary-white); margin-bottom: 0.25rem; } .stat-label { font-size: 0.85rem; color: rgba(255, 255, 255, 0.8); font-weight: 500; } .hero-visual { position: relative; height: 100%; min-height: 400px; } .hero-placeholder { background: rgba(255, 255, 255, 0.1); border: 2px dashed rgba(255, 255, 255, 0.3); border-radius: 20px; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--primary-white); font-size: 1.2rem; font-weight: 600; text-align: center; backdrop-filter: blur(10px); } /* Services Section - Red-Orange */ .services-section { background: linear-gradient(135deg, #ea580c 0%, #dc2626 100%); color: var(--primary-white); position: relative; } .section-header { text-align: center; margin-bottom: 3rem; position: relative; z-index: 2; } .section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .section-subtitle { font-size: clamp(1rem, 2vw, 1.25rem); color: rgba(255, 255, 255, 0.9); max-width: 800px; margin: 0 auto; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); line-height: 1.6; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; position: relative; z-index: 2; } .service-card { background: rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary-white), rgba(255, 255, 255, 0.5)); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); background: rgba(255, 255, 255, 0.15); } .service-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .service-description { color: rgba(255, 255, 255, 0.9); margin-bottom: 1.5rem; line-height: 1.6; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .service-features ul { list-style: none; margin-bottom: 1.5rem; } .service-features li { padding: 0.5rem 0; color: rgba(255, 255, 255, 0.9); position: relative; padding-left: 1.5rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .service-features li::before { content: '✓'; position: absolute; left: 0; color: var(--primary-white); font-weight: 600; } .service-link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary-white); text-decoration: none; font-weight: 600; font-size: 1rem; padding: 0.8rem 0; border-bottom: 2px solid transparent; transition: all 0.3s ease; } .service-link:hover { border-bottom-color: var(--primary-white); } /* Process Section - Orange */ .process-section { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: var(--primary-white); position: relative; } .process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; position: relative; z-index: 2; } .process-card { background: rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .process-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; } .process-title { font-size: 1.4rem; font-weight: 700; color: var(--primary-white); } .process-time { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; } .process-steps { margin-bottom: 1.5rem; } .step { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; } .step-number { background: var(--primary-white); color: var(--primary-red); width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; flex-shrink: 0; } .step-content h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--primary-white); } .step-content p { color: rgba(255, 255, 255, 0.9); font-size: 0.95rem; line-height: 1.5; } .process-requirements h4 { color: var(--primary-white); margin-bottom: 1rem; font-size: 1.1rem; font-weight: 600; } .process-requirements ul { list-style: none; } .process-requirements li { color: rgba(255, 255, 255, 0.9); padding: 0.3rem 0; padding-left: 1.5rem; position: relative; } .process-requirements li::before { content: '•'; position: absolute; left: 0; color: var(--primary-white); font-weight: 600; } /* Why Choose Section - Yellow */ .why-choose-section { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: var(--primary-black); position: relative; } .why-choose-section .section-title, .why-choose-section .section-subtitle { color: var(--primary-black); text-shadow: none; } .why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; position: relative; z-index: 2; } .why-card { background: rgba(255, 255, 255, 0.9); border-radius: 20px; padding: 2rem; text-align: center; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .why-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); background: var(--primary-white); } .why-card h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-black); } .why-card p { color: var(--medium-gray); line-height: 1.6; } /* Coverage Section - Green */ .coverage-section { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: var(--primary-white); position: relative; } .coverage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; position: relative; z-index: 2; } .coverage-content h3 { font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .coverage-content p { color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; line-height: 1.6; margin-bottom: 2rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .coverage-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; } .coverage-item { background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 10px; color: var(--primary-white); font-weight: 500; text-align: center; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .coverage-map { position: relative; height: 400px; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); } .coverage-map iframe { width: 100%; height: 100%; border: none; } /* FAQ Section - Blue-Violet */ .faq-section { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: var(--primary-white); position: relative; } .faq-grid { display: grid; gap: 1.5rem; max-width: 900px; margin: 0 auto; position: relative; z-index: 2; } .faq-item { background: rgba(255, 255, 255, 0.1); border-radius: 15px; overflow: hidden; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .faq-question { width: 100%; background: none; border: none; padding: 1.5rem; text-align: left; cursor: pointer; color: var(--primary-white); font-size: 1.1rem; font-weight: 600; display: flex; justify-content: space-between; align-items: center; transition: all 0.3s ease; } .faq-question:hover { background: rgba(255, 255, 255, 0.05); } .faq-arrow { font-size: 1.5rem; font-weight: 300; color: var(--primary-white); transition: transform 0.3s ease; } .faq-question[aria-expanded="true"] .faq-arrow { transform: rotate(45deg); } .faq-answer { padding: 0 1.5rem; max-height: 0; overflow: hidden; transition: all 0.3s ease; } .faq-answer.active { padding: 0 1.5rem 1.5rem 1.5rem; max-height: 200px; } .faq-answer p { color: rgba(255, 255, 255, 0.9); line-height: 1.6; margin: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } /* CTA Section - Violet/Purple */ .cta-section { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); color: var(--primary-white); text-align: center; position: relative; overflow: hidden; } .cta-content { position: relative; z-index: 2; } .cta-section h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .cta-section p { font-size: 1.2rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } /* Contact Form Section */ .contact-section { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: var(--primary-white); position: relative; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; position: relative; z-index: 2; } .contact-info h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--primary-white); } .contact-info p { color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; line-height: 1.6; } .contact-details { margin-bottom: 2rem; } .contact-details div { margin-bottom: 1rem; padding: 1rem; background: rgba(255, 255, 255, 0.1); border-radius: 10px; backdrop-filter: blur(10px); } .contact-details strong { color: var(--primary-white); } .contact-form { background: rgba(255, 255, 255, 0.1); padding: 2rem; border-radius: 20px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .form-group { margin-bottom: 1.5rem; } .form-label { display: block; color: var(--primary-white); font-weight: 600; margin-bottom: 0.5rem; } .form-input, .form-select, .form-textarea { width: 100%; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 10px; background: rgba(255, 255, 255, 0.1); color: var(--primary-white); font-size: 1rem; backdrop-filter: blur(10px); transition: all 0.3s ease; } .form-input:focus, .form-select:focus, .form-textarea:focus { outline: none; border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.15); } .form-input::placeholder, .form-textarea::placeholder { color: rgba(255, 255, 255, 0.6); } .form-textarea { height: 120px; resize: vertical; } .form-submit { background: linear-gradient(135deg, var(--primary-white) 0%, rgba(255, 255, 255, 0.9) 100%); color: var(--primary-blue); border: none; padding: 1rem 2rem; border-radius: 50px; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; } .form-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3); } /* Footer - Dark Blue */ .footer { background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); color: var(--primary-white); padding: 3rem 0 1rem; position: relative; } .footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 25% 25%, rgba(0, 0, 0, 0.05) 0%, transparent 40%), radial-gradient(circle at 75% 75%, rgba(0, 0, 0, 0.05) 0%, transparent 40%); z-index: 0; } .footer-badge-section { text-align: center; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; z-index: 2; } .footer-ppg-badge { max-width: 200px; height: auto; margin: 0 auto 1rem auto; display: block; transition: transform 0.3s ease; } .footer-ppg-badge:hover { transform: scale(1.05); } .badge-text { color: var(--primary-white); font-size: 1.1rem; font-weight: 600; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); margin: 0; opacity: 0.9; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; position: relative; z-index: 2; } .footer-section h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-white); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .footer-section a { color: var(--primary-white); text-decoration: none; display: block; margin-bottom: 0.5rem; opacity: 0.9; transition: all 0.3s ease; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .footer-section a:hover { opacity: 1; transform: translateX(3px); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .footer-section a[href^="tel:"] { font-weight: 600; color: var(--primary-white); } .footer-section a[href^="mailto:"] { font-weight: 500; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 2rem; text-align: center; color: var(--primary-white); opacity: 0.9; position: relative; z-index: 2; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } /* Animations */ @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.9; } } /* Scroll animations */ .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; } .animate-on-scroll.animate { opacity: 1; transform: translateY(0); } /* Responsive Design */ @media (min-width: 769px) { .mobile-menu-toggle, .mobile-menu-overlay, .mobile-menu { display: none !important; } } @media (max-width: 768px) { .nav-menu { display: none; } .mobile-menu-toggle { display: flex; } .hero-container { grid-template-columns: 1fr; text-align: center; gap: 2rem; } .services-grid, .process-grid { grid-template-columns: 1fr; } .why-grid { grid-template-columns: 1fr; } .coverage-grid, .contact-grid { grid-template-columns: 1fr; gap: 2rem; } .hero-stats { justify-content: center; } .hero-cta { justify-content: center; } .cta-buttons { flex-direction: column; align-items: center; } .cta-primary, .cta-secondary { width: 100%; max-width: 300px; } } @media (max-width: 480px) { .container { padding: 0 1rem; } .section { padding: 3rem 0; } .hero { min-height: 600px; } .service-card, .process-card, .why-card, .contact-form { padding: 1.5rem; } }

PPG & Sherwin Williams Commercial Distributor

Commercial Painting Services Longview WA

Professional commercial and industrial painting contractors serving Longview, Kelso, and all Cowlitz County businesses. Licensed, insured, and specializing in large-scale facility painting with minimal business disruption.

Get Free Commercial Quote View Commercial Services

63+ Years Experience

180+ Mile Service Area

24hr Emergency Service

Commercial Painting Portfolio
Longview Office Buildings & Warehouses

Professional Commercial Painting Longview WA

Complete commercial painting solutions for office buildings, warehouses, manufacturing facilities, and retail spaces throughout Cowlitz County. From surface preparation to final coating, we deliver durable results that protect and enhance your business property.

Office Building Painting Longview

Professional interior and exterior office painting services designed around your business schedule. We coordinate with facility managers to minimize disruption during painting projects.

After-hours and weekend scheduling available
Professional-grade commercial paint systems
Coordinated project management
Furniture protection and workspace preparation

Get Office Painting Quote →

Warehouse & Industrial Painting

Heavy-duty industrial coating solutions for warehouses, manufacturing facilities, and distribution centers in Longview and Kelso areas. Specialized in high-traffic and high-durability applications.

Industrial-grade coating systems
High-traffic floor coating solutions
Safety compliance painting (OSHA standards)
Specialized equipment and lift access

Get Industrial Quote →

Retail & Restaurant Painting

Commercial painting services for retail stores, restaurants, and hospitality businesses throughout Cowlitz County. Fast turnaround times to minimize business downtime.

Rapid project completion scheduling
Customer-safe, low-odor paint systems
Brand color matching and coordination
Detailed preparation and clean finish work

Get Retail Painting Quote →

Commercial Painting Process Longview WA

Our systematic approach to commercial painting projects ensures minimal business disruption, superior results, and on-time completion for facilities throughout Cowlitz County.

Commercial Assessment & Planning

1-2 Days

Facility Inspection

Comprehensive assessment of surfaces, access requirements, and operational constraints.

Project Planning

Detailed scheduling coordination with facility management to minimize business disruption.

Material Specification

Commercial-grade paint selection based on facility type, traffic, and environmental requirements.

What We Need:

Facility access for assessment
Business operation schedule
Special requirements or regulations
Project timeline preferences

Industrial Surface Preparation

2-5 Days

Surface Cleaning & Preparation

Power washing, degreasing, and comprehensive surface preparation for optimal adhesion.

Repair & Patching

Professional repair of damaged surfaces, cracks, and structural issues before painting.

Protection & Masking

Comprehensive protection of equipment, flooring, and work areas during preparation.

Preparation Includes:

Equipment and furniture protection
Safety barriers and signage
Dust containment systems
Compliance with safety regulations

Professional Application

3-10 Days

Primer Application

Commercial-grade primer systems designed for specific surface types and environmental conditions.

Paint System Application

Multiple coat application using professional spray and brush techniques for uniform coverage.

Quality Control & Cleanup

Final inspection, touch-up work, and complete site cleanup with minimal business impact.

Application Features:

Professional spray and brush equipment
Multi-coat systems for durability
Quality control inspections
Complete project cleanup

Why Choose Bob's Paint Land Commercial Painting

Family-owned commercial painting contractors serving Longview businesses since 1962. Our commitment to quality, reliability, and customer service sets us apart from corporate painting companies.

63 Years Commercial Experience

Three generations of commercial painting expertise in Longview and Southwest Washington. We understand local business needs and environmental challenges.

Licensed & Fully Insured

Complete commercial liability insurance and proper licensing for all commercial and industrial painting projects throughout Cowlitz County.

Minimal Business Disruption

Flexible scheduling including evenings and weekends to accommodate your business operations. We work around your schedule, not ours.

PPG & Sherwin Williams Distributor

Direct access to premium commercial paint systems and industrial coatings at distributor pricing. Quality materials for lasting results.

Local Longview Business

Family-owned and operated with deep community ties. We're invested in the success of Longview and Cowlitz County businesses.

Free On-Site Consultation

Complimentary facility assessment and project planning for all commercial painting inquiries. Detailed quotes with no hidden costs.

Commercial Painting Service Area Longview WA

Bob's Paint Land provides comprehensive commercial painting services throughout Cowlitz County and surrounding Southwest Washington communities. Our 180+ mile service area ensures professional commercial painting solutions for businesses across the region.

Longview

Kelso

Castle Rock

Woodland

Kalama

Toutle

Ryderwood

Silver Lake

Schedule Commercial Consultation

Commercial Painting FAQ Longview WA

Common questions about commercial painting services, project timelines, and business requirements in Longview and Cowlitz County.

How do you minimize disruption to our business operations during commercial painting? +

We coordinate closely with facility managers to schedule painting around your business operations. Options include after-hours work, weekend scheduling, and phased project completion. Our team uses dust containment systems and protective barriers to maintain clean work environments during business hours.

What types of commercial facilities do you paint in Longview and Cowlitz County? +

We specialize in office buildings, warehouses, manufacturing facilities, retail stores, restaurants, healthcare facilities, and educational buildings. Our experience includes both interior and exterior commercial painting projects of all sizes throughout the Longview area.

Do you provide free commercial painting estimates in Longview? +

Yes, we provide complimentary on-site consultations and detailed project estimates for all commercial painting inquiries. Our team will assess your facility, discuss project requirements, and provide a comprehensive quote with no hidden costs.

Are you licensed and insured for commercial painting projects? +

Absolutely. Bob's Paint Land is fully licensed and carries comprehensive commercial liability insurance for all painting projects. We meet all Washington state requirements and can provide insurance certificates as needed for your project.

What commercial paint brands and systems do you use? +

As a PPG and Sherwin Williams distributor, we use premium commercial paint systems designed for durability and performance. We select appropriate coatings based on your facility type, environmental conditions, and traffic requirements to ensure long-lasting results.

How long do commercial painting projects typically take? +

Project timelines vary based on facility size, scope of work, and scheduling requirements. Small office projects may take 3-5 days, while large warehouse or industrial facilities can require 2-4 weeks. We provide detailed timelines during the consultation process.

Get Your Commercial Painting Quote Longview WA

Ready to enhance your business facility with professional commercial painting? Contact our team for a free consultation and detailed project estimate.

Bob's Paint Land Longview

Family-owned commercial painting contractors serving Longview and Cowlitz County businesses since 1962. Professional results with personalized service.

Address:
1158 11th Ave, Longview, WA 98632

Phone:
(360) 573-7133

Email:
longview@bobspaintland.com

Hours:
Monday-Friday: 8:00 AM - 5:00 PM
Saturday: 8:00 AM - 4:00 PM
Sunday: Closed

Service Area:
Longview, Kelso, Castle Rock, Woodland, and all Cowlitz County communities

Contact Name *

Business Name *

Phone Number *

Business Email

Facility Type

Project Scope

Project Details

Ready for Professional Commercial Painting in Longview?

Join hundreds of Cowlitz County businesses who trust Bob's Paint Land for professional commercial painting services. Get your free consultation today.

Call (360) 573-7133 Request Quote Online