<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>On-Time Home Repairs | Handyman Services San Fernando Valley</title>
<link rel="icon" href="https://fav.farm/🛠️">
<script src="https://cdn.tailwindcss.com"></script>
<meta name="description" content="Professional handyman services in Reseda, Tarzana, Encino, and the SFV. On-Time Home Repairs offers flat-fee pricing and guaranteed arrival windows.">
</head>
<body class="bg-slate-50 text-slate-900 font-sans">
<header class="sticky top-0 bg-white shadow-md z-50 py-4 px-6 flex justify-between items-center">
<div class="text-2xl font-black text-blue-700 tracking-tighter">ON-TIME <span class="text-slate-800 underline decoration-yellow-400">HOME REPAIRS</span></div>
<a href="sms:+13239970219&body=Hi%20Vic,%20I%20need%20a%20quote%20for%20a%20repair..." class="bg-green-600 text-white px-5 py-2 rounded-full font-bold hover:bg-green-700 transition uppercase text-xs">TEXT VIC A PHOTO</a>
</header>
<section class="py-16 px-6 text-center bg-gradient-to-b from-white to-slate-100">
<h1 class="text-4xl md:text-6xl font-extrabold mb-4 leading-tight">The Valley's Only Handyman Who <span class="text-blue-600 underline">Shows Up On Time.</span></h1>
<p class="text-xl text-slate-600 mb-8 max-w-2xl mx-auto">Serving Reseda, Tarzana, Encino, and the SFV. No hourly games. Just flat-fee quality.</p>
<div class="flex flex-col md:flex-row justify-center gap-4">
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-yellow-400">
<span class="block text-3xl mb-2">⏱️</span>
<h3 class="font-bold">15-Min Guarantee</h3>
<p class="text-sm text-slate-500">If we're late, you get a discount.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-lg border-t-4 border-blue-500">
<span class="block text-3xl mb-2">📸</span>
<h3 class="font-bold">Quote via SMS</h3>
<p class="text-sm text-slate-500">Text a photo, get a flat price.</p>
</div>
</div>
</section>
<section class="py-12 px-6 max-w-4xl mx-auto flex flex-col md:flex-row items-center gap-10 border-y border-slate-200">
<div class="relative w-64 h-64 flex-shrink-0">
<img src="vic.jpg" alt="Vic - On-Time Home Repairs" class="w-full h-full object-cover rounded-2xl shadow-2xl border-4 border-white bg-slate-200">
<div class="absolute -bottom-4 -right-4 bg-yellow-400 text-slate-900 font-black px-4 py-2 rounded-lg shadow-lg rotate-3 uppercase text-sm">
Valley Verified ✓
</div>
</div>
<div>
<h2 class="text-3xl font-bold mb-4 text-slate-800">Meet Vic: Your Local Pro</h2>
<p class="text-lg text-slate-700 leading-relaxed mb-4 italic">"I grew up right here in the Valley. I know the frustration of waiting around for a contractor who never shows. At <strong>On-Time Home Repairs</strong>, I built my business on one rule: your time is as valuable as mine."</p>
<div class="flex items-center gap-2 text-blue-700 font-bold">
<span>⭐⭐⭐⭐⭐</span>
<span>5.0 Rating on Google Maps</span>
</div>
</div>
</section>
<section class="bg-slate-900 text-white py-16 px-6">
<div class="max-w-5xl mx-auto text-center">
<h2 class="text-2xl font-bold mb-8 uppercase tracking-widest text-yellow-400 font-mono text-sm">Precision Service Areas</h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-sm font-medium opacity-80">
<span>📍 Reseda</span><span>📍 Tarzana</span><span>📍 Encino</span><span>📍 North Hollywood</span>
<span>📍 Granada Hills</span><span>📍 Northridge</span><span>📍 Porter Ranch</span><span>📍 SFV Wide</span>
</div>
</div>
</section>
<footer class="py-20 text-center bg-white">
<h2 class="text-3xl font-bold mb-4">Need a repair today?</h2>
<p class="mb-8 text-slate-500">Text a photo of the problem for an instant estimate.</p>
<a href="sms:+13239970219&body=Hi%20Vic,%20I%20need%20a%20quote%20for%20a%20repair..." class="inline-block bg-blue-600 text-white text-2xl font-bold px-12 py-6 rounded-2xl shadow-2xl hover:scale-105 transition transform uppercase tracking-tight">TEXT VIC: 323-997-0219</a>
<p class="mt-8 text-xs text-slate-400">© 2026 On-Time Home Repairs. All Rights Reserved.</p>
</footer>
</body>
</html>