House Painting Services Longview WA | Interior & Exterior Painters | 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; font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3); } .nav-phone:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4); } /* Mobile Menu Toggle */ .mobile-menu-toggle { display: none; flex-direction: column; justify-content: space-around; width: 24px; height: 20px; background: transparent; border: none; cursor: pointer; padding: 0; margin-left: 1rem; z-index: 1003; position: relative; } .mobile-menu-toggle span { width: 100%; height: 2px; background: var(--primary-black); transition: all 0.3s ease; transform-origin: center; border-radius: 1px; } .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; } .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); } /* Mobile Menu Overlay */ .mobile-menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 998; backdrop-filter: blur(4px); opacity: 0; transition: opacity 0.3s ease; } .mobile-menu-overlay.active { display: block; opacity: 1; } /* Mobile Menu */ .mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; height: 100vh; background: var(--primary-white); z-index: 999; transition: right 0.3s ease; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.2); overflow-y: auto; } .mobile-menu.active { right: 0; } .mobile-menu-header { padding: 2rem 1.5rem 1rem; border-bottom: 1px solid var(--border-gray); } .mobile-logo img { width: 120px; height: 60px; object-fit: contain; } .mobile-nav { padding: 0; } .mobile-nav ul { list-style: none; padding: 0; margin: 0; } .mobile-nav > ul > li { border-bottom: 1px solid var(--border-gray); } .mobile-nav a { display: block; padding: 1rem 1.5rem; color: var(--primary-black); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; } .mobile-nav a:hover { background: var(--accent-gray); color: var(--primary-red); } .mobile-dropdown { position: relative; } .mobile-dropdown-toggle::after { content: '+'; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-size: 1.2rem; transition: transform 0.3s ease; } .mobile-dropdown.active .mobile-dropdown-toggle::after { transform: translateY(-50%) rotate(45deg); } .mobile-dropdown-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background: var(--accent-gray); } .mobile-dropdown.active .mobile-dropdown-content { max-height: 300px; } .mobile-dropdown-content a { padding: 0.8rem 2rem; font-size: 0.9rem; color: var(--medium-gray); border-bottom: none; } .mobile-dropdown-content a:hover { background: rgba(220, 38, 38, 0.1); color: var(--primary-red); } .mobile-cta { padding: 2rem 1.5rem; border-top: 1px solid var(--border-gray); margin-top: auto; } .mobile-phone-btn { background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-white); padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 600; display: block; text-align: center; transition: all 0.3s ease; } .mobile-phone-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(220, 38, 38, 0.3); } /* ===== HERO SECTION ===== */ .hero { height: 100vh; min-height: 600px; 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::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 50%); z-index: 0; } .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(2rem, 5vw, 3.5rem); 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.6); } .cta-secondary:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-3px); } .hero-stats { display: flex; gap: 2rem; margin-top: 2rem; flex-wrap: wrap; } .stat-item { text-align: center; background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); min-width: 120px; } .stat-number { font-size: 1.5rem; font-weight: 800; display: block; color: var(--primary-white); } .stat-label { font-size: 0.8rem; opacity: 0.9; color: var(--primary-white); } .hero-visual { position: relative; height: 400px; animation: slideInRight 1s ease-out; } .hero-placeholder { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); border-radius: 20px; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.8); font-size: 1.2rem; text-align: center; backdrop-filter: blur(10px); border: 2px solid rgba(255, 255, 255, 0.2); } /* ===== SECTION SYSTEM ===== */ .section { padding: 5rem 0; position: relative; transition: all 0.6s ease; } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; position: relative; z-index: 2; } .section-header { text-align: center; margin-bottom: 3rem; } .section-title { font-size: clamp(1.8rem, 4vw, 2.5rem); font-weight: 800; margin-bottom: 1rem; line-height: 1.2; } .section-subtitle { font-size: clamp(1rem, 2vw, 1.2rem); color: var(--medium-gray); max-width: 800px; margin: 0 auto; line-height: 1.6; opacity: 0.9; } /* Section Color System */ .section:nth-of-type(1) { background: linear-gradient(135deg, #e11d48 0%, #dc2626 100%); color: var(--primary-white); } .section:nth-of-type(1) .section-subtitle { color: rgba(255, 255, 255, 0.9); } .section:nth-of-type(2) { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: var(--primary-white); } .section:nth-of-type(2) .section-subtitle { color: rgba(255, 255, 255, 0.9); } .section:nth-of-type(3) { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: var(--primary-black); } .section:nth-of-type(4) { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: var(--primary-white); } .section:nth-of-type(4) .section-subtitle { color: rgba(255, 255, 255, 0.9); } .section:nth-of-type(5) { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); color: var(--primary-white); } .section:nth-of-type(5) .section-subtitle { color: rgba(255, 255, 255, 0.9); } .section:nth-of-type(6) { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); color: var(--primary-white); } .section:nth-of-type(6) .section-subtitle { color: rgba(255, 255, 255, 0.9); } .section:nth-of-type(7) { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); color: var(--primary-white); } .section:nth-of-type(7) .section-subtitle { color: rgba(255, 255, 255, 0.9); } /* ===== GRID SYSTEMS ===== */ .two-col-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-top: 3rem; } .three-col-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .four-col-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 3rem; } /* ===== CARD COMPONENTS ===== */ .service-card { background: rgba(255, 255, 255, 0.1); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 0.15); } .service-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: inherit; } .service-description { color: inherit; opacity: 0.9; margin-bottom: 1.5rem; line-height: 1.6; flex-grow: 1; min-height: 4.8rem; } .service-features ul { list-style: none; padding: 0; margin: 0 0 1.5rem 0; } .service-features li { padding: 0.4rem 0; padding-left: 1.5rem; position: relative; color: inherit; opacity: 0.9; line-height: 1.4; min-height: 1.8rem; } .service-features li::before { content: '✓'; position: absolute; left: 0; color: var(--primary-white); font-weight: bold; } .service-link { color: var(--primary-white); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: auto; transition: all 0.3s ease; } .service-link:hover { transform: translateX(5px); opacity: 0.8; } /* Process Steps */ .process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 3rem; } .process-step { text-align: center; background: rgba(255, 255, 255, 0.1); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .process-step:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.15); } .step-number { width: 60px; height: 60px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 800; margin: 0 auto 1rem auto; color: var(--primary-white); border: 2px solid rgba(255, 255, 255, 0.3); } .step-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-white); } .step-description { color: rgba(255, 255, 255, 0.9); line-height: 1.6; min-height: 4.8rem; } /* Coverage Areas */ .coverage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 3rem; } .coverage-item { background: rgba(255, 255, 255, 0.1); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; text-align: center; } .coverage-item:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.15); } .coverage-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-white); } .coverage-desc { color: rgba(255, 255, 255, 0.9); line-height: 1.6; min-height: 3.2rem; } /* FAQ Section */ .faq-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 3rem; max-width: 800px; margin-left: auto; margin-right: auto; } .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 { padding: 1.5rem 2rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: var(--primary-white); transition: all 0.3s ease; } .faq-question:hover { background: rgba(255, 255, 255, 0.05); } .faq-answer { padding: 0 2rem 1.5rem 2rem; color: rgba(255, 255, 255, 0.9); line-height: 1.6; display: none; } .faq-item.active .faq-answer { display: block; } .faq-toggle { font-size: 1.2rem; transition: transform 0.3s ease; } .faq-item.active .faq-toggle { transform: rotate(45deg); } /* Location Map Section */ .map-section { margin-top: 3rem; } .map-container { background: rgba(255, 255, 255, 0.1); border-radius: 15px; padding: 2rem; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .map-frame { width: 100%; height: 300px; border-radius: 10px; border: none; } .location-details { margin-top: 2rem; text-align: center; } .location-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary-white); } .location-address { color: rgba(255, 255, 255, 0.9); font-size: 1.1rem; margin-bottom: 1rem; line-height: 1.6; } .location-hours { color: rgba(255, 255, 255, 0.8); margin-bottom: 1.5rem; } .location-cta { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; border: 2px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); } .location-cta:hover { transform: translateY(-3px); background: rgba(255, 255, 255, 0.3); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } /* ===== CTA SECTION ===== */ .cta-section { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); color: var(--primary-white); text-align: center; position: relative; overflow: hidden; padding: 5rem 0; } .cta-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.05) 0%, transparent 50%); z-index: 0; } .cta-content { position: relative; z-index: 2; } .cta-title { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1rem; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .cta-subtitle { font-size: clamp(1rem, 2vw, 1.2rem); color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; line-height: 1.6; } .cta-buttons { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; } .cta-btn-white { background: var(--primary-white); color: var(--primary-purple); padding: 1rem 2rem; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); min-height: 56px; } .cta-btn-white:hover { background: var(--primary-white); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .cta-btn-outline { background: transparent; color: var(--primary-white); padding: 1rem 2rem; border: 2px solid rgba(255, 255, 255, 0.8); border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(10px); min-height: 56px; } .cta-btn-outline:hover { background: rgba(255, 255, 255, 0.2); color: var(--primary-white); transform: translateY(-3px); border-color: var(--primary-white); } /* ===== FOOTER ===== */ .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.1) 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; background: var(--primary-white); padding: 1rem; border-radius: 10px; } .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 1px 2px rgba(0, 0, 0, 0.3); } .footer-section a { color: rgba(255, 255, 255, 0.8); text-decoration: none; display: block; margin-bottom: 0.5rem; transition: all 0.3s ease; font-size: 0.95rem; line-height: 1.5; } .footer-section a:hover { color: var(--primary-white); transform: translateX(5px); } .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); position: relative; z-index: 2; } /* ===== ANIMATIONS ===== */ @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; } .animate-on-scroll.animate { opacity: 1; transform: translateY(0); } /* Only hide sections initially if JavaScript is available */ .js-enabled .animate-on-scroll { opacity: 0; transform: translateY(30px); } .js-enabled .animate-on-scroll.animate { opacity: 1; transform: translateY(0); } /* ===== RESPONSIVE DESIGN ===== */ @media (max-width: 768px) { .nav-menu { display: none; } .mobile-menu-toggle { display: flex; } .hero-container { grid-template-columns: 1fr; gap: 2rem; text-align: center; } .hero-visual { height: 300px; order: -1; } .hero-stats { justify-content: center; } .coverage-grid { grid-template-columns: 1fr; } .nav-cta { margin-left: auto; } } @media (max-width: 480px) { .hero-cta { flex-direction: column; align-items: center; } .cta-primary, .cta-secondary { width: 100%; max-width: 300px; } .section { padding: 3rem 0; } .mobile-menu { width: 100%; right: -100%; } }

★★★★★ 4.9 Rating • 63+ Years Serving Cowlitz County

House Painting Services Longview WA

Professional interior and exterior house painting contractor serving Longview, Kelso, Castle Rock, and all Cowlitz County. Premium Sherwin Williams and PPG paints with expert color consultation and free estimates.

Get Free Estimate Call (360) 573-7133

63+ Years Experience

500+ Homes Painted

24hr Quote Response

Professional House Painting
Before/After Gallery Coming Soon

Interior House Painting Longview Washington

Transform your home's interior with professional interior painting services. From single rooms to whole house interior painting, we deliver exceptional results using premium Sherwin Williams and Benjamin Moore paints throughout Cowlitz County.

Whole House Interior Painting

Complete interior house painting services including walls, ceilings, trim, and doors. Professional surface preparation and premium paint application for lasting results in Longview and surrounding areas.

Living room and bedroom painting
Kitchen wall painting services
Bathroom moisture-resistant painting
Hallway and stairwell painting
Ceiling texture and paint application
Trim and baseboard refinishing

Get Interior Painting Quote →

Kitchen Cabinet Painting Longview

Professional kitchen cabinet painting and refinishing services. Transform your kitchen with cabinet painting that costs 70% less than replacement using specialized cabinet paints and techniques.

Cabinet door and drawer painting
Professional spray application
Hardware removal and reinstallation
Custom color matching available
Sherwin Williams ProClassic paint
30-day cure time guarantee

Kitchen Cabinet Quote →

Color Consultation Cowlitz County

Expert interior paint color consultation with our 63 years of experience. Custom color matching and coordination for cohesive interior design throughout your Longview area home.

Professional color consultation
Custom color matching services
Lighting consideration analysis
Room-by-room color coordination
Sherwin Williams and PPG color systems
Free color samples and testing

Color Matching Services →

Exterior House Painting Contractor Longview WA

Protect and beautify your home's exterior with professional exterior painting services. Weather-resistant paints and expert application techniques designed for Southwest Washington's rainy climate conditions in Cowlitz County.

Siding Painting Longview

Complete exterior house painting services including vinyl siding, wood siding, aluminum siding, and fiber cement siding painting using weather-resistant paint systems designed for Pacific Northwest conditions.

Vinyl siding painting and prep
Wood siding restoration and painting
Aluminum siding refinishing
Pressure washing preparation
Multi-coat application systems
15-year exterior paint warranty

Exterior Painting Quote →

Deck Staining Services Longview

Professional deck staining and sealing services to protect your outdoor spaces. Premium stains and sealers for cedar, fir, and pressure-treated lumber common in Southwest Washington construction.

Deck cleaning and preparation
Premium stain application
Waterproof sealing systems
Annual maintenance programs
Cedar and fir lumber expertise
Weather protection guarantees

Deck Staining Quote →

Fence Painting Castle Rock Woodland

Specialized painting services for exterior fences, gates, and detailed trim work. Long-lasting finishes that withstand Southwest Washington weather conditions and enhance your property's curb appeal.

Fence painting and staining
Gate and hardware refinishing
Detailed trim and molding work
Protective coating systems
Custom color matching
Rust prevention and treatment

Fence Painting Quote →

Our House Painting Process Kelso Longview

Professional residential painting contractor process developed over 63 years of serving Southwest Washington homeowners. Quality workmanship and attention to detail on every house painting project.

Free House Painting Estimate

Comprehensive on-site evaluation of your interior and exterior painting needs. Detailed written estimate with timeline, materials, and labor breakdown for your Longview area home.

Color Selection & Planning

Professional color consultation using Sherwin Williams and PPG color systems. Custom color matching and lighting analysis to ensure perfect results in your specific home environment.

Surface Preparation

Thorough surface preparation including cleaning, scraping, sanding, and priming. Proper prep work ensures long-lasting paint adhesion and professional finish quality.

Professional Paint Application

Expert brush, roller, and spray application techniques using premium paints. Multiple coat systems for optimal coverage, durability, and beautiful finish results.

Quality Inspection & Cleanup

Final quality inspection and complete cleanup of your property. Touch-ups, detail work, and thorough cleanup leave your Longview home painting project perfect.

Specialized House Painting Services Cowlitz County

Beyond standard interior and exterior painting, we offer specialized residential painting services for unique projects and challenging surfaces throughout Longview, Kelso, Castle Rock, and Woodland areas.

Popcorn Ceiling Removal & Painting

Safe popcorn ceiling removal and smooth ceiling painting services. Professional techniques for modernizing dated textured ceilings in older Longview area homes.

Safe popcorn texture removal
Smooth ceiling preparation
Professional ceiling painting
Dust containment systems

Garage Floor Painting Longview

Durable garage floor painting and epoxy coating services. Transform your garage with slip-resistant, stain-resistant floor coatings designed for Pacific Northwest conditions.

Concrete floor preparation
Epoxy coating application
Slip-resistant additives
Custom color options

Pressure Washing Prep Services

Professional pressure washing services to prepare exterior surfaces for painting. Remove dirt, mildew, and old paint for optimal paint adhesion on siding, decks, and fences.

Exterior surface cleaning
Mildew and moss removal
Paint prep power washing
Deck and fence cleaning

Trim & Molding Painting

Detailed trim and molding painting services including baseboards, crown molding, window trim, and door frames. Precision brushwork for crisp, clean lines and professional finish.

Baseboard painting services
Crown molding refinishing
Window and door trim painting
Custom color coordination

House Painting Coverage Areas From Longview Store

Professional residential painting contractors serving all Cowlitz County communities from our Longview paint store location. Fast response times and local expertise for all house painting projects.

Longview House Painting

Downtown Longview, Longview Heights, West Longview, Rose Valley neighborhoods. Complete interior and exterior house painting services with local expertise.

Kelso Residential Painting

Kelso, Three Rivers, Catlin neighborhoods. Kitchen cabinet painting, deck staining, and complete home painting services for Kelso area residents.

Castle Rock Painting Services

Castle Rock, Toutle, Silver Lake communities. Exterior house painting, siding painting, and deck restoration services for rural Cowlitz County properties.

Woodland & Kalama Painters

Woodland, Kalama, Ariel, and surrounding areas. Professional house painting contractor services with convenient scheduling from our Longview location.

Why Choose Bob's Paint Land for House Painting Longview

Family-owned residential painting contractor with over six decades of experience serving Southwest Washington. Premium paint products, expert craftsmanship, and exceptional customer service.

Local Longview Painting Expertise

As a family-owned business since 1962, we understand Southwest Washington's unique climate challenges. Our house painting techniques are specifically adapted for the region's rain, humidity, and temperature variations.

63+ years serving Cowlitz County
Local climate expertise
Family-owned and operated
Community reputation and trust
Local supplier relationships

Premium Paint Products & Warranty

Authorized Sherwin Williams and PPG distributor offering premium paint systems with manufacturer warranties. Professional-grade paints and application techniques ensure long-lasting, beautiful results.

Sherwin Williams authorized dealer
PPG premium paint distributor
Manufacturer paint warranties
Professional paint application
Quality workmanship guarantee

House Painting FAQ Longview Washington

Get answers to common questions about residential painting services, pricing, timeline, and paint selection for Longview area homes.

How much does house painting cost in Longview WA? +

House painting costs in Longview typically range from $3-6 per square foot for interior painting and $2.50-5 per square foot for exterior painting. Factors affecting price include surface condition, paint quality, prep work required, and project complexity. We provide detailed written estimates with transparent pricing for all residential painting projects in Cowlitz County.

How long does exterior house painting take in Longview? +

Most exterior house painting projects in Longview take 3-7 days depending on home size and weather conditions. We schedule around Southwest Washington's rainy season and use weather-resistant paints that cure properly in our humid climate. Interior painting typically takes 2-4 days per room.

What paint brands do you use for house painting? +

As authorized dealers, we primarily use Sherwin Williams and PPG premium paint systems for house painting projects. These include Sherwin Williams Duration, ProClassic, and SuperPaint lines, plus PPG Manor Hall and Breakthrough coatings. We select the best paint system for each specific application and local climate conditions.

Do you provide free house painting estimates in Longview? +

Yes, we provide free, detailed written estimates for all house painting projects in Longview, Kelso, Castle Rock, and surrounding Cowlitz County areas. Our estimates include materials, labor, timeline, and warranty information. Most estimates are provided within 24 hours of your request.

Are you licensed and insured for house painting in Washington? +

Yes, Bob's Paint Land is fully licensed and insured for residential painting services in Washington State. We carry liability insurance and workers compensation coverage for all house painting projects. Our licenses and certifications are current and available for review.

What areas around Longview do you serve for house painting? +

We provide house painting services throughout Cowlitz County including Longview, Kelso, Castle Rock, Woodland, Kalama, Toutle, and surrounding rural areas. We also serve parts of Clark County including Woodland and La Center. Service area extends approximately 30 miles from our Longview store location.

Longview Paint Store & House Painting Services

Visit our Longview location for expert paint advice, custom color matching, and professional house painting consultations. Convenient location serving all Cowlitz County communities.

Bob's Paint Land Longview

1158 11th Ave, Longview, WA 98632
Phone: (360) 573-7133
Hours: Open Daily - Closes 5:00 PM

Services: House painting estimates, paint store supplies, custom color matching, spray can services, professional painting consultation

Call For Estimate Store Details

Ready to Transform Your Longview Home?

Get your free house painting estimate today. Professional interior and exterior painting services with 63+ years of experience serving Cowlitz County homeowners.

Get Free Estimate Call (360) 573-7133