From afcdc37b7ab7f6f8fb89bb1445c416e361971ce2 Mon Sep 17 00:00:00 2001
From: Riyan-Mo <riyan8308151899@gmail.com>
Date: Tue, 22 Oct 2024 18:49:48 +0530
Subject: [PATCH 1/2] Added authentication error page

---
 .../[locale]/(marketing)/auth/error/page.tsx  | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 frontend/app/[locale]/(marketing)/auth/error/page.tsx

diff --git a/frontend/app/[locale]/(marketing)/auth/error/page.tsx b/frontend/app/[locale]/(marketing)/auth/error/page.tsx
new file mode 100644
index 00000000..8205bb61
--- /dev/null
+++ b/frontend/app/[locale]/(marketing)/auth/error/page.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { AlertCircle } from 'lucide-react';
+import { Card } from '@/components/ui/card';
+
+const AuthErrorPage = () => {
+    return (
+        <div className="flex min-h-screen flex-col items-center justify-center">
+            <Card className="max-w-md w-full bg-white dark:bg-gray-800 shadow-lg rounded-lg overflow-hidden">
+                <div className="p-6 sm:p-8">
+                    <div className="flex items-center justify-center mb-6">
+                        <AlertCircle className="size-12 text-red-500" />
+                    </div>
+                    <h1 className="text-2xl sm:text-3xl font-bold text-center text-gray-900 dark:text-gray-100 mb-4">Authentication Error</h1>
+                    <p className="text-center text-gray-600 dark:text-gray-300 mb-6">
+                        We&apos;re sorry, but there was an error during the authentication process. Please try again or contact support if the issue persists.
+                    </p>
+                </div>
+                <div className="bg-gray-100 dark:bg-gray-700 px-6 py-4">
+                    <p className="text-sm text-center text-gray-600 dark:text-gray-400">Error Code: AUTH_001 | Time: {new Date().toLocaleTimeString()}</p>
+                </div>
+            </Card>
+        </div>
+    );
+};
+
+export default AuthErrorPage;

From 4dcd3b164442f0b39fed4616e2fabd016a2781d4 Mon Sep 17 00:00:00 2001
From: Riyan-Mo <riyan8308151899@gmail.com>
Date: Tue, 22 Oct 2024 19:23:46 +0530
Subject: [PATCH 2/2] Added login and back to home button

---
 .../app/[locale]/(marketing)/auth/error/page.tsx     | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/app/[locale]/(marketing)/auth/error/page.tsx b/frontend/app/[locale]/(marketing)/auth/error/page.tsx
index 8205bb61..a6ababa1 100644
--- a/frontend/app/[locale]/(marketing)/auth/error/page.tsx
+++ b/frontend/app/[locale]/(marketing)/auth/error/page.tsx
@@ -1,8 +1,12 @@
+'use client';
 import React from 'react';
 import { AlertCircle } from 'lucide-react';
 import { Card } from '@/components/ui/card';
+import { useRouter } from 'next/navigation';
+import { Button } from '@/components/ui/button';
 
 const AuthErrorPage = () => {
+    const router = useRouter();
     return (
         <div className="flex min-h-screen flex-col items-center justify-center">
             <Card className="max-w-md w-full bg-white dark:bg-gray-800 shadow-lg rounded-lg overflow-hidden">
@@ -14,6 +18,14 @@ const AuthErrorPage = () => {
                     <p className="text-center text-gray-600 dark:text-gray-300 mb-6">
                         We&apos;re sorry, but there was an error during the authentication process. Please try again or contact support if the issue persists.
                     </p>
+                    <div className="mt-8 flex justify-center align-middle gap-2">
+                        <Button onClick={() => router.push('/login')} variant="default" size="lg">
+                            Login
+                        </Button>
+                        <Button onClick={() => router.push('/')} variant="ghost" size="lg">
+                            Back to Home
+                        </Button>
+                    </div>
                 </div>
                 <div className="bg-gray-100 dark:bg-gray-700 px-6 py-4">
                     <p className="text-sm text-center text-gray-600 dark:text-gray-400">Error Code: AUTH_001 | Time: {new Date().toLocaleTimeString()}</p>