From 429d29b14e6a68ad67fdde1297bae0e0f164b9b8 Mon Sep 17 00:00:00 2001
From: Nayan Sawyer <33187059+opus-tango@users.noreply.github.com>
Date: Sat, 14 Mar 2026 14:18:35 -0400
Subject: [PATCH] make home page with opus (AI)
---
src/app/page.tsx | 105 +++++++++++++++++++++++++++++++++++++++++++++--
1 file changed, 102 insertions(+), 3 deletions(-)
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7568ce8..08ea0c6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,108 @@
-import Image from "next/image";
+"use client";
+
+import { authClient } from "@/utils/auth-client";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardFooter,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { LogOut, User } from "lucide-react";
+import Link from "next/link";
+
+function AuthStatus() {
+ const { data: session, isPending, error, refetch } = authClient.useSession();
+
+ if (isPending) {
+ return (
+
+
+ Loading...
+ Checking authentication status
+
+
+ );
+ }
+
+ if (!session) {
+ return (
+
+
+
+
+ Not Signed In
+
+
+ Sign in to access your account and personalized features.
+
+
+
+ Guest
+
+
+
+ Sign In
+
+
+
+ );
+ }
+
+ const initials = session.user.name
+ ? session.user.name
+ .split(" ")
+ .map((n: string) => n[0])
+ .join("")
+ .toUpperCase()
+ : "?";
+
+ return (
+
+
+
+
+
+ {initials}
+
+ {session.user.name}
+
+ {session.user.email}
+
+
+ Signed In
+
+
+
+
+
+ );
+}
export default function Home() {
return (
-
-
+
+
+
SocialDB
+
+ Authentication demo
+
+
+
);
}