Paint Equipment & Supplies Vancouver 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; /* Paint Card Colors - Red to Blue Transition */ --paint-card-1: #de3c42; --paint-card-2: #c74550; --paint-card-3: #b04e5e; --paint-card-4: #99576d; --paint-card-5: #82607b; --paint-card-6: #6b6a8a; --paint-card-7: #547398; --paint-card-8: #3d7ca7; --paint-card-9: #2685b5; --paint-card-10: #0f8fc4; --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(--paint-card-1); overflow-x: hidden; margin: 0; padding: 0; } /* Navigation */ .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: 1400px; margin: 0 auto; position: relative; } .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; } .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%; } .nav-dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--primary-white); min-width: 280px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 12px; 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); } .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 ease; display: flex; align-items: center; gap: 0.5rem; white-space: nowrap; } .nav-phone:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(220, 38, 38, 0.3); } /* Mobile Navigation */ .mobile-menu-toggle { display: none; flex-direction: column; justify-content: space-around; width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1002; position: relative; } .mobile-menu-toggle span { display: block; height: 3px; width: 100%; background: var(--primary-black); border-radius: 3px; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transform-origin: center; } .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(20px); } .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); } .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; } .mobile-menu-overlay.active { opacity: 1; visibility: visible; } .mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; max-width: 85vw; height: 100vh; background: var(--primary-white); z-index: 1001; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow-y: auto; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1); } .mobile-menu.active { right: 0; } .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-white); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu-logo { display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; font-weight: 700; color: var(--primary-white); } .mobile-menu-logo img { width: 80px; height: 40px; object-fit: contain; } .mobile-menu-close { background: none; border: none; color: var(--primary-white); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; border-radius: 4px; transition: background 0.3s ease; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .mobile-menu-close:hover { background: rgba(255, 255, 255, 0.1); } .mobile-menu-items { padding: 0; } .mobile-menu-item { border-bottom: 1px solid var(--border-gray); } .mobile-menu-item:last-child { border-bottom: none; } .mobile-menu-link { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.5rem; color: var(--primary-black); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; min-height: 56px; background: var(--primary-white); } .mobile-menu-link:hover, .mobile-menu-link:focus { background: var(--accent-gray); color: var(--primary-red); padding-left: 2rem; } .mobile-menu-link.has-dropdown::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; color: var(--light-gray); } .mobile-menu-item.active .mobile-menu-link.has-dropdown::after { transform: rotate(180deg); } .mobile-dropdown { max-height: 0; overflow: hidden; background: var(--accent-gray); transition: max-height 0.4s ease; } .mobile-menu-item.active .mobile-dropdown { max-height: 400px; } .mobile-dropdown-link { display: block; padding: 1rem 2.5rem; color: var(--medium-gray); text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.3s ease; border-bottom: 1px solid var(--border-gray); min-height: 48px; display: flex; align-items: center; background: var(--accent-gray); } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover, .mobile-dropdown-link:focus { background: var(--primary-white); color: var(--primary-red); padding-left: 3rem; } .mobile-menu-cta { margin: 1.5rem; padding: 1rem; background: linear-gradient(135deg, var(--primary-red) 0%, var(--dark-red) 100%); color: var(--primary-white); text-decoration: none; border-radius: 12px; text-align: center; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; box-shadow: 0 4px 15px rgba(220, 38, 38, 0.2); } .mobile-menu-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3); } /* Hero Section */ .hero { height: 100vh; min-height: 700px; background: var(--paint-card-1); display: flex; align-items: center; position: relative; overflow: hidden; color: var(--primary-white); padding-top: 80px; } .hero-video-desktop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; } .hero-video-mobile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; display: none; min-width: 100%; min-height: 100%; } .hero-container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 2; position: relative; width: 100%; min-height: 80vh; } .hero-content { animation: fadeInUp 1s ease-out; max-width: 900px; width: 100%; } /* Section Base Styling */ .section { padding: 6rem 0; position: relative; color: var(--primary-white); } .section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%); z-index: 0; } .section > .container { position: relative; z-index: 1; } .container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; } .section-header { text-align: center; margin-bottom: 4rem; position: relative; z-index: 1; } .section-title { font-size: clamp(2.2rem, 4.5vw, 3rem); font-weight: 900; margin-bottom: 1.5rem; color: inherit; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); line-height: 1.2; letter-spacing: -0.01em; } .section-subtitle { font-size: clamp(1.1rem, 2.2vw, 1.3rem); color: inherit; opacity: 0.9; max-width: 700px; margin: 0 auto; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); line-height: 1.7; } /* Paint Card Color Sections */ .section:nth-of-type(1) { background: var(--paint-card-1); } .section:nth-of-type(2) { background: var(--paint-card-2); } .section:nth-of-type(3) { background: var(--paint-card-3); } .section:nth-of-type(4) { background: var(--paint-card-4); } /* Card Styling */ .service-card, .location-card, .feature-card, .coverage-item { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.2); color: var(--primary-black); position: relative; z-index: 1; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 2rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; display: flex; flex-direction: column; } .service-card:hover, .location-card:hover, .feature-card:hover, .coverage-item:hover { transform: translateY(-8px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } /* Grid Systems */ .services-grid, .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; } .coverage-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } .locations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 3rem; } /* Service Cards */ .service-title { font-size: clamp(1.3rem, 2.2vw, 1.6rem); font-weight: 800; margin-bottom: 1rem; color: var(--primary-black); line-height: 1.3; } .service-description { color: var(--medium-gray); margin-bottom: 1.5rem; line-height: 1.7; flex-grow: 1; } .service-link { color: var(--primary-red); font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; transition: gap 0.3s ease; margin-top: auto; } .service-link:hover { gap: 1rem; } /* Location Cards */ .location-card { border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); padding: 0; } .location-map { width: 100%; height: 280px; background: var(--accent-gray); } .location-map iframe { width: 100%; height: 100%; border: none; } .location-info { padding: 2rem; } .location-title { font-size: clamp(1.4rem, 2.2vw, 1.7rem); font-weight: 800; margin-bottom: 0.8rem; color: var(--primary-black); } .location-rating { color: var(--primary-red); margin-bottom: 1.5rem; font-weight: 600; } .location-details { margin-bottom: 2rem; } .location-details p { margin-bottom: 0.7rem; color: var(--medium-gray); line-height: 1.6; } .location-cta { background: var(--primary-red); color: var(--primary-white); padding: 1rem 2rem; border: none; border-radius: 50px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; } .location-cta:hover { background: var(--dark-red); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(220, 38, 38, 0.3); } /* CTA Section */ .cta-section { background: var(--paint-card-10); color: var(--primary-white); text-align: center; position: relative; overflow: hidden; padding: 8rem 0; } .cta-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%); z-index: 0; } .cta-content { position: relative; z-index: 1; } .cta-title { font-size: clamp(2.5rem, 5.5vw, 3.5rem); font-weight: 900; margin-bottom: 1.5rem; line-height: 1.2; letter-spacing: -0.02em; } .cta-subtitle { font-size: clamp(1.2rem, 2.5vw, 1.5rem); margin-bottom: 3rem; opacity: 0.95; line-height: 1.6; max-width: 700px; margin-left: auto; margin-right: auto; } .cta-buttons { display: flex; gap: 1.5rem; justify-content: center; flex-wrap: wrap; } .cta-btn-white, .cta-btn-outline { padding: 1.3rem 2.8rem; border-radius: 50px; font-size: 1.2rem; font-weight: 700; cursor: pointer; transition: all 0.4s ease; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(15px); min-height: 60px; min-width: 220px; } .cta-btn-white { background: rgba(255, 255, 255, 0.95); color: var(--primary-black); border: none; } .cta-btn-white:hover { background: var(--primary-white); transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); } .cta-btn-outline { background: transparent; color: var(--primary-white); border: 2px solid rgba(255, 255, 255, 0.8); } .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, var(--dark-blue) 0%, #1e3a8a 100%); color: var(--primary-white); padding: 4rem 0 2rem; 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: 220px; 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.2rem; font-weight: 700; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); margin: 0; opacity: 0.95; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2.5rem; margin-bottom: 2rem; position: relative; z-index: 2; } .footer-section h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 1.2rem; 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.6rem; opacity: 0.9; transition: all 0.3s ease; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); line-height: 1.5; } .footer-section a:hover { opacity: 1; transform: translateX(3px); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .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); line-height: 1.6; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } .animate-on-scroll { opacity: 1; transform: translateY(0); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .js-enabled .animate-on-scroll { opacity: 0; transform: translateY(30px); } .js-enabled .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 { min-height: 85vh; padding-top: 100px; } .hero-container { padding: 2rem 1rem; } .services-grid, .features-grid { grid-template-columns: 1fr; gap: 1.5rem; } .coverage-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .locations-grid { grid-template-columns: 1fr; gap: 2rem; } .section { padding: 4rem 0; } .section-header { margin-bottom: 3rem; } .hero-video-desktop { display: none; } .hero-video-mobile { display: block; object-position: center center; } } @media (max-width: 480px) { .container { padding: 0 1rem; } .hero { min-height: 100vh; } .coverage-grid { grid-template-columns: 1fr; } .section { padding: 3rem 0; } .cta-buttons { flex-direction: column; align-items: center; } .cta-btn-white, .cta-btn-outline { width: 100%; max-width: 300px; } } /* Reduce motion for users who prefer it */ @media (prefers-reduced-motion: reduce) { .hero-video-desktop, .hero-video-mobile { animation-play-state: paused; } .animate-on-scroll { animation: none; transition: none; } }

