ballistic-builder/src/components/site/About/index.tsx

import constants from "@src/lib/constants";

export default function About() {

  return (

    (
      <section id="about" className="bg-gray-200 py-20">
        <div className="container mx-auto px-6 text-center">
          <h3 className="text-3xl text-gray-700 font-bold mb-6 ">About Us</h3>
          <p className="text-gray-700">
            {constants.APP_NAME} is your go-to platform for customizing, building,
            and exploring firearm parts. Designed for enthusiasts by
            enthusiasts, we make firearm building easy and accessible.
          </p>
          <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Click me test</button>
          {/* <Button className="bg-gray-950 text-grey-100 hover:translate-y-[-2px] transition duration-300">Click me test</Button> */}
        </div>
      </section>
    )
  )
}