ballistic-builder/src/app/components/FeaturesSection/index.tsx

import Link from "next/link";

export default function FeaturesSection() {

  return (
    (
      <section id="features" className="py-20">
        <div className="container mx-auto px-6 text-center">
          <h3 className="text-3xl font-bold mb-6">Features</h3>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="bg-white shadow-md p-6 rounded">
              <h4 className="text-xl font-bold mb-2">Extensive Database</h4>
              <p className="text-gray-600">
                Access thousands of firearm parts from trusted resellers.
              </p>
            </div>
            <div className="bg-white shadow-md p-6 rounded">
              <h4 className="text-xl font-bold mb-2">Compatibility Checker</h4>
              <p className="text-gray-600">
                Ensure every part works perfectly together.
              </p>
            </div>
            <div className="bg-white shadow-md p-6 rounded">
              <h4 className="text-xl font-bold mb-2">Save & Share Builds</h4>
              <p className="text-gray-600">
                Save your builds or share them with friends.
              </p>
            </div>
          </div>
        </div>
      </section>
    )
  )
}