Initial commit

Next.js + Express event management app for Hope Family Church.

frontend/src/app/payment/failure/page.tsx

@@ -0,0 +1,20 @@
+"use client";
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { useRouter } from "next/navigation";
+import React from "react";
+
+export default function PaymentFailurePage() {
+  const router = useRouter();
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Navbar />
+      <main className="flex-1 p-6 max-w-2xl mx-auto w-full">
+        <h1 className="text-2xl font-semibold mb-2">Payment failed</h1>
+        <p className="text-gray-700">Unfortunately, your payment failed. Please try again or use a different method.</p>
+        <button className="px-3 py-1.5 text-sm rounded bg-indigo-100 hover:bg-indigo-200 text-indigo-800 shadow-sm" onClick={() => router.push('/dashboard/user')}>Go to Dashboard</button>
+      </main>
+      <Footer />
+    </div>
+  );
+}