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: 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); } /* 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); } /* Vancouver Neighborhoods Section */ .neighborhoods { background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%); color: var(--white); } .neighborhoods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; margin-top: 3rem; } .neighborhood-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; } .neighborhood-card:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--gold); transform: translateY(-5px); } .neighborhood-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); } .neighborhood-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); } .neighborhood-card:nth-child(1) .neighborhood-icon { background: var(--gold); color: var(--maroon); box-shadow: 0 5px 15px rgba(255, 215, 0, 0.4); } .neighborhood-card:nth-child(1) h3 { color: var(--gold-light); font-weight: 700; font-size: 1.2rem; } .neighborhood-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; } .neighborhood-card h3 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--gold); } .neighborhood-card p { font-size: 0.9rem; color: var(--gray-300); line-height: 1.4; margin-bottom: 1rem; flex-grow: 1; } .neighborhood-link { color: var(--white); text-decoration: none; font-size: 0.85rem; font-weight: 500; transition: color 0.3s ease; } .neighborhood-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, .authority-grid, .pricing-grid { grid-template-columns: 1fr; } .neighborhoods-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; } .neighborhoods-grid { grid-template-columns: 1fr; gap: 1rem; } .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, .neighborhood-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, .hero-video { 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
Your browser does not support the video tag.
⭐ 4.5/5 Google Reviews • Licensed Residential Electrician Vancouver WA

Residential Electrician Vancouver WA | Professional Outlet Installation & Electrical Troubleshooting

Crown Electric is Vancouver WA's trusted residential electrician specializing in outlet installation, ceiling fan installation, GFCI outlets, and electrical troubleshooting throughout Clark County. Same-day residential electrical service with transparent pricing and guaranteed quality workmanship for Vancouver WA homeowners.

🔌 Outlet Installation Vancouver WA
💨 Ceiling Fan Installation
⚡ GFCI & USB Outlets
🔧 Electrical Troubleshooting
Call (360) 896-4122 View Services →
Crown Electric residential electrician team in Vancouver WA - professional home electrical contractors specializing in outlet installation and electrical troubleshooting
Residential Electrical Services

Professional Home Electrician Services Vancouver WA

Crown Electric's licensed residential electricians provide comprehensive home electrical services throughout Vancouver WA and Clark County. From outlet installation to electrical troubleshooting, we deliver professional residential electrical solutions with guaranteed quality, code compliance, and transparent pricing for homeowners throughout Southwest Washington.

OUT

Outlet Installation Vancouver WA

Professional outlet installation services including standard outlets, GFCI outlets, USB outlets, and outdoor outlets throughout Vancouver WA. Our licensed residential electricians handle kitchen outlet upgrades, bathroom GFCI installation, garage outlets, and basement electrical installations with proper code compliance and safety certification for all Clark County homes.

Schedule Outlet Installation →
FAN

Ceiling Fan Installation Clark County

Expert ceiling fan installation and wiring services throughout Clark County and Vancouver WA. Our residential electricians provide professional mounting, electrical connections, and testing for all ceiling fan brands. We handle complex installations including new wiring runs, switch installations, and proper electrical support for safe, efficient operation.

Get Ceiling Fan Quote →
GFI

GFCI Outlet Installation

Professional GFCI outlet installation for enhanced electrical safety in Vancouver WA homes. Our licensed electricians install Ground Fault Circuit Interrupter outlets in bathrooms, kitchens, garages, outdoor areas, and other locations requiring GFCI protection according to Washington State electrical codes for complete home electrical safety.

Schedule GFCI Installation →
FIX

Electrical Troubleshooting Vancouver WA

Professional electrical troubleshooting services for Vancouver WA homeowners experiencing electrical issues. Our experienced residential electricians diagnose and repair electrical problems including flickering lights, tripping breakers, dead outlets, electrical buzzing, and power outages with same-day service availability throughout Clark County.

Get Electrical Diagnosis →
LIT

Home Lighting Installation

Complete home lighting installation services including recessed lighting, pendant lights, chandeliers, under-cabinet lighting, outdoor security lighting, and landscape lighting throughout Vancouver WA. Our residential electricians ensure proper electrical connections, switches, and dimmer controls for optimal lighting functionality and energy efficiency.

View Lighting Services →
REP

Home Electrical Repairs

Comprehensive home electrical repair services for Vancouver WA and Clark County residents. Our licensed electricians repair electrical outlets, light switches, circuit breakers, electrical panels, wiring issues, and electrical safety hazards with guaranteed workmanship and code compliance for reliable, safe electrical systems.

Schedule Electrical Repair →
Why Choose Crown Electric

Vancouver WA's Most Trusted Residential Electrician Since 2014

Crown Electric has built an exceptional reputation as Vancouver WA's premier home electrical contractor through consistent quality work, transparent pricing, and exceptional customer service. Our licensed residential electricians serve homeowners throughout Clark County with comprehensive electrical solutions, same-day service availability, and a commitment to excellence that has earned us 4.5/5 stars from satisfied customers.

HOME

Residential Electrical Specialists

Crown Electric specializes exclusively in residential electrical services, giving us deep expertise in home electrical systems, safety requirements, and homeowner needs. Our residential electricians understand Vancouver WA homes, local electrical codes, and provide personalized service tailored to your specific home electrical requirements and family safety.

Learn About Our Team →
SAFE

Licensed & Insured Home Electricians

All Crown Electric residential electricians are fully licensed, bonded, and insured in Washington State with extensive training in home electrical systems. We maintain comprehensive liability insurance, follow all residential electrical codes, and stay updated on the latest safety protocols to ensure complete protection for Vancouver WA homeowners.

Verify Our Credentials →
TIME

Same-Day Residential Service

Crown Electric offers same-day residential electrical service throughout Vancouver WA and Clark County for most home electrical repairs, outlet installations, and electrical troubleshooting. Our efficient scheduling system allows us to respond quickly to homeowner electrical needs, often providing service within hours of your initial contact.

Call for Same-Day Service →
QUAL

Guaranteed Quality Workmanship

Every residential electrical installation, repair, and upgrade comes with Crown Electric's comprehensive workmanship guarantee. We stand behind all home electrical work with complete warranty coverage, use only high-quality materials, and ensure all work meets or exceeds Washington State residential electrical codes for lasting reliability.

View Our Guarantee →
Vancouver WA Neighborhoods

Residential Electrician Services Throughout Vancouver WA

Crown Electric provides comprehensive residential electrical services throughout all Vancouver WA neighborhoods. Our licensed home electricians serve Vancouver families with same-day electrical repairs, outlet installations, and electrical troubleshooting across Clark County communities with local expertise and commitment to neighborhood electrical safety.

VAN

Central Vancouver WA

Primary residential service area with same-day electrical appointments for home electrical installations, repairs, and outlet upgrades.

Vancouver WA Electrician →
SAL

Salmon Creek

Residential electrical services for Salmon Creek homes including outlet installation, ceiling fans, and electrical troubleshooting.

Salmon Creek Service →
HAZ

Hazel Dell

Home electrical contractor serving Hazel Dell with GFCI installations, lighting upgrades, and electrical repairs.

Hazel Dell Electrician →
EAS

East Vancouver

Professional residential electrician services for East Vancouver homes with electrical troubleshooting and outlet installation.

East Vancouver Service →
ORC

Orchards

Licensed home electrician serving Orchards community with ceiling fan installation and electrical repair services.

Orchards Electrician →
FIS

Fisher's Landing

Residential electrical contractor providing outlet installation, GFCI outlets, and electrical maintenance in Fisher's Landing.

Fisher's Landing Service →
Transparent Pricing

Outlet Installation Cost & Residential Electrical Service 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, permits, 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.

Outlet Installation

$150 - $300
  • Standard outlet installation
  • GFCI outlet installation
  • USB outlet installation
  • Outdoor outlet installation
  • Kitchen & bathroom outlets
  • Code compliance certification
Get Outlet Installation Quote →

Ceiling Fan Installation

$200 - $400
  • Professional ceiling fan mounting
  • Electrical wiring and connections
  • Switch installation and setup
  • Safety testing and certification
  • All ceiling fan brands supported
  • Complete warranty coverage
Get Ceiling Fan Quote →

Electrical Troubleshooting

$125 - $250
  • Comprehensive electrical diagnosis
  • Circuit breaker troubleshooting
  • Outlet and switch repair
  • Electrical safety inspection
  • Same-day service availability
  • Guaranteed problem resolution
Get Troubleshooting Quote →
Frequently Asked Questions

Vancouver WA Residential Electrical Services Questions & Answers

Common questions about residential electrical services, outlet installation, ceiling fan installation, and electrical troubleshooting in Vancouver WA and Clark County. Crown Electric's licensed residential electricians provide detailed answers to help homeowners make informed decisions about their home electrical needs.

How much does outlet installation cost in Vancouver WA?

+

Outlet installation in Vancouver WA typically costs $150-$300 per outlet depending on complexity, location, and whether new wiring is needed. GFCI outlet installation ranges from $200-$400. Crown Electric provides transparent pricing with no hidden fees for all residential electrical work in Clark County.

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

+

Yes, Crown Electric offers same-day residential electrical service in Vancouver WA for most electrical repairs, outlet installations, and troubleshooting. We prioritize urgent home electrical issues and can typically schedule service within hours throughout Clark County.

What residential electrical services do you provide in Vancouver WA?

+

Crown Electric provides comprehensive residential electrical services in Vancouver WA including outlet installation, ceiling fan installation, GFCI outlets, electrical troubleshooting, lighting installation, electrical repairs, safety inspections, and home electrical maintenance throughout Clark County.

How long does ceiling fan installation take in Clark County?

+

Ceiling fan installation in Clark County typically takes 1-3 hours depending on complexity, existing wiring, and mounting requirements. Crown Electric handles all wiring, mounting, and testing to ensure safe, proper installation of ceiling fans in Vancouver WA homes.

When should I install GFCI outlets in my Vancouver WA home?

+

GFCI outlets should be installed in all Vancouver WA homes in bathrooms, kitchens, garages, outdoor areas, basements, and any location within 6 feet of water sources. Washington State electrical code requires GFCI protection for safety. Crown Electric ensures code compliance for all GFCI installations.

Contact Vancouver WA's Most Trusted Residential Electrician

Ready to schedule professional residential electrical services in Vancouver WA or Clark County? Contact Crown Electric today for expert outlet installation, ceiling fan installation, GFCI outlets, and electrical troubleshooting. Our licensed residential electricians provide 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

Service Area

Vancouver WA & Clark County

TIME

Business 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