Paint Equipment & Supplies Available in Vancouver

Our Vancouver location at 1501 NE 99th St provides paint equipment and supplies throughout Clark County. Professional consultation and same-day availability on most equipment and tools for Southwest Washington projects.

Vancouver Store Equipment Selection

Professional paint brushes, roller systems, spray equipment, and painting accessories for sale at our Vancouver store. PPG-compatible tools for contractors and DIY customers throughout Clark County.

Paint Equipment & Supplies →

Professional Equipment Consultation

Expert equipment recommendations for your specific Vancouver project and PPG paint products. 63+ years of paint industry knowledge helping Clark County customers select optimal tools for their painting projects.

Visit Vancouver Store →

Custom Spray Can Services

Exclusive service putting any PPG color matched into spray cans at our Vancouver store. Perfect for touch-ups, small projects, and hard-to-reach areas throughout Clark County using PPG formulations.

Custom Paint Matching →

Serving Clark County from Our Vancouver Location

Serving Clark County (Vancouver, Battle Ground, Camas, Washougal) and surrounding Southwest Washington communities with professional paint equipment sales and expert consultation from our Vancouver PPG store.

Vancouver Metro Area

Our Vancouver store serves Vancouver, Hazel Dell, and surrounding metro area communities with comprehensive paint equipment selection and professional consultation for residential and commercial projects.

