552 lines
20 KiB
HTML
552 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Handywoman San Francisco | HER</title>
|
|
|
|
|
|
<meta name="description" content="San Francisco's trusted handywoman — precise, reliable, and easy to work with. Diana brings aerospace-level project coordination to your home. Request a quote.">
|
|
|
|
|
|
<link rel="canonical" href="https://her-sf.com/">
|
|
|
|
|
|
<meta property="og:title" content="Handywoman San Francisco | HER">
|
|
<meta property="og:description" content="San Francisco's trusted handywoman — precise, reliable, and easy to work with. Diana brings aerospace-level project coordination to your home. Request a quote.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://her-sf.com/">
|
|
<meta property="og:image" content="https://her-sf.com/assets/diana_photo-min-1-scaled.webp">
|
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Handywoman San Francisco | HER">
|
|
<meta name="twitter:description" content="San Francisco's trusted handywoman — precise, reliable, and easy to work with. Diana brings aerospace-level project coordination to your home. Request a quote.">
|
|
<meta name="twitter:image" content="https://her-sf.com/assets/diana_photo-min-1-scaled.webp">
|
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600&display=swap">
|
|
|
|
<link rel="stylesheet" href="./css/main.css">
|
|
|
|
|
|
|
|
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "LocalBusiness",
|
|
"@id": "https://her-sf.com/#business",
|
|
"name": "Home Enhancement and Renovation — HER",
|
|
"url": "https://her-sf.com",
|
|
"telephone": "+16508339380",
|
|
"email": "diana@spotlighthis.com",
|
|
"image": "https://her-sf.com/assets/diana_photo-min-1-scaled.webp",
|
|
"priceRange": "$$",
|
|
"address": {
|
|
"@type": "PostalAddress",
|
|
"addressLocality": "San Francisco",
|
|
"addressRegion": "CA",
|
|
"addressCountry": "US"
|
|
},
|
|
"geo": {
|
|
"@type": "GeoCoordinates",
|
|
"latitude": 37.7749,
|
|
"longitude": -122.4194
|
|
},
|
|
"areaServed": [
|
|
"San Francisco", "Oakland", "Berkeley", "San Jose", "Palo Alto",
|
|
"Marin County", "Tiburon", "Sausalito", "Daly City",
|
|
"South San Francisco", "Burlingame", "San Mateo", "Redwood City",
|
|
"Menlo Park", "Fremont", "Alameda"
|
|
]
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<a href="#main-content" class="skip-link">Skip to main content</a>
|
|
|
|
<header class="nav" role="banner">
|
|
<div class="nav__inner container">
|
|
|
|
<a href="./index.html" class="nav__brand" aria-label="HER Home Enhancement & Restoration — Home">
|
|
<span class="nav__brand-her">HER</span>
|
|
<span class="nav__brand-tagline" aria-hidden="true">Home Enhancement<br><span class="nav__brand-amp">&</span> Restoration</span>
|
|
</a>
|
|
|
|
<nav aria-label="Main navigation">
|
|
<ul class="nav__links" role="list">
|
|
<li><a href="./about/index.html">About</a></li>
|
|
<li><a href="./services/index.html">Services</a></li>
|
|
<li><a href="./testimonials/index.html">Testimonials</a></li>
|
|
<li><a href="./contact/index.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="nav__actions">
|
|
<a href="tel:+16508339380" class="nav__phone" aria-label="Call Diana at (650) 833-9380">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
|
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.78a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 21.5 16h.5a2 2 0 0 1 .02.92z"/>
|
|
</svg>
|
|
</a>
|
|
|
|
<a href="./contact/index.html" class="btn btn--primary" style="display:none" id="nav-cta">Request a Quote</a>
|
|
|
|
<button
|
|
class="nav__toggle"
|
|
aria-label="Open menu"
|
|
aria-expanded="false"
|
|
aria-controls="nav-overlay"
|
|
>
|
|
<span class="nav__bar"></span>
|
|
<span class="nav__bar"></span>
|
|
<span class="nav__bar"></span>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="nav__overlay" id="nav-overlay" hidden>
|
|
<button class="nav__overlay-close" aria-label="Close menu">✕</button>
|
|
<nav aria-label="Mobile navigation">
|
|
<ul role="list">
|
|
<li><a href="./about/index.html">About</a></li>
|
|
<li><a href="./services/index.html">Services</a></li>
|
|
<li><a href="./testimonials/index.html">Testimonials</a></li>
|
|
<li><a href="./contact/index.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<a href="./contact/index.html" class="btn btn--ghost-white btn--full">Request a Quote</a>
|
|
<a href="tel:+16508339380" class="nav__overlay-phone">(650) 833-9380</a>
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
<main id="main-content">
|
|
|
|
|
|
<section class="hero">
|
|
<div class="hero__inner container">
|
|
|
|
<div class="hero__content">
|
|
<p class="section-eyebrow">San Francisco Handywoman</p>
|
|
<h1 class="display-title">Fix it right.<br>The first time.</h1>
|
|
<p class="lead-text">Precise, reliable, and easy to work with — Diana brings aerospace-level project coordination to your home improvement project.</p>
|
|
|
|
<div class="hero__actions">
|
|
<a href="./contact/index.html" class="btn btn--primary">Request a Quote</a>
|
|
<div class="hero__contact">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
|
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.4 2 2 0 0 1 3.6 1.22h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.91 8.78a16 16 0 0 0 6 6l.92-.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 21.5 16h.5a2 2 0 0 1 .02.92z"/>
|
|
</svg>
|
|
<a href="tel:+16508339380">(650) 833-9380</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero__image">
|
|
<img
|
|
src="./assets/diana_photo-min-1-scaled.webp"
|
|
alt="Diana on a sailboat with the Golden Gate Bridge in the background, smiling."
|
|
loading="eager"
|
|
fetchpriority="high"
|
|
width="1440"
|
|
height="1920"
|
|
>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="services-section section bg-linen">
|
|
<div class="services-section__header container">
|
|
<p class="section-eyebrow">What Diana does</p>
|
|
<h2>Services for every room — and beyond.</h2>
|
|
</div>
|
|
|
|
<div class="services-grid container">
|
|
|
|
<a href="./services/painting/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/painting-5-min.jpg"
|
|
alt="Exterior of a dark brown house with red-framed windows, freshly painted."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Painting</p>
|
|
<p class="service-card__desc">Interior and exterior painting, including trim work.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/tile-setting/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/tile-setting-4-min.png"
|
|
alt="Modern bathroom with brown tiled walls and a white sink, freshly tiled."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Tile Setting</p>
|
|
<p class="service-card__desc">Removing and installing all sizes of tiles in kitchens, bathrooms, entryways, and patios.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/drywall/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/sheetrocking-1-min.png"
|
|
alt="Hands applying joint compound to patch a square hole in a wall."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Drywall & Sheetrocking</p>
|
|
<p class="service-card__desc">Drywall and sheetrocking — removing, replacing, patching, and sanding.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/plumbing/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/plumbing-3-min.png"
|
|
alt="Dual-basin stainless steel kitchen sink with a high-arc faucet, newly installed."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Minor Plumbing</p>
|
|
<p class="service-card__desc">Minor plumbing work including sink, toilet, and shower repairs.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/electrical/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/electrical-7-min.jpg"
|
|
alt="Person installing a ceiling light fixture, connecting wires safely."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Minor Electrical</p>
|
|
<p class="service-card__desc">Minor electrical work, including installing lights and fans.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/carpentry-and-mounting/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/wood-refinishing-4-min.png"
|
|
alt="Electric sander smoothing a wooden surface for carpentry work."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Carpentry & Mounting</p>
|
|
<p class="service-card__desc">Carpentry, shelving installation, TV mounting, cabinet repairs, and trim work.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/flooring/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/wood-refinishing-7-min.png"
|
|
alt="Hardwood floor half sanded and restored, showing the before and after."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Flooring & Wood Refinishing</p>
|
|
<p class="service-card__desc">Flooring touch-ups and wood refinishing for floors, decks, stairs, cabinets, and more.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/security-safety/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/grab-bar-min.png"
|
|
alt="White grab bar securely mounted to a bathroom wall for safety."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Security & Safety Equipment</p>
|
|
<p class="service-card__desc">Grab bars, security bars, window mesh, and security camera installation.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="./services/boat-work/index.html" class="service-card fade-up">
|
|
<div class="service-card__image">
|
|
<img
|
|
src="./assets/boat-work-min-scaled.jpg"
|
|
alt="Yellow and white sailboat docked at a marina in the San Francisco Bay."
|
|
loading="lazy"
|
|
>
|
|
</div>
|
|
<div class="service-card__body">
|
|
<p class="service-card__name">Boat Work</p>
|
|
<p class="service-card__desc">Boat woodwork, spray paint, and marine hardware replacement.</p>
|
|
<span class="service-card__arrow" aria-hidden="true">→</span>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="why-her section bg-mist">
|
|
<div class="why-her__header container">
|
|
<p class="section-eyebrow">Why choose HER</p>
|
|
<h2>What makes Diana different.</h2>
|
|
</div>
|
|
|
|
<div class="why-her__grid container">
|
|
|
|
<div class="trust-pillar fade-up">
|
|
<div class="trust-pillar__icon" aria-hidden="true">✓</div>
|
|
<h3 class="trust-pillar__title">Reliable & Accountable</h3>
|
|
<p class="trust-pillar__body">Diana sets a schedule and sticks to it. No chasing, no surprises — just clear communication and work delivered on time.</p>
|
|
</div>
|
|
|
|
<div class="trust-pillar fade-up">
|
|
<div class="trust-pillar__icon" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
|
|
<polyline points="23 4 23 10 17 10"/>
|
|
<polyline points="1 20 1 14 7 14"/>
|
|
<path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="trust-pillar__title">Project Coordination</h3>
|
|
<p class="trust-pillar__body">With a background managing multimillion-dollar aerospace projects, Diana brings big-picture thinking and attention to detail to every home job.</p>
|
|
</div>
|
|
|
|
<div class="trust-pillar fade-up">
|
|
<div class="trust-pillar__icon" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
|
|
<path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="trust-pillar__title">Easy to Work With</h3>
|
|
<p class="trust-pillar__body">Homeowners consistently describe working with Diana as refreshingly straightforward — honest pricing, calm approach, and no attitude.</p>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="testimonials-strip section bg-linen">
|
|
<div class="testimonials-strip__header container">
|
|
<p class="section-eyebrow">Client reviews</p>
|
|
<h2>What people say.</h2>
|
|
<a href="./testimonials/index.html" class="btn btn--secondary">All reviews</a>
|
|
</div>
|
|
|
|
<div class="testimonials-grid container">
|
|
|
|
|
|
<div class="testimonial-card fade-up">
|
|
<blockquote>
|
|
<p class="testimonial-card__quote">“She is so reliable, talented, hardworking and resourceful.”</p>
|
|
<footer>
|
|
<p class="testimonial-card__author">Wendy Brummer</p>
|
|
|
|
<p class="testimonial-card__city">San Francisco</p>
|
|
|
|
</footer>
|
|
</blockquote>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="testimonial-card fade-up">
|
|
<blockquote>
|
|
<p class="testimonial-card__quote">“Really dedicated to the best solution.”</p>
|
|
<footer>
|
|
<p class="testimonial-card__author">David Snyder</p>
|
|
|
|
<p class="testimonial-card__city">Oakland</p>
|
|
|
|
</footer>
|
|
</blockquote>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="service-area section">
|
|
<div class="container">
|
|
<h2 class="service-area__title">Serving San Francisco and the Bay Area</h2>
|
|
<p>Within 50 miles of San Francisco — from Marin County to Palo Alto and across the East Bay.</p>
|
|
<ul class="service-area__cities" role="list">
|
|
|
|
<li class="service-area__city">San Francisco</li>
|
|
|
|
<li class="service-area__city">Oakland</li>
|
|
|
|
<li class="service-area__city">Berkeley</li>
|
|
|
|
<li class="service-area__city">San Jose</li>
|
|
|
|
<li class="service-area__city">Palo Alto</li>
|
|
|
|
<li class="service-area__city">Marin County</li>
|
|
|
|
<li class="service-area__city">Tiburon</li>
|
|
|
|
<li class="service-area__city">Sausalito</li>
|
|
|
|
<li class="service-area__city">Daly City</li>
|
|
|
|
<li class="service-area__city">South San Francisco</li>
|
|
|
|
<li class="service-area__city">Burlingame</li>
|
|
|
|
<li class="service-area__city">San Mateo</li>
|
|
|
|
<li class="service-area__city">Redwood City</li>
|
|
|
|
<li class="service-area__city">Menlo Park</li>
|
|
|
|
<li class="service-area__city">Fremont</li>
|
|
|
|
<li class="service-area__city">Alameda</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="cta-band" aria-label="Call to action">
|
|
<div class="cta-band__inner">
|
|
<p class="section-eyebrow">Ready to get started?</p>
|
|
<h2 class="cta-band__title">Let's talk about your project.</h2>
|
|
<p class="cta-band__sub">Diana responds within 1–2 business days.</p>
|
|
<a href="./contact/index.html" class="btn btn--ghost-white">Request a Quote</a>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="footer__inner container">
|
|
|
|
<div>
|
|
<a href="./index.html" class="footer__brand" aria-label="HER Home Enhancement & Restoration — Home">
|
|
<span class="footer__brand-her">HER</span>
|
|
<span class="footer__brand-tagline" aria-hidden="true">Home Enhancement<br><span class="footer__brand-amp">&</span> Restoration</span>
|
|
</a>
|
|
</div>
|
|
|
|
<nav aria-label="Footer navigation">
|
|
<p class="footer__nav-heading">Services in the Bay Area</p>
|
|
<div class="footer__nav-cols">
|
|
<ul class="footer__nav" role="list">
|
|
|
|
|
|
<li><a href="./services/painting/index.html">Painting</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/tile-setting/index.html">Tile Setting</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/drywall/index.html">Drywall & Sheetrocking</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/plumbing/index.html">Minor Plumbing</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/electrical/index.html">Minor Electrical</a></li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
<ul class="footer__nav" role="list">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li><a href="./services/carpentry-and-mounting/index.html">Carpentry & Mounting</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/flooring/index.html">Flooring & Wood Refinishing</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/security-safety/index.html">Security & Safety Equipment</a></li>
|
|
|
|
|
|
|
|
<li><a href="./services/boat-work/index.html">Boat Work</a></li>
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div>
|
|
<p class="footer__nav-heading">Contact</p>
|
|
<div class="footer__contact">
|
|
<a href="tel:+16508339380">(650) 833-9380</a>
|
|
<a href="mailto:diana@spotlighthis.com">diana@spotlighthis.com</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="footer__bottom">
|
|
<div class="container">
|
|
<p>© 2026 Home Enhancement & Restoration — HER. All rights reserved.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<script src="./js/main.js" defer></script>
|
|
</body>
|
|
</html>
|