.elementor-12 .elementor-element.elementor-element-25e765e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-25e765e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-25e765e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F2340;}.elementor-12 .elementor-element.elementor-element-25e765e::before, .elementor-12 .elementor-element.elementor-element-25e765e > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-25e765e > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-25e765e > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-25e765e > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-25e765e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F2340;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-3e69001{--display:flex;}.elementor-12 .elementor-element.elementor-element-3e69001.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-da8c7e6{text-align:center;}.elementor-12 .elementor-element.elementor-element-da8c7e6 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;text-shadow:0px 0px 15px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-da8c7e6 .elementor-heading-title a{transition-duration:0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-89136c5 .elementor-button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1161b6f{--display:flex;}.elementor-12 .elementor-element.elementor-element-987a942{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-987a942:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-987a942 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#081729;}.elementor-12 .elementor-element.elementor-element-545b52e{--display:flex;}.elementor-12 .elementor-element.elementor-element-74913e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-a3ee7dc{--display:flex;}.elementor-12 .elementor-element.elementor-element-2bbb7f5{--display:flex;}.elementor-12 .elementor-element.elementor-element-f262777{--display:flex;}.elementor-12 .elementor-element.elementor-element-aa302f1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-9bb1ee1{--display:flex;}.elementor-12 .elementor-element.elementor-element-5182283{--display:flex;}.elementor-12 .elementor-element.elementor-element-87c83b1{--display:flex;}.elementor-12 .elementor-element.elementor-element-b197db4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-b197db4:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b197db4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-07b8270{--display:flex;}.elementor-12 .elementor-element.elementor-element-a1719ca{--display:flex;}.elementor-12 .elementor-element.elementor-element-c6cf334.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-c6cf334{left:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-c6cf334{right:0px;}.elementor-12 .elementor-element.elementor-element-c6cf334{top:0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-1123f6e{--display:flex;}.elementor-12 .elementor-element.elementor-element-6ab0847{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-65ffab8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-12 .elementor-element.elementor-element-65ffab8::before, .elementor-12 .elementor-element.elementor-element-65ffab8 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-65ffab8 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-65ffab8 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-65ffab8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-65ffab8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-9208b5c{--display:flex;--overlay-opacity:0.5;}.elementor-12 .elementor-element.elementor-element-9208b5c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-9208b5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-12 .elementor-element.elementor-element-9208b5c::before, .elementor-12 .elementor-element.elementor-element-9208b5c > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-9208b5c > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-9208b5c > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-9208b5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-9208b5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E85D1A;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-9208b5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-c8f9816{background-color:var( --e-global-color-accent );text-align:center;font-family:"DM Sans", Sans-serif;font-weight:400;color:#E85D1A;}.elementor-12 .elementor-element.elementor-element-69a5746{--display:flex;--overlay-opacity:0.5;}.elementor-12 .elementor-element.elementor-element-69a5746::before, .elementor-12 .elementor-element.elementor-element-69a5746 > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-69a5746 > .e-con-inner > .elementor-background-video-container::before, .elementor-12 .elementor-element.elementor-element-69a5746 > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-69a5746 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12 .elementor-element.elementor-element-69a5746 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FAF7F2;--background-overlay:'';}.elementor-12 .elementor-element.elementor-element-31463b9{padding:11px 11px 11px 11px;box-shadow:0px 0px 10px 0px #E85D1A;text-align:center;font-family:"DM Serif Display", Sans-serif;font-weight:400;color:#E85D1A;}.elementor-12 .elementor-element.elementor-element-31463b9.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-31463b9 p{margin-block-end:3px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-3e69001{--width:56.566%;}.elementor-12 .elementor-element.elementor-element-9208b5c{--width:32.193%;}}/* Start custom CSS for button, class: .elementor-element-89136c5 */<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Appliance Repair Harrisburg PA | Same-Day Service | Harrisburg Appliance Repair</title>
<meta name="description" content="Fast, same-day appliance repair in Harrisburg PA. Licensed & insured technicians. Transparent pricing, 90-day warranty. Call now for same-day service!">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy: #0d1f3c;
  --navy-mid: #152a50;
  --blue: #1a56db;
  --blue-light: #3b71f5;
  --cream: #f8f9fb;
  --white: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --light: #9ca3af;
  --border: #e5e7eb;
  --green: #16a34a;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 2px 16px rgba(0,0,0,0.07);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
}

body { font-family: 'Inter', sans-serif; color: var(--text); background: #fff; line-height: 1.6; overflow-x: hidden; font-size: 15px; }

/* ── NAV ─── */
nav {
  background: var(--navy);
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
  position: sticky;
  top: 0;
  z-index: 200;
}
.nav-logo img { height: 40px; display: block; }
.nav-logo-text { font-size: 20px; font-weight: 800; color: #fff; letter-spacing: -0.5px; }
.nav-links { display: flex; gap: 1.75rem; list-style: none; }
.nav-links a { color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; font-weight: 500; transition: color .2s; }
.nav-links a:hover { color: #fff; }
.nav-cta { background: var(--blue); color: #fff; font-weight: 600; font-size: 14px; padding: 9px 20px; border-radius: var(--radius); text-decoration: none; transition: background .2s; white-space: nowrap; }
.nav-cta:hover { background: var(--blue-light); }

/* ── HERO ─── */
.hero {
  background: var(--navy);
  padding: 64px 5% 56px;
}
.hero-inner {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 3.5rem;
  align-items: center;
}
.hero-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(26,86,219,0.18); border: 1px solid rgba(26,86,219,0.4); color: #93b4fd; font-size: 12px; font-weight: 600; padding: 5px 14px; border-radius: 20px; margin-bottom: 1.25rem; letter-spacing: 0.5px; }
.hero h1 { font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 800; color: #fff; line-height: 1.18; margin-bottom: 1.1rem; letter-spacing: -0.5px; }
.hero h1 em { color: #93b4fd; font-style: normal; }
.hero-sub { font-size: 15px; color: rgba(255,255,255,0.68); line-height: 1.75; margin-bottom: 2rem; max-width: 480px; }
.hero-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-blue { background: var(--blue); color: #fff; font-weight: 700; padding: 13px 24px; border-radius: var(--radius); text-decoration: none; font-size: 14px; transition: background .2s; display: inline-block; border: none; cursor: pointer; font-family: 'Inter', sans-serif; }
.btn-blue:hover { background: var(--blue-light); }
.btn-ghost { border: 1.5px solid rgba(255,255,255,0.3); color: #fff; font-weight: 500; padding: 13px 24px; border-radius: var(--radius); text-decoration: none; font-size: 14px; transition: border-color .2s; }
.btn-ghost:hover { border-color: rgba(255,255,255,0.7); }
.hero-stats { display: flex; gap: 2.5rem; margin-top: 2.25rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); }
.stat-val { font-size: 1.7rem; font-weight: 800; color: #fff; line-height: 1; }
.stat-label { font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 4px; }
.hero-appliances { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 1.5rem; }
.appliance-tag { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.75); font-size: 12px; padding: 5px 12px; border-radius: 20px; }

/* ── CONTACT FORM (hero) ─── */
.hero-form {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 1.75rem;
  box-shadow: var(--shadow-lg);
}
.hero-form h3 { font-size: 1.1rem; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.hero-form .sub { font-size: 13px; color: var(--muted); margin-bottom: 1.25rem; }
.form-group { margin-bottom: 10px; }
.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  padding: 10px 13px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: var(--text);
  background: #fff;
  outline: none;
  transition: border-color .2s;
  appearance: none;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-color: var(--blue); }
.form-group textarea { min-height: 72px; resize: vertical; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.form-submit { width: 100%; background: var(--navy); color: #fff; font-size: 14px; font-weight: 700; padding: 12px; border: none; border-radius: var(--radius); cursor: pointer; font-family: 'Inter', sans-serif; transition: background .2s; margin-top: 4px; }
.form-submit:hover { background: #1a2f50; }
.form-note { text-align: center; font-size: 11px; color: var(--light); margin-top: 7px; }
.form-trust { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.form-trust-item { font-size: 11px; color: var(--green); font-weight: 600; display: flex; align-items: center; gap: 3px; }

/* ── TRUST BAR ─── */
.trust-bar { background: var(--cream); border-bottom: 1px solid var(--border); padding: 1rem 5%; display: flex; justify-content: center; gap: 2.5rem; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 500; color: var(--text); }
.trust-check { color: var(--green); font-weight: 700; }

/* ── SHARED SECTION ─── */
section { padding: 68px 5%; }
.inner { max-width: 1140px; margin: 0 auto; }
.tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: var(--blue); margin-bottom: 8px; }
.section-title { font-size: clamp(1.5rem, 2.5vw, 2rem); font-weight: 800; color: var(--navy); margin-bottom: 0.85rem; letter-spacing: -0.3px; line-height: 1.25; }
.section-title em { font-style: italic; color: var(--blue); }
.section-sub { font-size: 15px; color: var(--muted); max-width: 540px; line-height: 1.7; }

/* ── SERVICES ─── */
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; margin-top: 2.25rem; }
.service-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.5rem; text-decoration: none; display: block; transition: box-shadow .25s, transform .2s; }
.service-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-3px); }
.service-icon { font-size: 2rem; margin-bottom: 0.9rem; display: block; }
.service-card h3 { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; }
.service-card p { font-size: 13px; color: var(--muted); line-height: 1.65; }
.service-link { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 600; color: var(--blue); text-decoration: none; }

/* ── WHY US ─── */
.why-bg { background: var(--cream); }
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.why-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.5rem; }
.why-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.25rem; }
.why-card-icon { font-size: 1.6rem; margin-bottom: 8px; }
.why-card h4 { font-size: 14px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.why-card p { font-size: 13px; color: var(--muted); line-height: 1.6; }
.why-stats { display: flex; flex-direction: column; gap: 1.25rem; }
.why-stat-card { background: var(--navy); color: #fff; border-radius: var(--radius-lg); padding: 1.5rem; }
.why-stat-num { font-size: 2.5rem; font-weight: 800; color: #fff; line-height: 1; }
.why-stat-label { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 4px; }
.why-stat-desc { font-size: 13px; color: rgba(255,255,255,0.75); margin-top: 8px; line-height: 1.6; }

/* ── AREAS ─── */
.areas-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 1.75rem; }
.area-tag { background: #fff; border: 1px solid var(--border); border-radius: 30px; padding: 8px 18px; font-size: 13px; font-weight: 500; color: var(--navy); text-decoration: none; transition: all .2s; }
.area-tag:hover { background: var(--navy); color: #fff; border-color: var(--navy); }

/* ── CONTACT SECTION ─── */
.contact-bg { background: var(--navy); }
.contact-bg .section-title { color: #fff; }
.contact-bg .tag { color: #93b4fd; }
.contact-bg .section-sub { color: rgba(255,255,255,0.6); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 4rem; align-items: start; margin-top: 2.25rem; }
.contact-info { display: flex; flex-direction: column; gap: 1.25rem; }
.ci { display: flex; gap: 14px; align-items: flex-start; }
.ci-icon { width: 44px; height: 44px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.ci-label { font-size: 11px; color: rgba(255,255,255,0.4); margin-bottom: 2px; text-transform: uppercase; letter-spacing: 0.5px; }
.ci-val { font-size: 14px; font-weight: 600; color: #fff; }
.ci-val a { color: #fff; text-decoration: none; }
.contact-form-box { background: #fff; border-radius: var(--radius-lg); padding: 2rem; }
.contact-form-box h3 { font-size: 1.2rem; font-weight: 800; color: var(--navy); margin-bottom: 4px; }
.contact-form-box > p { font-size: 13px; color: var(--muted); margin-bottom: 1.25rem; }

/* ── CTA BANNER ─── */
.cta-banner { background: var(--blue); padding: 2.5rem 5%; text-align: center; }
.cta-banner h2 { font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-weight: 800; color: #fff; margin-bottom: 0.5rem; letter-spacing: -0.3px; }
.cta-banner p { font-size: 15px; color: rgba(255,255,255,0.8); margin-bottom: 1.5rem; }
.cta-btns { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.btn-white { background: #fff; color: var(--blue); font-weight: 700; padding: 13px 26px; border-radius: var(--radius); text-decoration: none; font-size: 14px; transition: opacity .2s; }
.btn-white:hover { opacity: 0.9; }
.btn-white-ghost { border: 2px solid rgba(255,255,255,0.5); color: #fff; font-weight: 600; padding: 13px 26px; border-radius: var(--radius); text-decoration: none; font-size: 14px; }

/* ── FAQ ─── */
.faq-wrap { max-width: 760px; margin: 2rem auto 0; }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-q { width: 100%; text-align: left; background: none; border: none; padding: 1rem 0; font-size: 14px; font-weight: 600; color: var(--navy); cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: 'Inter', sans-serif; gap: 1rem; }
.faq-icon { color: var(--blue); font-size: 20px; flex-shrink: 0; transition: transform .3s; }
.faq-a { font-size: 14px; color: var(--muted); line-height: 1.7; padding-bottom: 1rem; display: none; }
.faq-item.open .faq-a { display: block; }
.faq-item.open .faq-icon { transform: rotate(45deg); }

/* ── RESPONSIVE ─── */
@media (max-width: 960px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-form { max-width: 560px; }
  .why-grid, .contact-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .why-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  nav { padding: 0 1.25rem; }
  .nav-links { display: none; }
  section { padding: 50px 1.25rem; }
  .hero { padding: 48px 1.25rem 40px; }
  .services-grid { grid-template-columns: 1fr; }
  .why-cards { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .trust-bar { gap: 1rem; padding: 1rem 1.25rem; }
  .hero-stats { gap: 1.5rem; }
  .cta-btns { flex-direction: column; align-items: center; }
}
</style>
</head>
<body>

<!-- ══ NAV ══ -->
<nav>
  <a href="/" class="nav-logo">
    <span class="nav-logo-text">Harrisburg Appliance Repair</span>
  </a>
  <ul class="nav-links">
    <li><a href="/appliance-repair-harrisburg-pa-same-day-service-harrisburg-appliance-repair/">Home</a></li>
    <li><a href="/areas-we-serve/">Areas We Serve</a></li>
    <li><a href="/services-2/">Services</a></li>
    <li><a href="/about-us/">About Us</a></li>
    <li><a href="/contact-us/">Contact Us</a></li>
  </ul>
  <a href="#contact" class="nav-cta">Get Quote</a>
</nav>

<!-- ══ HERO ══ -->
<div style="background:var(--navy);">
  <div class="hero-inner" style="max-width:1140px;margin:0 auto;padding:64px 5% 56px;display:grid;grid-template-columns:1fr 400px;gap:3.5rem;align-items:center;">

    <div>
      <div class="hero-badge">⚡ Same-Day Service Available in Harrisburg, PA</div>
      <h1>Fast <em>Appliance Repair</em> in Harrisburg PA — We Fix It Today</h1>
      <p class="hero-sub">Same-day service, transparent pricing, and repairs that actually last. Our certified technicians get your appliances running like new — or you don't pay.</p>
      <div class="hero-btns">
        <a href="tel:7175550100" class="btn-blue">📞 Call for Same-Day Service</a>
        <a href="#contact" class="btn-ghost">Get a Free Quote</a>
      </div>
      <div class="hero-stats">
        <div><div class="stat-val">500+</div><div class="stat-label">Repairs this year</div></div>
        <div><div class="stat-val">4.9★</div><div class="stat-label">Google rating</div></div>
        <div><div class="stat-val">Same Day</div><div class="stat-label">Service available</div></div>
      </div>
      <div class="hero-appliances">
        <span class="appliance-tag">🧺 Washer & Dryer</span>
        <span class="appliance-tag">🌡️ Refrigerator</span>
        <span class="appliance-tag">🔥 Oven & Stove</span>
        <span class="appliance-tag">🍽️ Dishwasher</span>
        <span class="appliance-tag">❄️ Freezer</span>
      </div>
    </div>

    <!-- HERO CONTACT FORM -->
    <div class="hero-form">
      <h3>Request Same-Day Service</h3>
      <p class="sub">Fill in your details — we call back within 30 minutes.</p>
      <form action="/contact-us/" method="post">
        <div class="form-row">
          <div class="form-group"><input type="text" name="name" placeholder="Your Name" required></div>
          <div class="form-group"><input type="tel" name="phone" placeholder="Phone Number" required></div>
        </div>
        <div class="form-group"><input type="email" name="email" placeholder="Email Address" required></div>
        <div class="form-group">
          <select name="appliance" required>
            <option value="" disabled selected>Select Appliance Type</option>
            <option>Washer / Dryer</option>
            <option>Refrigerator</option>
            <option>Oven / Range / Stove</option>
            <option>Dishwasher</option>
            <option>Freezer</option>
            <option>Microwave</option>
            <option>Other Appliance</option>
          </select>
        </div>
        <div class="form-group"><textarea name="issue" placeholder="Describe the issue (optional)..."></textarea></div>
        <button type="submit" class="form-submit">Book Same-Day Repair →</button>
        <p class="form-note">🔒 No spam. We respond within 30 minutes.</p>
        <div class="form-trust">
          <span class="form-trust-item">✓ Licensed & Insured</span>
          <span class="form-trust-item">✓ Upfront Pricing</span>
          <span class="form-trust-item">✓ 90-Day Warranty</span>
        </div>
      </form>
    </div>

  </div>
</div>

<!-- ══ TRUST BAR ══ -->
<div class="trust-bar">
  <div class="trust-item"><span class="trust-check">✓</span> Licensed & Insured</div>
  <div class="trust-item"><span class="trust-check">✓</span> Same-Day Appointments</div>
  <div class="trust-item"><span class="trust-check">✓</span> Upfront Pricing</div>
  <div class="trust-item"><span class="trust-check">✓</span> 90-Day Parts Warranty</div>
  <div class="trust-item"><span class="trust-check">✓</span> Serving Harrisburg & Surrounding Areas</div>
</div>

<!-- ══ SERVICES ══ -->
<section>
  <div class="inner">
    <p class="tag">What We Fix</p>
    <h2 class="section-title">Expert Appliance Repair for Every Appliance in Your Home</h2>
    <p class="section-sub">From washers to refrigerators — our certified technicians handle all major appliances, all major brands, fast.</p>
    <div class="services-grid">
      <a href="/services/" class="service-card">
        <span class="service-icon">🧺</span>
        <h3>Washer & Dryer Repair</h3>
        <p>Not spinning, leaking, or won't start? We fix all washer and dryer issues — front-load, top-load, and all major brands.</p>
        <span class="service-link">Learn more →</span>
      </a>
      <a href="/services/" class="service-card">
        <span class="service-icon">🌡️</span>
        <h3>Refrigerator Repair</h3>
        <p>Ice maker broken, not cooling, or making strange noises? We handle all fridge and freezer repairs before your food spoils.</p>
        <span class="service-link">Learn more →</span>
      </a>
      <a href="/services/" class="service-card">
        <span class="service-icon">🔥</span>
        <h3>Oven, Range & Stove</h3>
        <p>Burner won't ignite, oven not heating evenly, or a faulty control board? We fix gas and electric ranges quickly and safely.</p>
        <span class="service-link">Learn more →</span>
      </a>
      <a href="/services/" class="service-card">
        <span class="service-icon">🍽️</span>
        <h3>Dishwasher Repair</h3>
        <p>Not draining, not cleaning properly, or leaving dishes wet? We get your dishwasher running at full performance again.</p>
        <span class="service-link">Learn more →</span>
      </a>
      <a href="/services/" class="service-card">
        <span class="service-icon">❄️</span>
        <h3>Freezer Repair</h3>
        <p>Frost buildup, temperature issues, or a unit that won't freeze? We handle all standalone and chest freezer repairs.</p>
        <span class="service-link">Learn more →</span>
      </a>
      <a href="/services/" class="service-card">
        <span class="service-icon">💨</span>
        <h3>Microwave & More</h3>
        <p>Microwaves, range hoods, garbage disposals — if it's a household appliance, we most likely repair it. Just ask us.</p>
        <span class="service-link">Learn more →</span>
      </a>
    </div>
  </div>
</section>

<!-- ══ WHY CHOOSE US ══ -->
<section class="why-bg">
  <div class="inner">
    <div class="why-grid">
      <div>
        <p class="tag">Why Choose Us</p>
        <h2 class="section-title">We show up, we fix it, <em>guaranteed</em></h2>
        <p class="section-sub">We know a broken appliance throws off your whole day. That's why we offer fast scheduling, honest diagnostics, and repairs backed by a real warranty.</p>
        <div class="why-cards">
          <div class="why-card">
            <div class="why-card-icon">⚡</div>
            <h4>Same-Day & Next-Day</h4>
            <p>Call before noon and we'll be there the same day. No waiting weeks for a technician.</p>
          </div>
          <div class="why-card">
            <div class="why-card-icon">💰</div>
            <h4>Transparent Pricing</h4>
            <p>We quote before we fix. No surprise charges or hidden fees — ever.</p>
          </div>
          <div class="why-card">
            <div class="why-card-icon">🛡️</div>
            <h4>90-Day Warranty</h4>
            <p>Every repair is backed by our warranty. If it breaks again, we come back — free.</p>
          </div>
          <div class="why-card">
            <div class="why-card-icon">🔧</div>
            <h4>All Major Brands</h4>
            <p>Samsung, LG, Whirlpool, GE, Bosch, Maytag — we service them all.</p>
          </div>
        </div>
      </div>
      <div class="why-stats">
        <div class="why-stat-card">
          <div class="why-stat-num">98%</div>
          <div class="why-stat-label">Customer satisfaction rate</div>
          <div class="why-stat-desc">We don't leave until the job is done right and you're happy with the result.</div>
        </div>
        <div class="why-stat-card" style="background:var(--blue);">
          <div class="why-stat-num">10+</div>
          <div class="why-stat-label">Years serving Harrisburg</div>
          <div class="why-stat-desc">A decade of trusted appliance repair across Harrisburg, PA and the surrounding communities.</div>
        </div>
        <div class="why-stat-card" style="background:#1e3a5f;">
          <div class="why-stat-num">500+</div>
          <div class="why-stat-label">Repairs completed this year</div>
          <div class="why-stat-desc">From washers to refrigerators — hundreds of Harrisburg families trust us every year.</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══ SERVICE AREAS ══ -->
<section>
  <div class="inner">
    <p class="tag">Service Area</p>
    <h2 class="section-title">Proudly serving <em>Harrisburg</em> and beyond</h2>
    <p class="section-sub">We provide fast, same-day appliance repair across Harrisburg and all surrounding communities in Central Pennsylvania.</p>
    <div class="areas-tags">
      <a href="/areas-we-serve/" class="area-tag">Harrisburg</a>
      <a href="/areas-we-serve/" class="area-tag">Camp Hill</a>
      <a href="/areas-we-serve/" class="area-tag">Mechanicsburg</a>
      <a href="/areas-we-serve/" class="area-tag">Lemoyne</a>
      <a href="/areas-we-serve/" class="area-tag">Enola</a>
      <a href="/areas-we-serve/" class="area-tag">Hershey</a>
      <a href="/areas-we-serve/" class="area-tag">Carlisle</a>
      <a href="/areas-we-serve/" class="area-tag">York</a>
      <a href="/areas-we-serve/" class="area-tag">Lancaster</a>
      <a href="/areas-we-serve/" class="area-tag">Palmyra</a>
      <a href="/areas-we-serve/" class="area-tag">Steelton</a>
      <a href="/areas-we-serve/" class="area-tag">New Cumberland</a>
      <a href="/areas-we-serve/" class="area-tag">Middletown</a>
      <a href="/areas-we-serve/" class="area-tag">Hummelstown</a>
    </div>
  </div>
</section>

<!-- ══ FAQ ══ -->
<section style="background:var(--cream);">
  <div class="inner" style="text-align:center;">
    <p class="tag">FAQ</p>
    <h2 class="section-title">Common Questions About Our Appliance Repair Service</h2>
    <div class="faq-wrap" style="text-align:left;">
      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)">Do you offer same-day appliance repair in Harrisburg? <span class="faq-icon">+</span></button>
        <div class="faq-a">Yes! Call before noon and we'll have a certified technician at your home the same day. Same-day service is available across Harrisburg and all surrounding areas including Camp Hill, Mechanicsburg, and Hershey.</div>
      </div>
      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)">What brands do you repair? <span class="faq-icon">+</span></button>
        <div class="faq-a">We repair all major brands including Samsung, LG, Whirlpool, GE, Bosch, Maytag, Frigidaire, KitchenAid, Kenmore, and more. If you don't see your brand listed, just give us a call.</div>
      </div>
      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)">Do you charge for a diagnostic visit? <span class="faq-icon">+</span></button>
        <div class="faq-a">We provide upfront, transparent pricing. Our diagnostic fee is waived when you proceed with the repair. No hidden charges — ever.</div>
      </div>
      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)">What warranty do you offer on repairs? <span class="faq-icon">+</span></button>
        <div class="faq-a">Every repair comes with a 90-day parts and labor warranty. If the same issue occurs within 90 days, we come back and fix it at no extra charge.</div>
      </div>
      <div class="faq-item">
        <button class="faq-q" onclick="toggleFaq(this)">Is it worth repairing or should I replace my appliance? <span class="faq-icon">+</span></button>
        <div class="faq-a">As a general rule, if the repair costs less than 50% of the replacement value and the appliance is under 10 years old, repair is usually the smarter choice. Our technician will give you an honest assessment before any work begins.</div>
      </div>
    </div>
  </div>
</section>

<!-- ══ CONTACT FORM SECTION ══ -->
<section class="contact-bg" id="contact">
  <div class="inner">
    <p class="tag">Contact Us</p>
    <h2 class="section-title">Appliance acting up? We'll fix it today.</h2>
    <p class="section-sub">Call us now or request a quote online — same-day slots available across Harrisburg and surrounding areas.</p>
    <div class="contact-grid">
      <div class="contact-info">
        <div class="ci">
          <div class="ci-icon">📞</div>
          <div><div class="ci-label">Phone</div><div class="ci-val"><a href="tel:7175550100">(717) 555-0100</a></div></div>
        </div>
        <div class="ci">
          <div class="ci-icon">✉️</div>
          <div><div class="ci-label">Email</div><div class="ci-val"><a href="mailto:info@harrisburggappliancerepair.com">info@harrisburggappliancerepair.com</a></div></div>
        </div>
        <div class="ci">
          <div class="ci-icon">📍</div>
          <div><div class="ci-label">Location</div><div class="ci-val">Harrisburg, PA</div></div>
        </div>
        <div class="ci">
          <div class="ci-icon">🕐</div>
          <div><div class="ci-label">Hours</div><div class="ci-val">Mon–Sat: 8am – 7pm</div></div>
        </div>
        <a href="tel:7175550100" class="btn-blue" style="margin-top:0.5rem;">📞 Call for Same-Day Service</a>
      </div>
      <div class="contact-form-box">
        <h3>Get a Free Quote</h3>
        <p>Tell us about your appliance — we'll call you within 30 minutes.</p>
        <form action="/contact-us/" method="post">
          <div class="form-row">
            <div class="form-group"><input type="text" name="name" placeholder="Full Name" required></div>
            <div class="form-group"><input type="tel" name="phone" placeholder="Phone Number" required></div>
          </div>
          <div class="form-group"><input type="email" name="email" placeholder="Email Address" required></div>
          <div class="form-group">
            <select name="appliance" required>
              <option value="" disabled selected>Select Appliance Type</option>
              <option>Washer / Dryer</option>
              <option>Refrigerator</option>
              <option>Oven / Range / Stove</option>
              <option>Dishwasher</option>
              <option>Freezer</option>
              <option>Microwave</option>
              <option>Other Appliance</option>
            </select>
          </div>
          <div class="form-group"><textarea name="issue" placeholder="Describe the issue and your preferred appointment time..."></textarea></div>
          <button type="submit" class="form-submit">📞 Get a Free Quote →</button>
          <p class="form-note">🔒 Your info is safe. We respond within 30 minutes.</p>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- ══ CTA BANNER ══ -->
<div class="cta-banner">
  <h2>Appliance Repair in Harrisburg PA — Same Day, Every Day</h2>
  <p>Call before noon and we'll be at your door today. Transparent pricing, 90-day warranty, all major brands.</p>
  <div class="cta-btns">
    <a href="tel:7175550100" class="btn-white">📞 Call (717) 555-0100</a>
    <a href="#contact" class="btn-white-ghost">Request a Quote Online</a>
  </div>
</div>

<script>
function toggleFaq(btn) {
  var item = btn.parentElement;
  var isOpen = item.classList.contains('open');
  document.querySelectorAll('.faq-item').forEach(function(el){ el.classList.remove('open'); });
  if (!isOpen) item.classList.add('open');
}
</script>
</body>
</html>/* End custom CSS */