Residential Electrician Vancouver WA | Crown Electric Home 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: 90vh; 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: 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(90vh - 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); } /* 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: 1rem; font-weight: 700; } .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; } /* 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, .authority-grid, .pricing-grid { grid-template-columns: 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 { 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%); } .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; } } @media (max-width: 360px) { .hero-badge { font-size: 0.75rem; padding: 0.4rem 0.8rem; } .hero h1 { font-size: clamp(1.5rem, 6vw, 2.2rem); } .hero-subtitle { font-size: 1rem; } .hero-service { font-size: 0.75rem; padding: 0.3rem 0.6rem; } .btn-primary, .btn-secondary { font-size: 1rem; padding: 0.9rem 1.5rem; } .faq-question { padding: 1.5rem; } .faq-question h3 { font-size: 1.1rem; } .faq-answer-content { padding: 1.5rem; } } @media (hover: none) and (pointer: coarse) { .btn-primary, .btn-secondary, .authority-link, .service-link, .nav-phone { min-height: 48px; min-width: 48px; } .faq-question { min-height: 60px; } .mobile-menu-link, .mobile-dropdown-link, .mobile-menu-cta { min-height: 48px; } .mobile-menu-close { min-height: 44px; min-width: 44px; } .contact-item { min-height: 72px; } } .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; } .mobile-menu::-webkit-scrollbar { width: 4px; } .mobile-menu::-webkit-scrollbar-track { background: var(--gray-100); } .mobile-menu::-webkit-scrollbar-thumb { background: var(--maroon); border-radius: 2px; } .mobile-menu-toggle:focus, .mobile-menu-link:focus, .mobile-dropdown-link:focus, .mobile-menu-close:focus { outline: 2px solid var(--gold); outline-offset: 2px; } .mobile-menu, .mobile-menu-overlay, .mobile-menu-toggle span, .mobile-dropdown { will-change: transform, opacity; } @media print { .navbar, .mobile-menu { display: none; } .hero { background: var(--maroon); color: var(--white); padding: 2rem 0; min-height: auto; } .section { padding: 1rem 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 Residential Electrician Vancouver WA

Licensed Residential Electrician Vancouver WA | Home Electrical Services Clark County

Crown Electric is Vancouver WA's most trusted residential electrician providing professional outlet installation Vancouver WA, ceiling fan installation Clark County, electrical outlet repair, and complete house electrical troubleshooting services. Our licensed home electrician Clark County team serves homeowners throughout Southwest Washington with same-day service, transparent pricing, and guaranteed quality workmanship.

🔌 Outlet Installation Vancouver WA
💨 Ceiling Fan Installation
⚡ GFCI Outlet Installation
🔧 Electrical Troubleshooting
Call (360) 896-4122 View Services →
Crown Electric residential electricians Vancouver WA - professional home electrical contractor team specializing in outlet installation and ceiling fan installation
Professional Home Electrical Services

Outlet Installation & Ceiling Fan Installation Vancouver WA

Crown Electric's licensed residential electrician Vancouver WA team provides comprehensive home electrical services throughout Clark County. From outlet installation Vancouver WA to ceiling fan installation Clark County, our experienced home electrician Clark County professionals deliver quality electrical solutions with same-day service availability, transparent pricing, and complete customer satisfaction for Vancouver WA homeowners.

OUT

Outlet Installation Vancouver WA

Professional outlet installation Vancouver WA including GFCI outlets, USB outlets, outdoor outlets, and kitchen outlet upgrades. Our licensed residential electrician Vancouver WA team provides expert electrical outlet repair and new outlet installation throughout Clark County homes with code compliance, safety testing, and complete warranty coverage for all electrical work.

Schedule Outlet Installation →
FAN

Ceiling Fan Installation Clark County

Expert ceiling fan installation Clark County services for all ceiling fan types and brands. Crown Electric's residential electricians handle electrical wiring, mounting, balancing, and testing to ensure safe, reliable ceiling fan operation throughout Vancouver WA homes. Professional installation with complete electrical safety compliance and performance guarantee.

Get Ceiling Fan Installation →
GFI

GFCI Outlet Installation

Professional GFCI outlet installation for bathroom, kitchen, outdoor, and garage electrical safety throughout Vancouver WA homes. Our residential electrician Vancouver WA team ensures code-compliant GFCI protection for enhanced electrical safety, preventing electrical shock and ensuring optimal electrical protection for Clark County families.

Schedule GFCI Installation →
FIX

House Electrical Troubleshooting

Complete house electrical troubleshooting and diagnostic services for Vancouver WA homes. Our experienced home electrician Clark County team identifies and resolves electrical problems including flickering lights, non-working outlets, circuit breaker issues, and electrical safety concerns with same-day service throughout Southwest Washington.

Get Electrical Diagnosis →
LIT

Light Switch Installation

Expert light switch installation including dimmer switches, three-way switches, smart switches, and specialty lighting controls for Vancouver WA homes. Crown Electric's residential electricians provide professional electrical wiring and switch installation with complete testing and code compliance throughout Clark County.

Schedule Switch Installation →
REP

Home Electrical Repairs

Comprehensive home electrical repair services including electrical outlet repair, lighting repairs, circuit repairs, and electrical safety fixes for Vancouver WA homeowners. Our licensed residential electrician Vancouver WA provides same-day electrical repairs with quality workmanship and complete satisfaction guarantee throughout Clark County.

Schedule Electrical Repair →
Why Choose Crown Electric

Vancouver WA's Most Trusted Home Electrician Since 2014

Crown Electric has established an exceptional reputation as Vancouver WA's premier residential electrician through consistent quality work, professional service, and complete customer satisfaction. Our licensed home electrician Clark County team has served thousands of satisfied homeowners with reliable electrical solutions, same-day service availability, and comprehensive warranty coverage that has earned us 4.5/5 stars from Vancouver WA customers.

LIC

Licensed Residential Electrician Vancouver WA

All Crown Electric residential electricians are fully licensed, bonded, and insured in Washington State with specialized training in home electrical systems. We maintain current electrical licenses, comprehensive liability insurance, and stay updated on residential electrical codes, safety protocols, and the latest electrical technologies for Vancouver WA and Clark County homeowners.

Meet Our Licensed Team →
$$

Transparent Home Electrical Pricing

No surprises, hidden fees, or unexpected charges for any residential electrical work. Crown Electric provides detailed, upfront pricing for all outlet installation Vancouver WA, ceiling fan installation Clark County, and electrical repair services. Clear estimates, competitive rates, and honest communication throughout every home electrical project in Vancouver WA.

Get Free Estimate →
⏰

Same-Day Home Electrical Service

Crown Electric offers same-day residential electrical service throughout Vancouver WA and Clark County for most electrical repairs, outlet installation, ceiling fan installation, and urgent electrical issues. Our efficient scheduling and local presence allow rapid response to homeowner electrical needs, often providing service within hours of your call.

Call for Same-Day Service →
✓

Complete Home Electrical Warranty

Every residential electrical installation, repair, and upgrade comes with Crown Electric's comprehensive workmanship warranty. We guarantee all outlet installation Vancouver WA, ceiling fan installation Clark County, and electrical work with quality materials, professional installation, and complete warranty coverage for long-lasting electrical solutions.

View Our Warranty →
Transparent Pricing

Outlet Installation Cost & Ceiling Fan Installation Pricing Vancouver WA

Crown Electric provides transparent, competitive pricing for all residential electrical services in Vancouver WA and Clark County. Our comprehensive pricing includes labor, materials, testing, and warranty coverage with no hidden fees or surprise charges. Free estimates available for all home electrical projects with detailed scope of work and clear timeline expectations for Vancouver WA homeowners.

Outlet Installation Vancouver WA

$150 - $300
  • Standard outlet installation
  • GFCI outlet installation
  • USB outlet installation
  • Outdoor outlet installation
  • Kitchen outlet upgrades
  • Complete electrical testing
  • Code compliance guarantee
Get Outlet Installation Quote →

Ceiling Fan Installation Clark County

$200 - $400
  • Ceiling fan mounting and wiring
  • Electrical box reinforcement
  • Fan balancing and testing
  • Switch and control installation
  • All ceiling fan brands
  • Professional cleanup included
  • Complete performance guarantee
Get Ceiling Fan Quote →

House Electrical Troubleshooting

$100 - $250
  • Complete electrical diagnosis
  • Circuit testing and analysis
  • Electrical problem identification
  • Safety hazard assessment
  • Repair recommendations
  • Same-day service available
  • Detailed service report
Schedule Electrical Diagnosis →
Frequently Asked Questions

Vancouver WA Residential Electrical Services Questions

Common questions about residential electrician Vancouver WA services, outlet installation Vancouver WA pricing, ceiling fan installation Clark County timelines, and home electrical processes throughout Vancouver WA and Clark County. Crown Electric's licensed residential electricians provide detailed answers to help homeowners make informed decisions about their electrical projects.

How much does outlet installation cost in Vancouver WA?

+

Outlet installation Vancouver WA typically costs $150-$300 per outlet depending on complexity, wiring requirements, and outlet type. GFCI outlet installation may cost slightly more due to safety requirements. Crown Electric provides free estimates for all outlet installation projects throughout Clark County with transparent pricing and no hidden fees.

Do you provide same-day residential electrical service in Clark County?

+

Yes, Crown Electric offers same-day residential electrician Vancouver WA service throughout Clark County for most electrical repairs, outlet installation, and electrical troubleshooting. We prioritize urgent electrical issues and can typically schedule service calls within hours for qualified home electrical work, depending on technician availability.

What areas do you serve for residential electrical services?

+

Crown Electric provides residential electrician Vancouver WA services throughout Clark County including Vancouver, Battle Ground, Camas, and Ridgefield. Our licensed home electrician Clark County team serves homeowners with outlet installation, ceiling fan installation, electrical repairs, and complete home electrical services across Southwest Washington.

How long does ceiling fan installation take in Clark County?

+

Ceiling fan installation Clark County typically takes 1-3 hours depending on existing electrical wiring, ceiling height, and fan complexity. Our residential electricians handle all aspects including electrical wiring, mounting, balancing, and testing to ensure safe, reliable ceiling fan operation throughout Vancouver WA homes.

What types of outlet installation do you provide in Vancouver WA?

+

Crown Electric provides comprehensive outlet installation Vancouver WA including standard outlets, GFCI outlets, USB outlets, outdoor weatherproof outlets, kitchen outlets, bathroom outlets, garage outlets, and specialized outlets. All outlet installation includes professional wiring, testing, and code compliance throughout Clark County.

Do you offer electrical troubleshooting for older homes in Vancouver WA?

+

Yes, Crown Electric specializes in house electrical troubleshooting for older Vancouver WA homes including aluminum wiring issues, outdated electrical panels, insufficient electrical capacity, and electrical safety concerns. Our experienced residential electrician Vancouver WA team provides comprehensive electrical diagnosis and repair solutions for older homes throughout Clark County.

Contact Vancouver WA's Most Trusted Residential Electrician

Ready to schedule professional home electrical services in Vancouver WA or Clark County? Contact Crown Electric today for expert outlet installation Vancouver WA, ceiling fan installation Clark County, GFCI outlet installation, and complete house electrical troubleshooting. Our licensed residential electrician Vancouver WA team provides transparent pricing, quality workmanship, and guaranteed satisfaction for all home electrical projects.

CALL

Call Crown Electric

(360) 896-4122

EMAIL

Email Us

Crownelectric240@yahoo.com

AREA

Residential Service Area

Vancouver WA & Clark County Homes

TIME

Residential Service Hours

Monday - Friday: 8:00 AM - 4:00 PM
Same-day residential service available

ADDR

Office Address

6109 NE 121st Ave Suite 104
Vancouver, WA 98682