285 lines
9.9 KiB
HTML
285 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>About Diana | HER</title>
|
|
|
|
|
|
<meta name="description" content="Meet Diana — San Francisco's trusted handywoman. Decades of experience, aerospace project management background, and a passion for getting things done right.">
|
|
|
|
|
|
<link rel="canonical" href="https://her-sf.com/about/">
|
|
|
|
|
|
<meta property="og:title" content="About Diana | HER">
|
|
<meta property="og:description" content="Meet Diana — San Francisco's trusted handywoman. Decades of experience, aerospace project management background, and a passion for getting things done right.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://her-sf.com/about/">
|
|
<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="About Diana | HER">
|
|
<meta name="twitter:description" content="Meet Diana — San Francisco's trusted handywoman. Decades of experience, aerospace project management background, and a passion for getting things done right.">
|
|
<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="page-hero bg-graphite">
|
|
<div class="page-hero__inner container">
|
|
<p class="section-eyebrow">About Diana</p>
|
|
<h1 class="page-hero__title">Built to fix things.<br>Built to last.</h1>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="about-page section">
|
|
<div class="about-page__grid container">
|
|
|
|
<div class="about-page__image">
|
|
<img
|
|
src="../assets/diana_photo-min-1-scaled.webp"
|
|
alt="Diana on a sailboat with the Golden Gate Bridge in the background."
|
|
loading="eager"
|
|
width="800"
|
|
height="1067"
|
|
>
|
|
</div>
|
|
|
|
<div class="about-page__content">
|
|
<p class="section-eyebrow">My story</p>
|
|
<h2>A lifetime of craft,<br>sharpened by aerospace.</h2>
|
|
|
|
<div class="about-page__bio">
|
|
<p>My passion has always been building and fixing things. My early professional experience includes interior and exterior residential painting. As a tile setter, I realized I could provide better services and began my own tile company, where I provided both commercial and residential installations for over 200 customers.</p>
|
|
<p>As my passion continued to develop, it led me to an opportunity to work as an airline mechanic and satellite engineer. Aerospace gave me the opportunity to manage large multimillion-dollar projects where I gained project management, engineering design, and material procurement expertise.</p>
|
|
<p>After a long career in aerospace, I wanted to return to my passion of working with people and help them complete the project of their dreams.</p>
|
|
</div>
|
|
|
|
<blockquote class="about-page__pullquote">
|
|
<p>Over 200 tile installations. Multimillion-dollar aerospace projects. Now she's working on yours.</p>
|
|
</blockquote>
|
|
|
|
<a href="../contact/index.html" class="btn btn--primary">Request a Quote</a>
|
|
</div>
|
|
|
|
</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>
|