diff --git a/public/logos/Apple_logo_black.svg b/public/logos/Apple_logo_black.svg
new file mode 100644
index 0000000..82b0cdd
--- /dev/null
+++ b/public/logos/Apple_logo_black.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/public/logos/Apple_logo_grey.svg b/public/logos/Apple_logo_grey.svg
new file mode 100644
index 0000000..3f06156
--- /dev/null
+++ b/public/logos/Apple_logo_grey.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e970ad9..788c65a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,10 +1,28 @@
+"use server"
import Theme_Toggle from "~/components/theme/theme_toggle"
-//import Link from "next/link";
+import { auth } from "~/auth"
+import Sign_In_Apple_Button from "~/components/auth/server/SignInAppleButton"
+import Title from "~/components/home/Title"
-export default function HomePage() {
+export default async function HomePage() {
+ const session = await auth();
+ if (!session) {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+ }
return (
+
);
}
diff --git a/src/components/auth/client/SignInAppleButton.tsx b/src/components/auth/client/SignInAppleButton.tsx
new file mode 100644
index 0000000..817f6f7
--- /dev/null
+++ b/src/components/auth/client/SignInAppleButton.tsx
@@ -0,0 +1,15 @@
+import { signIn } from "next-auth/react"
+import { Button } from "~/components/ui/button"
+import Image from "next/image"
+
+export default function Sign_In() {
+ return (
+
+
+
+
+ );
+}
diff --git a/src/components/auth/client/SignOutButton.tsx b/src/components/auth/client/SignOutButton.tsx
new file mode 100644
index 0000000..ce3a8fc
--- /dev/null
+++ b/src/components/auth/client/SignOutButton.tsx
@@ -0,0 +1,6 @@
+import { signOut } from "next-auth/react"
+import { Button } from "~/components/ui/button"
+
+export default function Sign_Out() {
+ return
+}
diff --git a/src/components/auth/server/SignInAppleButton.tsx b/src/components/auth/server/SignInAppleButton.tsx
new file mode 100644
index 0000000..955358f
--- /dev/null
+++ b/src/components/auth/server/SignInAppleButton.tsx
@@ -0,0 +1,21 @@
+import { signIn } from "~/auth"
+
+export default function Sign_In_Apple() {
+ return (
+
+ )
+}
diff --git a/src/components/auth/server/SignOutButton.tsx b/src/components/auth/server/SignOutButton.tsx
new file mode 100644
index 0000000..296a6d8
--- /dev/null
+++ b/src/components/auth/server/SignOutButton.tsx
@@ -0,0 +1,14 @@
+import { signOut } from "~/auth"
+
+export default function Sign_Out() {
+ return (
+
+ )
+}
diff --git a/src/components/home/Title.tsx b/src/components/home/Title.tsx
new file mode 100644
index 0000000..b4ad0a3
--- /dev/null
+++ b/src/components/home/Title.tsx
@@ -0,0 +1,8 @@
+export default function Title() {
+ return (
+
+
Welcome to the Tenant Portal
+
+ );
+}
diff --git a/src/components/theme/theme_provider.tsx b/src/components/theme/theme_provider.tsx
index a363253..634d843 100644
--- a/src/components/theme/theme_provider.tsx
+++ b/src/components/theme/theme_provider.tsx
@@ -6,8 +6,6 @@ import { type ThemeProviderProps } from "next-themes/dist/types"
export default function Theme_Provider({ children, ...props }: ThemeProviderProps) {
return (
-
- {children}
-
+ {children}
)
}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index d924e24..466d43f 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -29,6 +29,7 @@
--chart-3: 197 37% 24%;
--chart-4: 43 74% 66%;
--chart-5: 27 87% 67%;
+ --apple-logo: url("/logos/Apple_logo_grey.svg");
}
.dark {
@@ -56,6 +57,7 @@
--chart-3: 30 80% 55%;
--chart-4: 280 65% 60%;
--chart-5: 340 75% 55%;
+ --apple-logo: url("/logos/Apple_logo_black.svg");
}
}
@@ -67,3 +69,12 @@
@apply bg-background text-foreground;
}
}
+
+.apple-logo {
+ width: 20px;
+ height: 20px;
+ margin-right: 1rem;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+}