Electric Panel Installation Vancouver WA | Panel Upgrade & Replacement | Crown Electric /* ===== CSS VARIABLES ===== */ :root { --maroon: #800020; --maroon-light: #9a0024; --maroon-dark: #660019; --gold: #FFD700; --gold-light: #FFED4A; --gold-dark: #B8860B; --white: #FFFFFF; --gray-50: #F8FAFC; --gray-100: #F1F5F9; --gray-200: #E2E8F0; --gray-300: #CBD5E1; --gray-400: #94A3B8; --gray-500: #64748B; --gray-600: #475569; --gray-700: #334155; --gray-800: #1E293B; --gray-900: #0F172A; } /* ===== GLOBAL STYLES ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; line-height: 1.6; color: var(--gray-800); background-color: var(--white); } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } /* ===== NAVIGATION ===== */ .navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid var(--gray-200); z-index: 1000; transition: all 0.3s ease; } .nav-container { max-width: 1200px; margin: 0 auto; padding: 1.2rem 2rem; display: flex; align-items: center; justify-content: space-between; } .nav-logo { display: flex; align-items: center; gap: 0.8rem; text-decoration: none; color: var(--gray-900); font-weight: 700; font-size: 1.4rem; } .nav-logo img { width: 40px; height: 40px; border-radius: 8px; } .nav-menu { display: flex; list-style: none; align-items: center; gap: 2rem; } .nav-dropdown { position: relative; } .nav-link { text-decoration: none; color: var(--gray-700); font-weight: 500; font-size: 1rem; transition: color 0.3s ease; position: relative; } .nav-link:hover, .nav-link.active { color: var(--maroon); } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 220px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-radius: 12px; border: 1px solid var(--gray-200); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; padding: 0.5rem 0; 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.95rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--gray-50); color: var(--maroon); padding-left: 2rem; } .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--white); background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); padding: 0.8rem 1.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1rem; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(128, 0, 32, 0.2); } .nav-phone:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(128, 0, 32, 0.3); } /* Mobile Menu */ .mobile-menu-toggle { display: none; flex-direction: column; gap: 3px; background: none; border: none; cursor: pointer; padding: 0.5rem; } .mobile-menu-toggle span { width: 25px; height: 3px; background: var(--gray-700); border-radius: 2px; transition: all 0.3s ease; } .mobile-menu-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .mobile-menu-overlay.active { opacity: 1; visibility: visible; } .mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; height: 100vh; background: var(--white); z-index: 1999; transition: right 0.3s ease; 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; border-bottom: 1px solid var(--gray-200); } .mobile-menu-logo { display: flex; align-items: center; gap: 0.8rem; color: var(--gray-900); font-weight: 700; font-size: 1.2rem; } .mobile-menu-logo img { width: 32px; height: 32px; border-radius: 6px; } .mobile-menu-close { background: none; border: none; font-size: 1.5rem; color: var(--gray-600); cursor: pointer; padding: 0.5rem; } .mobile-menu-nav { padding: 1rem 0; } .mobile-nav-link { display: block; padding: 1rem 1.5rem; color: var(--gray-700); text-decoration: none; font-weight: 500; transition: all 0.3s ease; border-bottom: 1px solid var(--gray-100); } .mobile-nav-link:hover { background: var(--gray-50); color: var(--maroon); padding-left: 2rem; } .mobile-nav-dropdown { background: var(--gray-50); } .mobile-dropdown-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem; background: none; border: none; color: var(--gray-700); font-weight: 500; text-align: left; cursor: pointer; transition: all 0.3s ease; border-bottom: 1px solid var(--gray-200); } .mobile-dropdown-toggle:hover { background: var(--white); color: var(--maroon); } .mobile-dropdown-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .mobile-dropdown-content.active { max-height: 300px; } .mobile-dropdown-link { display: block; padding: 0.8rem 2rem; 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::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); z-index: 1; opacity: 0.3; } .hero-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; width: 100%; } .hero-text h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; margin-bottom: 1.5rem; color: var(--white); } .hero-text .highlight { color: var(--gold); position: relative; } .hero-text p { font-size: 1.3rem; line-height: 1.6; margin-bottom: 2rem; color: rgba(255, 255, 255, 0.9); max-width: 500px; } .hero-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 2.5rem; } .hero-feature { display: flex; align-items: center; gap: 0.8rem; background: rgba(255, 255, 255, 0.1); padding: 1rem; border-radius: 12px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } .feature-icon { width: 20px; height: 20px; background: var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--maroon); font-size: 0.8rem; flex-shrink: 0; } .feature-text { font-size: 0.95rem; font-weight: 500; } .hero-cta { display: flex; gap: 1rem; align-items: center; } .btn-primary { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color: var(--maroon); padding: 1rem 2rem; border: none; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 215, 0, 0.4); } .btn-secondary { background: transparent; color: var(--white); padding: 1rem 2rem; border: 2px solid var(--white); border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-secondary:hover { background: var(--white); color: var(--maroon); } .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-placeholder { width: 100%; height: 400px; background: linear-gradient(135deg, var(--gray-200) 0%, var(--gray-300) 100%); border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--gray-600); font-size: 1.1rem; font-weight: 600; text-align: center; padding: 2rem; border: 2px solid rgba(255, 215, 0, 0.3); } /* ===== SECTION STYLES ===== */ .section { padding: 100px 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; } /* ===== PANEL TYPES SECTION ===== */ .panel-types { background: var(--gray-50); } .types-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .panel-type { 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 ease; position: relative; overflow: hidden; min-height: 420px; display: flex; flex-direction: column; } .panel-type::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; } .panel-type:hover::before { transform: scaleX(1); } .panel-type:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); } .panel-type h3 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.3; } .panel-type p { color: var(--gray-600); line-height: 1.7; margin-bottom: 1.5rem; font-size: 1rem; flex-grow: 1; } .panel-specs { background: var(--gray-50); padding: 1.2rem; border-radius: 10px; margin-bottom: 1.5rem; font-size: 0.9rem; line-height: 1.5; color: var(--gray-700); border: 1px solid var(--gray-200); } .panel-specs strong { color: var(--maroon); } .panel-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; } .panel-link:hover { color: var(--maroon-light); transform: translateX(5px); } /* ===== INSTALLATION PROCESS ===== */ .installation-process { background: var(--white); } .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; } .process-step { text-align: center; background: var(--gray-50); padding: 2rem; border-radius: 20px; position: relative; transition: all 0.3s ease; min-height: 280px; display: flex; flex-direction: column; justify-content: center; } .process-step:hover { background: var(--white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateY(-5px); } .step-number { width: 60px; height: 60px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin: 0 auto 1.5rem; position: relative; } .process-step:not(:last-child) .step-number::after { content: ''; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); width: 50px; height: 2px; background: var(--gray-300); z-index: -1; } .process-step h3 { font-size: 1.3rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; } .process-step p { color: var(--gray-600); line-height: 1.6; font-size: 0.95rem; } /* ===== BENEFITS SECTION ===== */ .benefits { background: var(--gray-50); } .benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 3rem; } .benefit-card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.3s ease; min-height: 250px; display: flex; flex-direction: column; } .benefit-card:hover { transform: translateY(-5px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12); } .benefit-icon { width: 60px; height: 60px; background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%); color: var(--maroon); border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 1.5rem; } .benefit-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; } .benefit-card p { color: var(--gray-600); line-height: 1.7; flex-grow: 1; } /* ===== COST FACTORS ===== */ .cost-factors { background: var(--white); } .cost-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; margin-top: 3rem; } .cost-factors-list { display: flex; flex-direction: column; gap: 1.5rem; } .cost-factor { background: var(--gray-50); padding: 1.8rem; border-radius: 15px; border-left: 4px solid var(--maroon); transition: all 0.3s ease; } .cost-factor:hover { background: var(--white); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateX(5px); } .cost-factor h4 { font-size: 1.2rem; font-weight: 600; color: var(--gray-900); margin-bottom: 0.8rem; } .cost-factor p { color: var(--gray-600); line-height: 1.6; font-size: 0.95rem; } .cost-summary { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); padding: 3rem; border-radius: 25px; text-align: center; position: relative; overflow: hidden; } .cost-summary::before { content: ''; position: absolute; top: -50%; right: -50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 50%); z-index: 1; } .cost-summary-content { position: relative; z-index: 2; } .cost-range { font-size: 3rem; font-weight: 800; color: var(--gold); margin-bottom: 1rem; line-height: 1; } .cost-summary h3 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; } .cost-summary p { opacity: 0.9; line-height: 1.6; margin-bottom: 2rem; } .cost-cta { background: var(--gold); color: var(--maroon); padding: 1rem 2rem; border: none; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .cost-cta:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3); } /* ===== SERVICE AREAS ===== */ .service-areas { background: var(--gray-50); } .areas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .area-card { background: var(--white); padding: 2rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; border: 1px solid var(--gray-200); min-height: 180px; display: flex; flex-direction: column; } .area-card:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border-color: var(--maroon); } .area-card h3 { font-size: 1.3rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; } .area-card p { color: var(--gray-600); line-height: 1.6; margin-bottom: 1.5rem; flex-grow: 1; font-size: 0.95rem; } .area-link { color: var(--maroon); text-decoration: none; font-weight: 600; transition: all 0.3s ease; margin-top: auto; } .area-link:hover { color: var(--maroon-light); } /* ===== WHY CHOOSE ===== */ .why-choose { background: var(--white); } .choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .choose-card { text-align: center; padding: 2.5rem; background: var(--gray-50); border-radius: 20px; transition: all 0.3s ease; min-height: 300px; display: flex; flex-direction: column; } .choose-card:hover { background: var(--white); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); transform: translateY(-5px); } .choose-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 700; margin: 0 auto 1.5rem; } .choose-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; } .choose-card p { color: var(--gray-600); line-height: 1.7; flex-grow: 1; } /* ===== FAQ SECTION ===== */ .faq-section { background: var(--gray-50); } .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { background: var(--white); border-radius: 15px; margin-bottom: 1.5rem; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); overflow: hidden; transition: all 0.3s ease; } .faq-item:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12); } .faq-question { padding: 2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: var(--white); transition: all 0.3s ease; } .faq-question:hover { background: var(--gray-50); } .faq-question h3 { font-size: 1.2rem; font-weight: 600; color: var(--gray-900); margin: 0; line-height: 1.4; } .faq-toggle { font-size: 1.5rem; font-weight: 600; color: var(--maroon); transition: transform 0.3s ease; flex-shrink: 0; margin-left: 1rem; } .faq-item.active .faq-toggle { transform: rotate(45deg); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .faq-item.active .faq-answer { max-height: 200px; } .faq-answer-content { padding: 0 2rem 2rem; color: var(--gray-600); line-height: 1.7; } /* ===== CONTACT SECTION ===== */ .contact-section { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); position: relative; overflow: hidden; } .contact-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); z-index: 1; } .contact-content { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; } .contact-info h2 { font-size: 2.5rem; font-weight: 800; margin-bottom: 1.5rem; color: var(--white); } .contact-info p { font-size: 1.2rem; opacity: 0.9; line-height: 1.6; margin-bottom: 2rem; } .contact-details { display: flex; flex-direction: column; gap: 1.5rem; } .contact-item { display: flex; align-items: center; gap: 1rem; background: rgba(255, 255, 255, 0.1); padding: 1.5rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .contact-item:hover { background: rgba(255, 255, 255, 0.15); transform: translateX(5px); } .contact-icon { width: 50px; height: 50px; background: var(--gold); color: var(--maroon); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 700; flex-shrink: 0; } .contact-info-text h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; } .contact-info-text p { margin: 0; opacity: 0.9; font-size: 1rem; } .contact-item a { color: var(--white); text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .contact-item a:hover { color: var(--gold-light); } .map-container { position: relative; border-radius: 20px; overflow: hidden; height: 500px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); border: 2px solid rgba(255, 215, 0, 0.2); } .map-container iframe { width: 100%; height: 100%; border: none; filter: grayscale(20%) contrast(1.1); } /* ===== ANIMATIONS ===== */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* ===== RESPONSIVE DESIGN ===== */ /* Hide mobile elements on desktop */ @media (min-width: 769px) { .mobile-menu-toggle, .mobile-menu-overlay, .mobile-menu { display: none !important; } } /* Tablet and Mobile Responsive */ @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, .cost-content, .contact-content { grid-template-columns: 1fr; gap: 3rem; } .types-grid, .benefits-grid, .choose-grid { grid-template-columns: 1fr; } .process-grid { grid-template-columns: repeat(2, 1fr); } .areas-grid { grid-template-columns: repeat(2, 1fr); } .hero { min-height: auto; padding: 120px 0 80px; } .hero-content { text-align: center; } .hero-cta { flex-direction: column; align-items: stretch; } .btn-primary, .btn-secondary { justify-content: center; width: 100%; } .section { padding: 60px 0; } .panel-type, .benefit-card, .choose-card { padding: 1.5rem; min-height: auto; } .process-step { min-height: auto; padding: 1.5rem; } } /* Small mobile */ @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .container { padding: 0 15px; } .process-grid, .areas-grid { grid-template-columns: 1fr; } .hero-feature { padding: 0.8rem; } .feature-text { font-size: 0.85rem; } .cost-factor, .contact-item { padding: 1rem; } .map-container { height: 300px; } .section { padding: 50px 0; } .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; } .faq-answer-content { padding: 0 1.5rem 1.5rem; } } /* Utility Classes */ .text-center { text-align: center; } .hidden { display: none; } .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; }

Electric Panel Installation Vancouver WA

Professional electric panel installation and upgrades in Vancouver WA. Our licensed electricians handle main panel replacement, circuit breaker upgrades, and electrical service increases throughout Clark County.

✓

Licensed & Insured

⚡

Same-Day Service

Transparent Pricing

★

Code Compliant

Call (360) 896-4122 Free Estimate

⚡

Electric Panel Installation

Professional installation & upgrades

Electric Panel Solutions

Electric Panel Types & Upgrades Vancouver WA

From basic 100-amp service panels to high-capacity 400-amp installations, our licensed electricians provide expert guidance on electric panel replacement, circuit breaker upgrades, and electrical service increases throughout Clark County.

200 Amp Electric Panel Vancouver WA

200-amp electric panels provide sufficient electrical capacity for most modern homes in Vancouver WA. Perfect for households with standard electrical demands including central air conditioning, electric appliances, and moderate electric vehicle charging needs throughout Clark County.

Panel Capacity: 200 amperes service
Electrical Load: Standard residential capacity
Installation Cost: $2,000 - $2,800
Best For: Most single-family homes, moderate electrical usage

Learn More About 200 Amp Panels →

400 Amp Panel Upgrade Vancouver WA

400-amp electric panel upgrades provide maximum electrical capacity for large homes and high-demand electrical systems. Essential for Vancouver WA homes with multiple EV chargers, heated pools, workshops, and extensive electrical appliances requiring professional electrical service increases.

Panel Capacity: 400 amperes service
Electrical Load: High-capacity residential demands
Installation Cost: $3,000 - $3,500
Best For: Large homes, multiple EV chargers, high electrical demand

View 400 Amp Installation Services →

Main Panel Replacement Vancouver WA

Main electrical panel replacement provides updated electrical safety and code compliance for older Vancouver WA homes. Our licensed electricians replace outdated federal pacific panels, Zinsco panels, and insufficient electrical capacity with modern, safe electrical systems.

Replacement Types: Federal Pacific, Zinsco, outdated panels
Safety Features: Modern AFCI/GFCI protection
Installation Time: 6-8 hours same-day completion
Best For: Safety upgrades, code compliance, older homes

View Panel Replacement Services →

Installation Process

Electric Panel Installation Process Vancouver WA

Crown Electric follows a comprehensive electric panel installation process ensuring safety, code compliance, and minimal disruption. Our licensed electricians coordinate all aspects of electric panel upgrades from initial assessment through final inspection in Vancouver WA and Clark County.

Electrical Assessment

Comprehensive electrical system evaluation including current panel condition, electrical load analysis, and service capacity requirements for Vancouver WA homes.

Permit & Planning

Complete permit acquisition and installation planning coordination with Clark County electrical inspection requirements and utility company notifications.

Professional Installation

Expert electric panel installation by licensed electricians using quality materials, proper grounding, and modern safety features for Vancouver WA homes.

Testing & Inspection

Thorough electrical testing, code compliance verification, and official inspection coordination ensuring safe, reliable electric panel operation.

Panel Upgrade Benefits

Why Upgrade Your Electric Panel in Vancouver WA

Electric panel upgrades provide enhanced electrical safety, increased capacity for modern electrical demands, and improved property value for Vancouver WA homes. Our licensed electricians explain the importance of electrical service increases and main panel replacement throughout Clark County.

⚡

Increased Electrical Capacity Vancouver WA

Electric panel upgrades provide increased electrical capacity to support modern electrical demands including EV chargers, heat pumps, electric appliances, and home additions throughout Vancouver WA. Eliminate circuit overloads and support electrical expansion needs.

🔒

Enhanced Electrical Safety

Modern electric panels include advanced AFCI and GFCI protection, preventing electrical fires and electrocution hazards. Replace dangerous federal pacific panels and outdated electrical systems for improved safety in Clark County homes.

💰

Property Value Increase

Electric panel upgrades increase property value and marketability for Vancouver WA homes. Updated electrical systems meet modern buyer expectations and facilitate home sales with current electrical code compliance.

✅

Code Compliance & Insurance

Updated electric panels ensure electrical code compliance for Vancouver WA homes and may reduce homeowner insurance premiums. Meet current electrical standards and avoid insurance complications from outdated electrical systems.

Cost Information

Electric Panel Installation Cost Vancouver WA

Electric panel installation costs in Vancouver WA depend on panel size, electrical service upgrade requirements, permit fees, and installation complexity. Crown Electric provides transparent pricing with detailed estimates for all electric panel upgrades throughout Clark County.

Panel Size & Electrical Capacity

200-amp panels ($2,000-$2,800) provide standard residential capacity while 400-amp installations ($3,000-$3,500) support high electrical demands including multiple EV chargers and electric heating systems in Vancouver WA.

Electrical Service Upgrade Requirements

Electrical service increases requiring utility coordination and meter replacement add $500-$1,000 to electric panel installation costs. Service upgrades often necessary for older Vancouver WA homes with insufficient electrical capacity.

Permit Fees & Inspection Costs

Clark County electrical permits range $150-$300 for electric panel installation with additional inspection fees. Crown Electric coordinates all permit acquisition and inspection scheduling for Vancouver WA electrical projects.

Installation Complexity & Timeline

Standard electric panel installations (6-8 hours) cost less than complex upgrades requiring extensive electrical modifications. Installation complexity affects pricing for panel replacement projects in Vancouver WA.

$2,000 - $3,500

Electric Panel Installation Vancouver WA

Professional electric panel installation and upgrades by licensed electricians throughout Clark County. Includes comprehensive electrical assessment, permit coordination, quality installation, and warranty coverage.

Get Free Estimate

Service Areas

Electric Panel Installation Service Areas

Crown Electric provides professional electric panel installation and upgrades throughout Vancouver WA and Clark County. Our licensed electricians offer comprehensive electrical panel services with expert guidance on electrical capacity requirements and safety upgrades for residential and commercial clients across Southwest Washington.

Vancouver WA

Primary service area for electric panel installation and main panel replacement with comprehensive electrical capacity analysis and permit coordination.

Vancouver Panel Services →

Clark County

Complete electric panel upgrade services throughout the county including residential and commercial electrical service increases and safety improvements.

Clark County Panel Upgrades →

Battle Ground

Electric panel installation and circuit breaker upgrades for Battle Ground residents with expert guidance on electrical capacity requirements.

Battle Ground Electrical →

Camas

Professional electric panel replacement and electrical service upgrades for Camas area homes and businesses requiring increased electrical capacity.

Camas Panel Installation →

Ridgefield

Expert electric panel upgrades and main panel replacement for Ridgefield homes requiring modern electrical systems and code compliance.

Ridgefield Electrical Services →

Why Choose Crown Electric

Vancouver WA's Trusted Electric Panel Specialists

Crown Electric combines electrical expertise with electric panel installation experience to provide reliable electrical services for Vancouver WA residents and businesses. Our licensed electricians offer honest consultation, transparent pricing, and comprehensive support for all electric panel upgrades throughout Clark County.

LIC

Licensed & Insured Electricians

All Crown Electric electricians are fully licensed, bonded, and insured in Washington State. We maintain current certifications and follow all local electrical codes for safe, compliant electric panel installations in Vancouver WA and Clark County.

⚡

Same-Day Panel Installation

Most electric panel installations completed same-day with 6-8 hour installation timeline. Crown Electric provides efficient electrical service with minimal disruption for Vancouver WA families and businesses requiring panel upgrades.

$$$

Transparent Pricing & Free Estimates

No hidden fees or surprise charges. Crown Electric provides upfront pricing with detailed estimates for all electric panel work in Vancouver WA. Clear communication and honest pricing for every electrical project throughout Clark County.

Frequently Asked Questions

Electric Panel Installation FAQ Vancouver WA

Common questions about electric panel installation, electrical service upgrades, and main panel replacement in Vancouver WA. Crown Electric's licensed electricians provide detailed answers to help you make informed decisions about your electrical project.

How much does electric panel installation cost in Vancouver WA?

Electric panel installation in Vancouver WA typically ranges from $2,000 to $3,500 depending on panel size (200-400 amp), electrical service upgrade requirements, permit fees, and installation complexity. Crown Electric provides free estimates with transparent pricing, detailed scope of work, and no hidden costs for all electric panel upgrades in Clark County.

How long does electric panel installation take in Clark County?

Electric panel installation typically takes 6-8 hours for standard residential installations in Vancouver WA. Complete timeline includes electrical assessment (1 hour), permit processing (1-2 days), professional installation (6-8 hours), testing and inspection. Crown Electric coordinates all aspects for efficient electric panel upgrades throughout Clark County with same-day completion for most projects.

When should I consider electric panel upgrade in Vancouver WA?

Electric panel upgrades are recommended for Vancouver WA homes with federal pacific panels, insufficient electrical capacity for modern demands, frequent circuit breaker trips, planning EV charger installation, or homes over 40 years old. Crown Electric provides comprehensive electrical assessments to determine if panel replacement is necessary for safety, capacity, and code compliance.

Do I need permits for electric panel installation in Clark County?

Yes, electric panel installation requires permits and inspections in Clark County WA. Crown Electric coordinates all permit acquisition ($150-$300), inspection scheduling, and utility notifications for electric panel upgrades. Our licensed electricians ensure all work meets current electrical codes and passes required inspections for Vancouver WA electrical projects.

Ready for Electric Panel Installation?

Contact Crown Electric today for professional electric panel installation and upgrades in Vancouver WA. Our licensed electricians provide expert consultation, transparent pricing, and quality workmanship for all electrical projects throughout Clark County.

📞

Call for Immediate Service

(360) 896-4122

📧

Email for Estimates

Crownelectric240@yahoo.com

📍

Service Area

Vancouver WA & Clark County