// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.

import React from 'react';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";

export default function MetricsSection(): React.JSX.Element {
  return (
    <div id="metrics" data-section="metrics">
        <SectionErrorBoundary name="metrics">
              <MetricsMediaCards
          tag="Our Impact"
          title="Decades of Dedicated Service in LA"
          description="Trusted by thousands of homes and businesses across Los Angeles, we stand by our quality, reliability, and unparalleled customer satisfaction."
          metrics={[
            {
              value: "20+",
              title: "Years of Experience",
              description: "Serving the greater Los Angeles area with unmatched plumbing expertise.",
              imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg",
            },
            {
              value: "5000+",
              title: "Satisfied Clients",
              description: "A growing community of happy homeowners and businesses trust our work.",
              imageSrc: "http://img.b2bpic.net/free-photo/polyamory-people-spending-time-together_23-2149301972.jpg",
            },
            {
              value: "24/7",
              title: "Emergency Availability",
              description: "Ready to respond to your urgent plumbing needs, day or night.",
              imageSrc: "http://img.b2bpic.net/free-photo/man-using-pc-customer-support-job-workplace_482257-125150.jpg",
            },
          ]}
        />
        </SectionErrorBoundary>
      </div>
  );
}