2 files changed, 81 insertions, 55 deletions
diff --git a/pages/_app.js b/pages/_app.js
index e02a68d..a6cff18 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,27 +1,33 @@
-import { ThemeProvider } from "next-themes";
-import "../css/tailwind.css";
-import Head from "next/head";
-import Navbar from "../components/navbar";
-import Footer from "../components/footer";
-import PopupWidget from "../components/popupWidget";
-
-function MyApp({ Component, pageProps }) {
-  return (
-    <ThemeProvider attribute="class">
-        <Head>
-            <title>Helping Hands</title>
-            <meta
-                name="description"
-                content="Helping Hands"
-            />
-            <link rel="icon" href="/favicon.ico" />
-        </Head>
-        <Navbar />
-      <Component {...pageProps} />
-        <Footer />
-        <PopupWidget />
-    </ThemeProvider>
-  );
-}
-
-export default MyApp;
+import { ThemeProvider } from "next-themes";
+import "../css/tailwind.css";
+import Head from "next/head";
+import Navbar from "../components/navbar";
+import Footer from "../components/footer";
+import PopupWidget from "../components/popupWidget";
+import {SessionProvider} from "next-auth/react";
+
+export default function MyApp({
+Component,
+pageProps: { session, ...pageProps },
+}) {
+    return (
+        <SessionProvider session={session}>
+            <ThemeProvider attribute="class">
+                <Head>
+                    <title>Helping Hands</title>
+                    <meta
+                        name="description"
+                        content="Helping Hands"
+                    />
+                    <link rel="icon" href="/favicon.ico"/>
+                </Head>
+                <Navbar/>
+                <Component {...pageProps} />
+                <Footer/>
+                <PopupWidget/>
+            </ThemeProvider>
+        </SessionProvider>
+    )
+}
+
+
diff --git a/pages/index.js b/pages/index.js
index e09c388..3369175 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,29 +1,49 @@
-import Hero from "../components/hero";
-import SectionTitle from "../components/sectionTitle";
-import { benefitOne, benefitTwo } from "../components/data";
-import Benefits from "../components/benefits";
-import Cta from "../components/cta";
-import Faq from "../components/faq";
-
-const Home = () => {
-  return (
-    <>
-      <Hero />
-      <SectionTitle
-        pretitle="How It Works"
-        title="Getting Started with Helping Hands">
-  Helping Hands simplifies the process of finding or offering volunteer opportunities. Here's a step-by-step guide:
-      </SectionTitle>
-      <Benefits data={benefitOne} />
-      <Benefits imgPos="right" data={benefitTwo} />
-      <SectionTitle pretitle="FAQ" title="Frequently Asked Questions">
-          Welcome to our FAQ section! Browse through common questions for quick answers. Your clarity and support matter to us.
-          For any unanswered queries, reach out to our support team.
-      </SectionTitle>
-      <Faq />
-      <Cta />
-    </>
-  );
-}
-
+import Hero from "../components/hero";
+import SectionTitle from "../components/sectionTitle";
+import { benefitOne, benefitTwo } from "../components/data";
+import Benefits from "../components/benefits";
+import Cta from "../components/cta";
+import Faq from "../components/faq";
+import { useSession, signIn, signOut } from "next-auth/react"
+
+
+const Home = () => {
+    const { data: session, status } = useSession()
+    if (status === "authenticated") {
+        return (
+            <section className="grid h-screen place-items-center">
+                <div className="max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
+                    <h2 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Hi {session?.user?.name}</h2><br />
+                    <p className="mb-3 font-normal text-gray-700 dark:text-gray-400">You are signed in as {session?.user?.email}.</p>
+                    <button
+                        type="button"
+                        onClick={() => signOut()}
+                        className="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-red-700 rounded-lg hover:bg-red-800 focus:ring-4 focus:outline-none focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800">
+                        Logout
+                    </button>
+                </div>
+            </section>
+        )
+    }
+
+    return (
+    <>
+      <Hero />
+      <SectionTitle
+        pretitle="How It Works"
+        title="Getting Started with Helping Hands">
+  Helping Hands simplifies the process of finding or offering volunteer opportunities. Here's a step-by-step guide:
+      </SectionTitle>
+      <Benefits data={benefitOne} />
+      <Benefits imgPos="right" data={benefitTwo} />
+      <SectionTitle pretitle="FAQ" title="Frequently Asked Questions">
+          Welcome to our FAQ section! Browse through common questions for quick answers. Your clarity and support matter to us.
+          For any unanswered queries, reach out to our support team.
+      </SectionTitle>
+      <Faq />
+      <Cta />
+    </>
+  );
+}
+
 export default Home;
 \ No newline at end of file