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

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

export default function FeaturesSection(): React.JSX.Element {
  return (
    <div id="features" data-section="features">
        <SectionErrorBoundary name="features">
              <FeaturesRevealCards
          tag="Production Excellence"
          title="Engineered for Producers"
          description="Professional tools for the modern beatmaker, tailored for high-impact production."
          items={[
            {
              title: "Analog Warmth",
              description: "Authentic warmth of classic gear matched with digital fidelity.",
              imageSrc: "https://images.pexels.com/photos/33500466/pexels-photo-33500466.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=33500466",
            },
            {
              title: "Dynamic Range",
              description: "Experience unparalleled depth and clarity in every beat.",
              imageSrc: "https://images.pexels.com/photos/34263843/pexels-photo-34263843.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=34263843",
            },
            {
              title: "Seamless Integration",
              description: "Ready to drop into any workstation or project workflow.",
              imageSrc: "https://images.pexels.com/photos/9872962/pexels-photo-9872962.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&id=9872962",
            },
          ]}
        />
        </SectionErrorBoundary>
      </div>
  );
}
