Linked homepage heroes to service page

2026-05-14 14:56:20 -04:00
parent 802dd7089a
commit 0469793df5
1 changed files with 6 additions and 1 deletions
@@ -2,26 +2,31 @@
 const services = [
  {
    title: "Electrical",
+    id: "electrical",
    description: "Outlets, smart lighting, EV chargers, and critical troubleshooting. Professional wiring done right.",
    icon: "M13 10V3L4 14h7v7l9-11h-7z"
  },
  {
    title: "Plumbing",
+    id: "plumbing",
    description: "Fixtures, leaks, high-flow water heaters, garbage disposals, and drain solutions for your home.",
    icon: "M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"
  },
  {
    title: "HVAC",
+    id: "hvac",
    description: "Maintenance, troubleshooting, thermostats, and mini-split system installation to keep you comfortable.",
    icon: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
  },
  {
    title: "Appliance Repair",
+    id: "appliance",
    description: "Restoration for ovens, refrigerators, dishwashers, washers, and dryers. Extending the life of your appliances.",
    icon: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
  },
  {
    title: "Home Improvements",
+    id: "improvements",
    description: "Custom built-ins, precision trim work, decks, patios, and general mechanical repairs for homeowners.",
    icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
  }
@@ -50,7 +55,7 @@ const services = [
            </div>
            <h3 class="font-industrial text-2xl font-bold uppercase mb-4 tracking-wider text-brand-navy">{service.title}</h3>
            <p class="text-text-secondary mb-8 leading-relaxed">{service.description}</p>
-            <a href="#" class="inline-flex items-center gap-2 font-bold uppercase text-xs tracking-widest text-brand-orange hover:text-brand-navy transition-colors">
+            <a href={`/services#${service.id}`} class="inline-flex items-center gap-2 font-bold uppercase text-xs tracking-widest text-brand-orange hover:text-brand-navy transition-colors">
              Learn More <span class="text-lg">→</span>
            </a>
          </div>