clean up

src/components/About/index.tsx

@@ -1,4 +1,6 @@
 import Link from "next/link";
+import { Button } from "@/components/ui/button"
+
 
 export default function About() {
 
@@ -7,12 +9,13 @@ export default function About() {
     (
       <section id="about" className="bg-gray-200 py-20">
         <div className="container mx-auto px-6 text-center">
-          <h3 className="text-3xl font-bold mb-6">About Us</h3>
+          <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>
     )