refactor not done

apps/web/src/components/gitHub-contribute-section.tsx

@@ -0,0 +1,44 @@
+import { Button } from "./ui/button";
+import { GithubIcon } from "./icons";
+import { ExternalLink } from "lucide-react";
+import Link from "next/link";
+import { SOCIAL_LINKS } from "@/constants/site-constants";
+
+export function GitHubContributeSection({
+  title,
+  description,
+}: {
+  title: string;
+  description: string;
+}) {
+  return (
+    <div className="flex flex-col gap-6">
+      <div className="flex flex-col gap-4 text-center">
+        <h3 className="text-2xl font-semibold">{title}</h3>
+        <p className="text-muted-foreground">{description}</p>
+      </div>
+      <div className="flex flex-col justify-center gap-4 sm:flex-row">
+        <Link
+          href={`${SOCIAL_LINKS.github}/blob/main/.github/CONTRIBUTING.md`}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Button className="w-full" size="lg">
+            <GithubIcon className="h-4 w-4" />
+            Start contributing
+          </Button>
+        </Link>
+        <Link
+          href={`${SOCIAL_LINKS.github}/issues`}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Button variant="outline" className="w-full" size="lg">
+            <ExternalLink className="h-4 w-4" />
+            Report issues
+          </Button>
+        </Link>
+      </div>
+    </div>
+  );
+}