Battle Ground & La Center

Paint equipment sales and PPG products for Battle Ground, La Center, and northern Clark County communities. Local expertise for Pacific Northwest painting conditions and requirements.

Camas & Washougal

Professional paint equipment and supplies for Camas, Washougal, and eastern Clark County areas. Same-day availability on most equipment with expert PPG product integration advice.

Clark County Wide

Comprehensive coverage throughout Clark County with paint equipment sales, professional consultation, and PPG paint products from our conveniently located Vancouver store.

Why Choose Bob's Paint Land Vancouver for Paint Equipment

Three generations of paint industry expertise serving Clark County. Our Vancouver location combines professional equipment knowledge with personalized service and PPG paint product integration for optimal project results.

Local Vancouver Service

Personalized service and ongoing support for all equipment purchases at our Vancouver location. We know Clark County project requirements and Pacific Northwest weather conditions that affect paint performance.

PPG Product Integration

Equipment specifically selected for optimal performance with PPG paint formulations. Complete painting solutions from our PPG-exclusive Vancouver store with professional consultation and product coordination.

63+ Years of Equipment Expertise

Three generations of paint industry knowledge helping Vancouver customers select optimal equipment for their projects. Family-owned expertise since 1962 serving Southwest Washington painting professionals.

Vancouver Store Information & Equipment Availability

Visit our Vancouver PPG store for professional equipment consultation and comprehensive paint solutions. Call ahead for specific equipment availability and expert recommendations for your Clark County project.

Vancouver Paint Equipment Store

★★★★★ 4.8/5 (249 reviews)

Address: 1501 NE 99th St #9015, Vancouver, WA 98665

Phone: (360) 573-7133

Hours: Monday-Friday 8:00 AM - 5:30 PM

Services: Paint equipment sales, professional consultation, PPG paint products

Coverage: Vancouver, Hazel Dell, Battle Ground, Camas, Washougal, and all Clark County

Visit Vancouver Store

Ready to Get Professional Paint Equipment & Supplies in Vancouver?

Visit our Vancouver PPG paint store for expert equipment consultation and complete painting solutions. Professional tools, premium PPG paint products, and personalized service for optimal Clark County project results.

Get Equipment Consultation Call (360) 573-7133