Commercial Electrician Vancouver WA | Crown Electric Business Services :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 SYSTEM ===== */ .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; } /* Logo */ .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; } /* Desktop Navigation */ .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 { width: 100%; } /* Desktop Dropdown */ .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); } /* CTA Section */ .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 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(--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.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: block; 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; display: flex; align-items: center; 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 SECTION ===== */ .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; box-sizing: border-box; } .hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%); object-fit: cover; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(128, 0, 32, 0.7) 0%, rgba(102, 0, 24, 0.8) 50%, rgba(128, 0, 32, 0.7) 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); background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%); } .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: 0.8rem; font-weight: 700; } .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); } /* Business Types Section */ .business-types { background: var(--gray-50); } .business-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .business-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; } .business-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; } .business-card:hover::before { transform: scaleX(1); } .business-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .business-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: 1rem; font-weight: 700; } .business-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .business-card p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } /* Location Coverage */ .location-coverage { background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%); color: var(--white); } .location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; margin-top: 3rem; } .location-card { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 2rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-align: center; min-height: 200px; display: flex; flex-direction: column; justify-content: space-between; } .location-card:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--gold); transform: translateY(-5px); } .location-card:nth-child(1) { background: rgba(255, 215, 0, 0.1); border: 2px solid var(--gold); box-shadow: 0 10px 30px rgba(255, 215, 0, 0.2); } .location-card:nth-child(1):hover { background: rgba(255, 215, 0, 0.15); border-color: var(--gold-light); transform: translateY(-8px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 215, 0, 0.3); } .location-card:nth-child(1) .location-icon { background: var(--gold); color: var(--maroon); box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4); } .location-card:nth-child(1) h3 { color: var(--gold-light); font-weight: 700; font-size: 1.2rem; } .location-icon { width: 50px; height: 50px; background: var(--gold); color: var(--maroon); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; font-weight: 700; font-size: 0.7rem; } .location-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--gold); } .location-card p { font-size: 0.9rem; color: var(--gray-300); line-height: 1.4; margin-bottom: 1rem; flex-grow: 1; } .location-link { color: var(--white); text-decoration: none; font-size: 0.85rem; font-weight: 500; transition: color 0.3s ease; } .location-link:hover { color: var(--gold); } /* 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; } /* 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: 300px; } .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: 0.6rem; font-weight: 700; 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; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ===== RESPONSIVE BREAKPOINTS ===== */ @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, .business-grid, .pricing-grid { grid-template-columns: 1fr; } .location-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .section { padding: 60px 0; } } @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-video { display: none; } .hero { 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%), url('https://assets.ycodeapp.com/assets/app118847/Images/main%20exterior-cj6aph7t3n.webp'); background-size: cover; background-position: center; } .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; } .location-grid { grid-template-columns: 1fr; gap: 1rem; } .business-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; } }
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
Your browser does not support the video tag.
⭐ 4.5/5 Google Reviews • Licensed Commercial Electrical Contractor

Commercial Electrician Vancouver WA | Licensed Business Electrical Contractor

Crown Electric is Vancouver WA's most trusted commercial electrician providing professional business electrical services throughout Clark County. We specialize in office electrical installation, warehouse electrical work, retail electrical services, and commercial electrical maintenance with same-day service availability, transparent pricing, and guaranteed code compliance for all commercial electrical projects.

🏢 Office Electrical Installation
🏪 Retail Store Electrical
🏭 Warehouse Electrical
⚡ Commercial Panel Upgrades
Call (360) 896-4122 View Commercial Services →
Crown Electric commercial electrician team Vancouver WA - licensed business electrical contractors specializing in office electrical installation and commercial electrical services
Commercial Electrical Services

Professional Business Electrician Services Vancouver WA

Crown Electric's licensed commercial electrician team provides comprehensive business electrical services throughout Vancouver WA and Clark County. From office electrical installation to warehouse electrical systems, our experienced commercial electrical contractors deliver professional solutions with guaranteed quality, code compliance, and minimal business disruption for commercial properties of all sizes.

OFF

Office Electrical Installation Vancouver WA

Professional office electrical installation services for business facilities throughout Vancouver WA and Clark County. Our licensed commercial electricians design and install comprehensive electrical systems including power distribution, lighting control, data wiring, and security system electrical for modern office environments with minimal disruption to daily operations.

