Fixed contact PAge 404 issue

src/app/(public)/contact/page.tsx

@@ -0,0 +1,71 @@
+import Link from "next/link";
+
+const contacts = [
+  {
+    name: "Vikram Singh",
+    phone: "7521909254",
+    linkedin: "https://www.linkedin.com/in/0xvikrams/",
+  },
+  {
+    name: "Radhika Chauhan",
+    phone: "9368011794",
+    linkedin: "https://www.linkedin.com/in/full-stack-radhikachauhan/",
+  },
+  {
+    name: "Granth Agarwal",
+    phone: "9599443100",
+    linkedin: "https://www.linkedin.com/in/granth-agarwal/",
+  },
+];
+
+export default function ContactPage() {
+  return (
+    <section className="min-h-screen px-6 py-20">
+      {/* Header */}
+      <div className="max-w-3xl mx-auto text-center mb-16">
+        <h1 className="text-4xl font-bold mb-4">Get in Touch</h1>
+        <p className="text-muted-foreground text-lg">
+          OUR TEAM IS HERE TO HELP YOU WITH ANY QUESTIONS OR SUPPORT YOU MAY NEED. FEEL FREE TO REACH OUT TO US!
+        </p>
+      </div>
+
+      {/* Cards */}
+      <div className="max-w-5xl mx-auto grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
+        {contacts.map((person) => (
+          <div
+            key={person.name}
+            className="group rounded-2xl border bg-background p-6 shadow-sm transition-all hover:-translate-y-1 hover:shadow-lg text-center"
+          >
+            {/* Avatar with initials */}
+            <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary font-bold text-lg">
+              {person.name
+                .split(" ")
+                .map((n) => n[0])
+                .join("")}
+            </div>
+
+            {/* Full Name */}
+            <h2 className="text-xl font-semibold mb-3">
+              {person.name}
+            </h2>
+
+            {/* Contact Info */}
+            <div className="space-y-2 text-sm">
+              <p className="flex items-center justify-center gap-2">
+                <span>{person.phone}</span>
+              </p>
+
+              <Link
+                href={person.linkedin}
+                target="_blank"
+                className="inline-flex items-center justify-center gap-2 text-primary hover:underline"
+              >
+                🔗 LinkedIn Profile
+              </Link>
+            </div>
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}