committing wiht errors wbut better than before, moved some stuff more moving coming,

src/components/site/About/index.tsx

@@ -0,0 +1,23 @@
+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>
+    )
+  )
+}