Intersecting Lines Dark

Please implement this code in the current project and add it to (Your Desired Section, e.g. homepage hero, pricing page, dashboard). Change the primary accent color to (YOUR HEX CODE COLOR, e.g. #6366F1).

Requirements:
- Use React + Tailwind CSS (match the project's existing setup)
- Install dependencies if needed: npm install react react-dom
- Keep the layout responsive on mobile and desktop
- Replace placeholder copy with content that fits the project

The UI code:

const highlights = [
  { stat: "14 hrs", label: "Saved per team weekly" },
  { stat: "340ms", label: "Avg. sync latency" },
  { stat: "120+", label: "Native integrations" },
];

export function IntersectingLinesFeatures() {
  return (
    <section
      className="relative overflow-hidden bg-[#09090B] px-4 py-24 sm:px-6 sm:py-32"
      style={{
        backgroundImage: [
          "repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(255,255,255,0.025) 12px,rgba(255,255,255,0.025) 13px)",
          "repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(255,255,255,0.025) 12px,rgba(255,255,255,0.025) 13px)",
        ].join(","),
      }}
    >
      <div className="relative mx-auto max-w-3xl text-center">
        <p className="text-xs font-medium uppercase tracking-[0.2em] text-zinc-500">Platform</p>
        <h2 className="mt-4 text-3xl font-semibold tracking-tight text-zinc-50 sm:text-4xl">Infrastructure that scales with you</h2>
        <p className="mx-auto mt-4 max-w-lg text-sm leading-relaxed text-zinc-400">
          From first customer to IPO — NovaFlow handles millions of workflow runs without manual ops overhead.
        </p>
        <div className="mt-12 grid gap-6 sm:grid-cols-3">
          {highlights.map(({ stat, label }) => (
            <div key={label} className="rounded-xl border border-white/10 bg-white/5 px-4 py-5">
              <p className="text-2xl font-semibold tabular-nums text-zinc-50">{stat}</p>
              <p className="mt-1 text-sm text-zinc-500">{label}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}