Get Office Electrical Quote →
RET

Retail Store Electrical Services

Complete retail electrical services for stores, shops, and commercial retail facilities in Vancouver WA. Crown Electric provides display lighting installation, checkout electrical systems, security wiring, and point-of-sale electrical infrastructure to create optimal shopping environments while ensuring customer and employee safety throughout Clark County retail locations.

View Retail Electrical Services →
WAR

Warehouse Electrical Installation

Expert warehouse electrical installation for industrial and distribution facilities throughout Clark County. Our commercial electricians design heavy-duty electrical systems including high-voltage equipment connections, industrial lighting, machinery electrical hookups, and comprehensive power distribution for efficient warehouse operations and worker safety.

Get Warehouse Electrical Quote →
LIT

Commercial Lighting Installation

Professional commercial lighting installation services including LED retrofits, parking lot lighting, security lighting, and interior lighting design for Vancouver WA businesses. Our licensed commercial electricians create energy-efficient lighting solutions that enhance productivity, security, and aesthetics while reducing operational costs for commercial properties.

View Lighting Services →
PAN

Commercial Panel Installation

Expert commercial panel installation and electrical service upgrades for businesses throughout Clark County. Crown Electric installs and upgrades commercial electrical panels, circuit breakers, and electrical distribution systems to meet increasing power demands while ensuring safety, reliability, and code compliance for all commercial electrical installations.

Get Panel Installation Quote →
MNT

Commercial Electrical Maintenance

Comprehensive commercial electrical maintenance programs for Vancouver WA businesses including scheduled inspections, preventive maintenance, emergency repairs, and electrical system monitoring. Our licensed commercial electricians help businesses avoid costly downtime through proactive electrical maintenance and rapid response emergency service throughout Clark County.

View Maintenance Services →
Business Types We Serve

Commercial Electrical Contractor for All Business Types Vancouver WA

Crown Electric serves diverse commercial clients throughout Vancouver WA and Clark County. Our experienced commercial electricians understand the unique electrical requirements of different business types, providing specialized electrical solutions tailored to industry needs with comprehensive safety protocols and minimal operational disruption.

REST

Restaurant Electrical Services

Specialized restaurant electrical services including kitchen equipment wiring, exhaust fan electrical, point-of-sale systems, and dining area lighting for Vancouver WA restaurants and food service establishments.

MED

Medical Office Electrical

Professional medical office electrical installation and maintenance for healthcare facilities throughout Clark County, ensuring reliable power for critical medical equipment and patient safety systems.

HOT

Hotel & Hospitality Electrical

Complete hotel electrical contractor services including guest room electrical, lobby lighting, security systems, and commercial kitchen electrical for hospitality businesses in Vancouver WA.

APT

Apartment Building Electrical

Expert apartment building electrician services for multi-unit residential properties including common area electrical, unit electrical upgrades, and building electrical maintenance throughout Clark County.

DEN

Dental Office Electrical

Specialized dental office electrician services including dental equipment electrical, office lighting, sterilization equipment electrical, and patient safety systems for dental practices in Vancouver WA.

LAW

Professional Office Electrical

Complete professional office electrical services for law firms, accounting offices, and professional services businesses throughout Clark County with modern electrical infrastructure and technology integration.

Commercial Service Coverage

Commercial Electrician Serving Vancouver WA & Clark County Businesses

Crown Electric provides comprehensive commercial electrical services throughout Southwest Washington. Our licensed commercial electricians serve business clients with professional electrical installations, maintenance, and emergency repairs across Clark County communities with local expertise and deep understanding of commercial electrical codes.

VAN

Vancouver WA

Primary commercial service area with same-day business electrical appointments for office electrical, retail electrical, and commercial electrical repairs.

Vancouver Commercial Services →
CC

Clark County

Complete commercial electrical services throughout the county including industrial electrical, warehouse electrical work, and commercial electrical maintenance.

Clark County Commercial →
BG

Battle Ground

Business electrical installation and commercial electrical services for Battle Ground WA including office electrical and retail electrical systems.

Battle Ground Commercial →
CAM

Camas

Licensed commercial electrical contractor services including business electrical upgrades and commercial electrical maintenance for Camas WA businesses.

