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

import React from 'react';
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";

export default function ServicesSection(): React.JSX.Element {
  return (
    <div id="services" data-section="services">
        <SectionErrorBoundary name="services">
              <FeaturesArrowCards
          tag="Our Services"
          title="Comprehensive Plumbing Solutions"
          description="From emergency repairs to routine maintenance, we cover every aspect of your plumbing system with expertise and care."
          items={[
            {
              title: "Emergency Repairs",
              tags: [
                "24/7 Availability",
                "Fast Response",
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg",
            },
            {
              title: "Drain Cleaning",
              tags: [
                "Clog Removal",
                "Sewer Line",
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-water-pouring-water-drain_181624-18353.jpg",
            },
            {
              title: "Water Heater Services",
              tags: [
                "Installation",
                "Repair",
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-touching-vintage-machine_23-2148180331.jpg",
            },
            {
              title: "Leak Detection & Repair",
              tags: [
                "Slab Leaks",
                "Pipe Repair",
              ],
              imageSrc: "http://img.b2bpic.net/free-photo/man-woman-using-their-phone-kitchen_23-2149017744.jpg",
            },
          ]}
        />
        </SectionErrorBoundary>
      </div>
  );
}
