Commercial Electrician Vancouver WA | Business Electrical Contractor Clark County :root { --maroon: #800020; --maroon-dark: #660018; --maroon-light: #a0002a; --gold: #FFD700; --gold-dark: #DAA520; --gold-light: #FFF8DC; --white: #FFFFFF; --gray-50: #F9FAFB; --gray-100: #F3F4F6; --gray-200: #E5E7EB; --gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280; --gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937; --gray-900: #111827; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--gray-800); overflow-x: hidden; font-size: 16px; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ===== NAVIGATION ===== */ .navbar { background: var(--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; } .nav-logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--maroon); font-weight: 800; font-size: 1.5rem; z-index: 1002; } .nav-logo img { width: 40px; height: 40px; object-fit: contain; } .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-link { text-decoration: none; color: var(--gray-700); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 0.5rem 0; } .nav-link:hover { color: var(--maroon); } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s ease; } .nav-link:hover::after, .nav-link.active::after { width: 100%; } .nav-link.active { color: var(--maroon); } .nav-dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--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(--gray-200); 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(--gray-700); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--gray-50); color: var(--maroon); } .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--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(128, 0, 32, 0.3); } /* ===== MOBILE NAV ===== */ .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; } .mobile-menu-toggle span { display: block; height: 3px; width: 100%; background: var(--maroon); 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(--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(--maroon) 0%, var(--maroon-light) 100%); color: var(--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(--white); } .mobile-menu-logo img { width: 30px; height: 30px; object-fit: contain; background: var(--white); border-radius: 6px; padding: 3px; } .mobile-menu-close { background: none; border: none; color: var(--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(--gray-100); } .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(--gray-800); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; min-height: 56px; background: var(--white); } .mobile-menu-link:hover, .mobile-menu-link:focus { background: var(--gray-50); color: var(--maroon); padding-left: 2rem; } .mobile-menu-link.active { background: var(--gray-50); color: var(--maroon); font-weight: 600; } .mobile-menu-link.has-dropdown::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; color: var(--gray-500); } .mobile-menu-item.active .mobile-menu-link.has-dropdown::after { transform: rotate(180deg); } .mobile-dropdown { max-height: 0; overflow: hidden; background: var(--gray-50); transition: max-height 0.4s ease; } .mobile-menu-item.active .mobile-dropdown { max-height: 400px; } .mobile-dropdown-link { display: flex; align-items: center; padding: 1rem 2.5rem; color: var(--gray-600); text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.3s ease; border-bottom: 1px solid var(--gray-200); min-height: 48px; background: var(--gray-50); } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover, .mobile-dropdown-link:focus { background: var(--white); color: var(--maroon); padding-left: 3rem; } .mobile-menu-cta { margin: 1.5rem; padding: 1rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--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(128, 0, 32, 0.2); } .mobile-menu-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(128, 0, 32, 0.3); } /* ===== HERO ===== */ .hero { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 50%, var(--maroon) 100%); color: var(--white); min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; padding-top: 80px; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(128, 0, 32, 0.8) 0%, rgba(102, 0, 24, 0.9) 50%, rgba(128, 0, 32, 0.8) 100%); z-index: 1; pointer-events: none; } .hero-content { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 2rem 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; width: 100%; min-height: calc(100vh - 160px); } .hero-text { animation: fadeInUp 1s ease-out; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255, 215, 0, 0.15); border: 1px solid var(--gold); border-radius: 50px; padding: 0.5rem 1.2rem; font-size: 0.85rem; font-weight: 500; margin-bottom: 1.5rem; backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.1rem; font-weight: 400; margin-bottom: 1.5rem; opacity: 0.95; line-height: 1.5; color: var(--gold-light); } .hero-services { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-bottom: 2rem; } .hero-service { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 500; padding: 0.5rem 1rem; background: rgba(255, 255, 255, 0.1); border-radius: 25px; border: 1px solid rgba(255, 215, 0, 0.2); white-space: nowrap; } .hero-cta { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .btn-primary { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); color: var(--maroon); padding: 1.2rem 2.5rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border: none; cursor: pointer; min-height: 56px; } .btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 215, 0, 0.4); } .btn-secondary { background: transparent; color: var(--white); padding: 1.2rem 2.5rem; border: 2px solid var(--white); border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; } .btn-secondary:hover { background: var(--white); color: var(--maroon); transform: translateY(-2px); } .hero-visual { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 450px; } .hero-image-container { position: relative; width: 100%; max-width: 500px; background: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 215, 0, 0.05) 100%); border-radius: 25px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 215, 0, 0.2); backdrop-filter: blur(20px); overflow: hidden; padding: 15px; } .hero-image { width: 100%; height: auto; object-fit: contain; border-radius: 20px; border: 2px solid rgba(255, 215, 0, 0.3); max-height: 400px; min-height: 300px; } /* ===== SECTIONS ===== */ .section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 4rem; } .section-badge { display: inline-block; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); padding: 0.6rem 1.8rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px; } .section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.2; } .section-subtitle { font-size: 1.2rem; color: var(--gray-600); max-width: 800px; margin: 0 auto; line-height: 1.6; } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-top: 3rem; } .service-card { background: var(--white); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); 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; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .service-card:hover::before { transform: scaleX(1); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .service-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--gold); font-size: 1.5rem; } .service-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .service-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .service-link { color: var(--maroon); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; margin-top: auto; } .service-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Authority Section */ .authority { background: var(--gray-50); } .authority-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .authority-card { background: var(--white); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; text-align: center; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; } .authority-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .authority-card:hover::before { transform: scaleX(1); } .authority-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .authority-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; color: var(--gold); font-size: 2rem; } .authority-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .authority-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .authority-link { color: var(--maroon); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; transition: all 0.3s ease; margin-top: auto; } .authority-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* Pricing Section */ .pricing { background: var(--white); } .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .pricing-card { background: var(--gray-50); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; min-height: 400px; display: flex; flex-direction: column; justify-content: space-between; } .pricing-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); background: var(--white); } .pricing-header h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.5rem; } .pricing-range { font-size: 2rem; font-weight: 800; color: var(--maroon); margin-bottom: 1rem; } .pricing-features { list-style: none; margin: 1.5rem 0; flex-grow: 1; } .pricing-features li { padding: 0.5rem 0; color: var(--gray-600); position: relative; padding-left: 1.5rem; } .pricing-features li::before { content: '✓'; position: absolute; left: 0; color: var(--maroon); font-weight: 600; } /* Local Info Section */ .local-info { background: var(--gray-50); } .local-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .local-card { background: var(--white); border-radius: 20px; padding: 2rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); } .local-card h3 { font-size: 1.3rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .local-card p { color: var(--gray-600); line-height: 1.7; font-size: 1rem; } .local-stat { font-size: 2.5rem; font-weight: 800; color: var(--maroon); margin-bottom: 0.5rem; } /* FAQ Section */ .faq { background: var(--gray-50); } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: 15px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.3s ease; } .faq-item:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--gray-200); transition: all 0.3s ease; min-height: 80px; } .faq-question:hover { background: var(--gray-50); } .faq-question h3 { color: var(--gray-900); margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.4; flex-grow: 1; margin-right: 1rem; } .faq-toggle { font-size: 1.5rem; color: var(--maroon); transition: transform 0.3s ease; flex-shrink: 0; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-answer.active { max-height: 400px; } .faq-answer-content { padding: 2rem; color: var(--gray-600); line-height: 1.7; font-size: 1rem; } /* Contact Section */ .contact { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); } .contact-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; } .contact-info h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1.5rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .contact-info p { font-size: 1.1rem; color: var(--gray-300); line-height: 1.7; margin-bottom: 2rem; } .contact-details { display: grid; gap: 1.5rem; } .contact-item { display: flex; align-items: center; gap: 1rem; padding: 1.2rem; background: rgba(255, 255, 255, 0.05); border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; min-height: 80px; } .contact-item:hover { background: rgba(255, 255, 255, 0.08); border-color: var(--gold); } .contact-item-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--maroon); font-size: 1.2rem; flex-shrink: 0; } .contact-item-info h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.3rem; } .contact-item-info p { color: var(--gray-400); margin: 0; font-size: 0.95rem; } .contact-item-info a { color: var(--gold); text-decoration: none; transition: color 0.3s ease; } .contact-item-info a:hover { color: var(--gold-light); } .map-container { position: relative; border-radius: 20px; overflow: hidden; height: 400px; background: var(--gray-700); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .map-container iframe { width: 100%; height: 100%; border: none; } /* Footer */ .footer { background: var(--gray-900); color: var(--gray-400); padding: 3rem 0 2rem; } .footer-content { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 2rem; margin-bottom: 2rem; } .footer-brand { max-width: 300px; } .footer-brand h3 { color: var(--white); font-size: 1.3rem; margin-bottom: 0.5rem; } .footer-brand p { font-size: 0.9rem; line-height: 1.6; } .footer-links h4 { color: var(--white); font-size: 1rem; margin-bottom: 1rem; } .footer-links a { display: block; color: var(--gray-400); text-decoration: none; font-size: 0.9rem; padding: 0.3rem 0; transition: color 0.3s ease; } .footer-links a:hover { color: var(--gold); } .footer-bottom { border-top: 1px solid var(--gray-700); padding-top: 1.5rem; text-align: center; font-size: 0.85rem; } .footer-bottom a { color: var(--gold); text-decoration: none; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ===== RESPONSIVE ===== */ @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; } .nav-phone { font-size: 0.8rem; padding: 0.6rem 1rem; } .hero-content, .contact-content { grid-template-columns: 1fr; gap: 3rem; } .services-grid, .authority-grid, .pricing-grid, .local-grid { grid-template-columns: 1fr; } .section { padding: 60px 0; } .footer-content { flex-direction: column; } } @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .nav-logo { font-size: 1.3rem; } .nav-logo img { width: 35px; height: 35px; } .nav-phone { font-size: 0.75rem; padding: 0.5rem 0.8rem; } .mobile-menu { width: 280px; max-width: 90vw; } .container { padding: 0 15px; } .hero { min-height: 100vh; padding-top: 80px; } .hero-content { grid-template-columns: 1fr; gap: 2rem; text-align: center; padding: 1rem 15px; min-height: calc(100vh - 140px); } .hero-visual { min-height: 300px; order: -1; } .hero-image-container { max-width: 350px; padding: 12px; } .hero-image { max-height: 280px; min-height: 200px; border-radius: 15px; } .hero-services { justify-content: center; gap: 0.5rem; margin-bottom: 1.5rem; } .hero-service { font-size: 0.8rem; padding: 0.4rem 0.8rem; } .hero-cta { flex-direction: column; align-items: stretch; gap: 1rem; } .btn-primary, .btn-secondary { width: 100%; justify-content: center; padding: 1rem 2rem; } .authority-card, .service-card, .pricing-card { padding: 1.5rem; } .map-container { height: 300px; } .section { padding: 50px 0; } .section-header { margin-bottom: 2.5rem; } .section-title { font-size: clamp(1.5rem, 4vw, 2.2rem); } .section-subtitle { font-size: 1rem; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
Crown Electric Logo Crown Electric
  • Home
  • Services
    Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
  • Service Areas
    Vancouver WA Battle Ground Camas Ridgefield
  • About
  • Contact
📞 (360) 896-4122
Crown Electric Logo Crown Electric
Home
Services
Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
Service Areas
Vancouver WA Battle Ground Camas Ridgefield
About
Contact
📞 Call (360) 896-4122
⭐ 4.5/5 Google Reviews · Licensed & Insured · Serving Clark County Since 2014

Commercial Electrician Vancouver WA — Licensed Business Electrical Contractor

Crown Electric is Clark County's trusted commercial electrician serving Vancouver WA businesses with office electrical installation, warehouse wiring, retail electrical services, and commercial lighting. We deliver professional electrical solutions with transparent pricing, minimal disruption, and work backed by our quality guarantee. No income tax in Washington means your project dollars go further.

🏢 Office Electrical
🏭 Warehouse Wiring
🏪 Retail Electrical
💡 Commercial Lighting
🍽️ Restaurant Electrical
📞 Call (360) 896-4122 View Commercial Services →
Crown Electric commercial electrician team in Vancouver WA - licensed business electrical contractors serving Clark County
Commercial Electrical Services

Business Electrical Solutions for Vancouver WA & Clark County

Crown Electric's licensed commercial electricians deliver full-service business electrical solutions across Vancouver WA and Clark County. Whether you need office electrical installation, warehouse wiring, or ongoing commercial electrical maintenance, our experienced team works around your schedule to keep your business running safely and efficiently.

🏢

Office Electrical Installation Vancouver WA

Complete office electrical installation for Vancouver WA businesses. Our licensed commercial electricians design and install modern electrical systems including workstation wiring, conference room setups, server room power, data cabling, and energy-efficient LED lighting. All work meets 2023 NEC standards adopted by Washington State and Clark County building codes. We serve offices of all sizes, from professional suites to multi-floor corporate spaces like those along the growing Vancouver Waterfront and Columbia Tech Center.

Learn About Office Electrical →
🏭

Warehouse Electrical Services Clark County

Full-scope warehouse electrical services for industrial and distribution facilities throughout Clark County. Crown Electric provides high-bay LED lighting installation, heavy machinery electrical connections (208V/480V three-phase), electrical panel upgrades to 400A+ service, dock door wiring, and scheduled electrical maintenance. Clark County's industrial sector spans over 2 million square feet of warehouse space, and we help keep it powered safely and to code.

Learn About Warehouse Electrical →
🏪

Retail Electrical Services Vancouver WA

Retail electrical services for stores, shopping centers, and commercial spaces in Vancouver WA. We install display and accent lighting, point-of-sale electrical systems, security camera wiring, digital signage power, and storefront electrical. Clark County saw over 7,200 new business applications in 2023 alone — and many of those new retail businesses need professional electrical installation from a licensed commercial electrician near you.

Learn About Retail Electrical →
💡

Commercial Lighting Installation

Professional commercial lighting installation and LED retrofit services for Vancouver WA businesses. Crown Electric designs and installs parking lot lighting, security lighting, warehouse high-bay fixtures, office troffer LED panels, decorative storefront lighting, and occupancy-controlled lighting systems that meet Washington State Energy Code requirements. LED upgrades typically reduce lighting energy costs by 40–60% while improving visibility and workplace safety.

Learn About Commercial Lighting →
🔧

Commercial Electrical Maintenance

Scheduled commercial electrical maintenance programs for Vancouver WA businesses. Our preventive maintenance includes electrical inspections, panel servicing, lighting maintenance, thermal imaging scans, and code compliance reviews. Regular maintenance helps prevent costly failures, extends equipment life, and keeps your business in compliance with Washington State electrical safety standards. Plans available for offices, warehouses, retail stores, and multi-tenant buildings.

Learn About Maintenance Plans →
🍽️

Restaurant Electrical Services

Specialized restaurant electrical services for Vancouver WA food service establishments. Crown Electric installs kitchen equipment circuits (commercial ovens, fryers, walk-in coolers), exhaust hood wiring, commercial-grade 200A+ panels, POS system electrical, and dining area lighting designed to meet Clark County Health Department and NEC requirements for commercial kitchens. We serve restaurants, cafes, breweries, and food trucks throughout the area.

Learn About Restaurant Electrical →
Serving Clark County Businesses

Commercial Electrician for Vancouver WA's Growing Business Community

Clark County is one of Washington State's fastest-growing business hubs. Crown Electric is proud to serve the diverse commercial electrical needs of this thriving community — from the Vancouver Waterfront development to warehouse districts along I-5 and I-205.

500,000+

Clark County Population

Clark County is Washington's 5th largest county with a population exceeding 500,000 residents. Vancouver alone is the state's 4th largest city with over 191,000 people, driving steady demand for commercial electrical services across every industry sector.

7,200+

New Business Applications Annually

Clark County saw over 7,200 new business applications in 2023 — a 12.6% increase year-over-year. Key industry clusters include computers and electronics, software, clean tech, metals and machinery manufacturing, and life sciences, all requiring professional commercial electrical work.

0%

Washington State Income Tax

Washington State has no corporate or personal income tax, making Clark County a magnet for businesses relocating from Oregon. Combined with strong infrastructure along I-5 and I-84 corridors and proximity to Portland International Airport, commercial electrical demand continues to grow steadily.

Why Choose Crown Electric

Vancouver WA's Trusted Commercial Electrical Contractor Since 2014

Crown Electric has served Vancouver WA businesses since 2014 with reliable, code-compliant commercial electrical solutions. Our licensed commercial electricians work throughout Clark County with transparent pricing, flexible scheduling, and a focus on keeping your operations running smoothly.

🏆

Licensed & Insured Commercial Electricians

All Crown Electric commercial electricians hold valid Washington State electrical licenses and are trained on the 2023 National Electrical Code (NEC) as adopted by Washington L&I. We carry comprehensive commercial liability insurance and stay current with evolving electrical codes, including new GFCI/AFCI requirements, surge protection mandates, and EV infrastructure standards.

View Our Credentials →
📅

Flexible Business-Hour Scheduling

We understand that electrical work during business hours means lost revenue. Crown Electric offers after-hours and weekend commercial electrical service by appointment throughout Vancouver WA and Clark County. We coordinate with your facility manager to schedule work during off-peak hours, minimizing disruption to your staff and customers.

Schedule Service →
📋

Transparent Pricing & Project Management

Every commercial electrical project starts with a detailed written estimate — no hidden fees, no surprise charges. Crown Electric provides dedicated project management for large-scale installations and multi-phase electrical upgrades, keeping your project on schedule and on budget from first consultation through final inspection and permit sign-off.

Get a Free Estimate →
✅

Quality Workmanship Guarantee

Every commercial electrical installation comes with Crown Electric's workmanship guarantee. We use only commercial-grade materials and equipment, and all electrical work meets or exceeds Washington State commercial electrical codes. Our 4.5/5 Google rating reflects our commitment to doing it right the first time for every Vancouver WA business we serve.

Read Our Reviews →
Commercial Electrical Pricing

Business Electrical Service Costs in Vancouver WA

Transparent, competitive pricing for all commercial electrical services in Vancouver WA. Our estimates include labor, commercial-grade materials, permits, and warranty coverage. Free estimates available for all commercial projects.

Office Electrical Installation

$3,000 – $8,000
  • Complete office electrical design
  • Workstation and cubicle wiring
  • LED lighting systems
  • Data and telecom cabling
  • All permits and inspections
  • Project coordination
Get Office Estimate →

Warehouse Electrical Services

$5,000 – $15,000
  • High-bay LED lighting
  • Heavy machinery connections
  • Panel upgrades (200A–400A+)
  • Three-phase power installation
  • Code compliance and safety
  • Minimal operational disruption
Get Warehouse Estimate →

Commercial Maintenance Plans

$200 – $800/mo
  • Scheduled electrical inspections
  • Preventive maintenance visits
  • Priority scheduling
  • Lighting replacement service
  • Thermal imaging scans
  • Annual safety audit
Get Maintenance Quote →
Commercial Electrical FAQ

Common Questions About Commercial Electrical Services in Vancouver WA

Answers to frequently asked questions about commercial electrical services, pricing, and project timelines in Vancouver WA and Clark County.

What commercial electrical services do you provide in Vancouver WA?

+

Crown Electric provides comprehensive commercial electrical services in Vancouver WA including office electrical installation, warehouse electrical work, retail electrical services, commercial lighting installation, electrical maintenance, and panel upgrades for businesses throughout Clark County. We serve all commercial property types from professional office suites to large industrial warehouses.

Do you offer same-day commercial electrical service in Clark County?

+

Crown Electric offers same-day scheduling for commercial electrical service requests in Vancouver WA and Clark County when our schedule allows. We prioritize minimizing business disruption and work to accommodate urgent electrical needs during our regular business hours (Monday–Friday, 8 AM–4 PM). Contact us to check availability.

What types of businesses do you serve in Vancouver WA?

+

Crown Electric serves all types of businesses in Vancouver WA including offices, retail stores, restaurants, warehouses, medical and dental facilities, law offices, hotels, manufacturing facilities, churches, schools, and apartment complexes throughout Clark County. Our commercial electricians have experience with the unique electrical requirements of each business type.

How much do commercial electrical services cost in Vancouver WA?

+

Commercial electrical service costs in Vancouver WA vary by project scope and complexity. Office electrical installations typically range from $3,000–$8,000, warehouse electrical projects from $5,000–$15,000, and ongoing maintenance plans from $200–$800/month. Crown Electric provides transparent pricing with detailed written estimates. Contact us for a free commercial electrical estimate.

Can you work around our business hours?

+

Yes. Crown Electric offers flexible scheduling for commercial electrical work in Vancouver WA, including after-hours and weekend service by appointment. We coordinate closely with building and facility managers to plan installations and maintenance during non-business hours, minimizing disruption to your daily operations across Clark County.

Are your commercial electricians licensed in Washington State?

+

Yes. All Crown Electric commercial electricians hold valid Washington State electrical licenses issued by the Department of Labor & Industries. We are trained on the 2023 National Electrical Code (NEC) adopted by Washington State, carry full commercial liability insurance, and maintain all required state certifications. We pull all necessary permits for commercial electrical work in Clark County.

Schedule Commercial Electrical Service in Vancouver WA

Ready for professional commercial electrical services? Contact Crown Electric for a free estimate on office electrical installation, warehouse wiring, commercial lighting, or any business electrical project in Vancouver WA and Clark County. Licensed, insured, and committed to quality.

📞

Call Us

(360) 896-4122

✉️

Email

Crownelectric240@yahoo.com

📍

Service Area

Vancouver WA, Battle Ground, Camas, Ridgefield & Clark County

🕐

Business Hours

Monday – Friday: 8:00 AM – 4:00 PM
After-hours by appointment

🏠

Office

6109 NE 121st Ave Suite 104
Vancouver, WA 98682

Crown Electric

Licensed commercial and residential electrician serving Vancouver WA and Clark County since 2014. Professional electrical services with transparent pricing and guaranteed quality work.

Services

Commercial Electrician Residential Electrician Electric Panels EV Charger Installation Rewiring Services New Construction

Service Areas

Vancouver WA Battle Ground WA Camas WA Ridgefield WA Clark County

Contact

(360) 896-4122 Crownelectric240@yahoo.com About Us Contact

© 2025 Crown Electric. All rights reserved. Licensed & Insured Electrical Contractor — Vancouver WA | (360) 896-4122