RELIABLE • PROFESSIONAL • LOCAL

Need a Hand Around the House?

From small repairs to home improvement projects, we're here to help. Sign up today to get in touch with our handyman team.

/* ===== Handyman Signup Banner ===== */ .handyman-banner { --handyman-primary: #f5a623; --handyman-dark: #172b3a; --handyman-text: #344454; width: 100%; padding: 60px 24px; box-sizing: border-box; background: linear-gradient( 135deg, #f4f7fa 0%, #ffffff 55%, #fff5e5 100% ); font-family: Arial, Helvetica, sans-serif; } .handyman-banner *, .handyman-banner *::before, .handyman-banner *::after { box-sizing: border-box; } .handyman-banner__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; max-width: 1150px; margin: 0 auto; } /* Logo / Image */ .handyman-banner__image { display: flex; align-items: center; justify-content: center; min-width: 0; } .handyman-banner__image img { display: block; width: 100%; max-width: 520px; height: auto; object-fit: contain; border: 0; box-shadow: none; background: transparent; } /* Content */ .handyman-banner__content { width: 100%; max-width: 500px; margin: 0 auto; } .handyman-banner__eyebrow { display: inline-block; margin-bottom: 14px; color: #b66d00; font-size: 12px; font-weight: 800; letter-spacing: 2px; line-height: 1.5; } .handyman-banner__content h2 { margin: 0 0 18px; color: var(--handyman-dark); font-size: clamp(30px, 3.5vw, 44px); font-weight: 800; line-height: 1.15; letter-spacing: -1px; } .handyman-banner__content p { margin: 0 0 24px; color: var(--handyman-text); font-size: 16px; line-height: 1.8; } /* Sign-up Form */ .handyman-signup { display: flex; flex-direction: column; gap: 10px; width: 100%; } .handyman-signup label { margin-top: 5px; color: var(--handyman-dark); font-size: 13px; font-weight: 700; } .handyman-signup input { display: block; width: 100%; min-height: 48px; padding: 13px 15px; border: 1px solid #d5dce3; border-radius: 7px; outline: none; background: #ffffff; color: #172b3a; font: inherit; font-size: 15px; transition: border-color 0.2s, box-shadow 0.2s; } .handyman-signup input::placeholder { color: #8995a1; } .handyman-signup input:focus { border-color: var(--handyman-primary); box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.18); } /* Call-to-action button */ .handyman-signup button { display: block; width: 100%; min-height: 54px; margin-top: 12px; padding: 15px 20px; border: none; border-radius: 7px; background: var(--handyman-primary); color: #172b3a; font-family: inherit; font-size: 15px; font-weight: 800; letter-spacing: 0.5px; text-align: center; cursor: pointer; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; } .handyman-signup button:hover { background: #e8940c; box-shadow: 0 6px 16px rgba(23, 43, 58, 0.14); transform: translateY(-2px); } .handyman-signup button:focus-visible { outline: 3px solid #172b3a; outline-offset: 3px; } .handyman-signup small { display: block; margin-top: 5px; color: #687785; font-size: 12px; line-height: 1.6; text-align: center; } /* ===== Tablet ===== */ @media (max-width: 800px) { .handyman-banner { padding: 45px 22px; } .handyman-banner__inner { grid-template-columns: 1fr; gap: 28px; max-width: 560px; } .handyman-banner__image img { max-width: 340px; } .handyman-banner__content { max-width: 100%; } .handyman-banner__content h2 { font-size: 34px; } } /* ===== Mobile ===== */ @media (max-width: 480px) { .handyman-banner { padding: 32px 16px; } .handyman-banner__inner { gap: 20px; } .handyman-banner__image img { max-width: 260px; } .handyman-banner__eyebrow { font-size: 10px; letter-spacing: 1.5px; } .handyman-banner__content h2 { font-size: 29px; letter-spacing: -0.5px; } .handyman-banner__content p { font-size: 15px; line-height: 1.7; } .handyman-signup input { min-height: 46px; } .handyman-signup button { min-height: 52px; } }