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

import Link from "next/link";
import { Button } from "@/components/ui/button"


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">
            Ballistic Builder 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-gray-950 text-grey-100 hover:translate-y-[-2px] transition duration-300">Click me test</Button>
        </div>
      </section>
    )
  )
}