Camas Commercial →
RID

Ridgefield

Professional commercial electrical services and business electrical installations with licensed, insured commercial electricians serving Ridgefield WA.

Ridgefield Commercial →
Commercial Electrical Pricing

Commercial Electrical Installation Cost & Business Electrical Service Pricing

Crown Electric provides transparent, competitive pricing for all commercial electrical services in Vancouver WA and Clark County. Our comprehensive commercial electrical pricing includes labor, materials, permits, and warranty coverage with detailed project estimates and clear timeline expectations for all business electrical installations.

Office Electrical Installation

$2,000 - $5,000
  • Complete office electrical design and installation
  • Power distribution and circuit installation
  • LED lighting system installation
  • Data and communication wiring
  • Security system electrical infrastructure
  • Code compliance and permit coordination
Get Office Electrical Quote →

Retail Store Electrical

$3,000 - $8,000
  • Retail lighting design and installation
  • Display electrical and accent lighting
  • Point-of-sale electrical systems
  • Security and surveillance wiring
  • HVAC electrical connections
  • Complete electrical safety compliance
Get Retail Electrical Quote →

Warehouse Electrical Installation

$5,000 - $15,000
  • Industrial electrical system design
  • Heavy machinery electrical connections
  • High-bay LED lighting installation
  • Motor control and electrical panels
  • Safety and emergency electrical systems
  • Comprehensive electrical maintenance programs
Get Warehouse Electrical Quote →
Commercial Electrical FAQ

Vancouver WA Commercial Electrical Services Questions & Answers

Common questions about commercial electrical services, business electrical installation pricing, timelines, and processes in Vancouver WA and Clark County. Crown Electric's licensed commercial electricians provide detailed answers to help business owners make informed decisions about their commercial electrical projects.

What commercial electrical services do you provide in Vancouver WA?

+

Crown Electric provides comprehensive commercial electrical services in Vancouver WA including office electrical installation, retail store electrical services, warehouse electrical work, commercial lighting installation, electrical panel upgrades, commercial electrical maintenance, and emergency electrical repairs throughout Clark County for businesses of all sizes.

How much does commercial electrical installation cost in Clark County?

+

Commercial electrical installation costs in Clark County vary based on project scope: office electrical work ranges from $2,000-$5,000, retail electrical services $3,000-$8,000, and warehouse electrical installations $5,000-$15,000+. Crown Electric provides detailed estimates for all commercial electrical projects in Vancouver WA with transparent pricing and no hidden fees.

Do you provide same-day commercial electrical service in Vancouver WA?

+

Yes, Crown Electric offers same-day commercial electrical service in Vancouver WA and throughout Clark County for most business electrical repairs and urgent commercial electrical issues. We prioritize business continuity and can typically schedule emergency commercial electrical service within hours to minimize business disruption.

What permits are required for commercial electrical work in Vancouver WA?

+

Commercial electrical permits are required in Vancouver WA for commercial panel installations, new electrical circuits, major electrical renovations, and business electrical service upgrades. Crown Electric handles all commercial electrical permit applications, coordinates inspections with Clark County electrical departments, and ensures complete code compliance for all commercial electrical work.

How long does commercial electrical installation take in Clark County?

+

Commercial electrical installation timelines vary by project scope: office electrical work typically takes 2-5 days, retail electrical installations 3-7 days, and warehouse electrical projects 1-3 weeks depending on complexity. Crown Electric provides detailed project timelines and coordinates work schedules to minimize business disruption throughout Clark County.

Contact Vancouver WA's Premier Commercial Electrician

Ready to schedule professional commercial electrical services in Vancouver WA or Clark County? Contact Crown Electric today for expert office electrical installation, retail electrical services, warehouse electrical work, and commercial electrical maintenance. Our licensed commercial electricians provide transparent pricing, quality workmanship, and guaranteed satisfaction for all business electrical projects.

CALL

Call Commercial Electrician

(360) 896-4122

EMAIL

Email Us

Crownelectric240@yahoo.com

AREA

Commercial Service Area

Vancouver WA & Clark County Businesses

TIME

Business Hours

Monday - Friday: 8:00 AM - 4:00 PM
Emergency commercial service available

ADDR

Office Address

6109 NE 121st Ave Suite 104
Vancouver, WA 98682