diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/404.js | 3 | ||||
| -rw-r--r-- | pages/500.js | 3 | ||||
| -rw-r--r-- | pages/_app.js | 33 | ||||
| -rw-r--r-- | pages/_document.js | 23 | ||||
| -rw-r--r-- | pages/about.js | 3 | ||||
| -rw-r--r-- | pages/careers.js | 3 | ||||
| -rw-r--r-- | pages/contact-us.js | 3 | ||||
| -rw-r--r-- | pages/forgot-password.js | 26 | ||||
| -rw-r--r-- | pages/help-center.js | 3 | ||||
| -rw-r--r-- | pages/index.js | 49 | ||||
| -rw-r--r-- | pages/login.js | 29 | ||||
| -rw-r--r-- | pages/privacy-policy.js | 3 | ||||
| -rw-r--r-- | pages/profile.js | 3 | ||||
| -rw-r--r-- | pages/sign-up.js | 30 | ||||
| -rw-r--r-- | pages/terms-of-service.js | 3 |
15 files changed, 217 insertions, 0 deletions
diff --git a/pages/404.js b/pages/404.js new file mode 100644 index 0000000..9026548 --- /dev/null +++ b/pages/404.js @@ -0,0 +1,3 @@ +export default function FoHunnid() { + return <h1>this page should be a fallback - something went wrong rip</h1> +}
\ No newline at end of file diff --git a/pages/500.js b/pages/500.js new file mode 100644 index 0000000..a862866 --- /dev/null +++ b/pages/500.js @@ -0,0 +1,3 @@ +export default function FiHunnid() { + return <h1>this page should be a fallback - something went wrong rip</h1> +}
\ No newline at end of file diff --git a/pages/_app.js b/pages/_app.js new file mode 100644 index 0000000..a6cff18 --- /dev/null +++ b/pages/_app.js @@ -0,0 +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";
+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/_document.js b/pages/_document.js new file mode 100644 index 0000000..fef2049 --- /dev/null +++ b/pages/_document.js @@ -0,0 +1,23 @@ +import Document, { Html, Head, Main, NextScript } from "next/document"; +import Link from "next/link"; + +class MyDocument extends Document { + render() { + return ( + <Html> + <Head> + <Link + href="https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap" + rel="stylesheet" + /> + </Head> + <body> + <Main /> + <NextScript /> + </body> + </Html> + ); + } +} + +export default MyDocument; diff --git a/pages/about.js b/pages/about.js new file mode 100644 index 0000000..ac11556 --- /dev/null +++ b/pages/about.js @@ -0,0 +1,3 @@ +export default function About() { + return <h1>hands that help</h1> +}
\ No newline at end of file diff --git a/pages/careers.js b/pages/careers.js new file mode 100644 index 0000000..2b88706 --- /dev/null +++ b/pages/careers.js @@ -0,0 +1,3 @@ +export default function Careers() { + return <h1>we cant even get jobs, how we gonna employee you??</h1> +}
\ No newline at end of file diff --git a/pages/contact-us.js b/pages/contact-us.js new file mode 100644 index 0000000..e174b9a --- /dev/null +++ b/pages/contact-us.js @@ -0,0 +1,3 @@ +export default function ContactUs() { + return <h1>dont contact us pls</h1> +}
\ No newline at end of file diff --git a/pages/forgot-password.js b/pages/forgot-password.js new file mode 100644 index 0000000..c110aad --- /dev/null +++ b/pages/forgot-password.js @@ -0,0 +1,26 @@ +import React from "react"; +import FlexibleForm from "../components/flexibleForm"; +import benefitTwoImg from "../public/img/benefit-two.png"; + +const ForgotPassword = () => { + return ( + <> + <FlexibleForm + imgPos="right" + route="/login" + data={{ + image: benefitTwoImg, + title: "Reset your password", + subtitle: "Enter the email associated with your account.", + formAction: process.env.API_URL, + formMethod: "POST", + formFields: [ + { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true }, + ], + underneathButton: {url: "/login", text: "Back" } + }} + /> + </> + ); +}; +export default ForgotPassword; diff --git a/pages/help-center.js b/pages/help-center.js new file mode 100644 index 0000000..22206fd --- /dev/null +++ b/pages/help-center.js @@ -0,0 +1,3 @@ +export default function HelpCenter() { + return <h1>halp</h1> +}
\ No newline at end of file diff --git a/pages/index.js b/pages/index.js new file mode 100644 index 0000000..3369175 --- /dev/null +++ b/pages/index.js @@ -0,0 +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";
+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 diff --git a/pages/login.js b/pages/login.js new file mode 100644 index 0000000..899d6b9 --- /dev/null +++ b/pages/login.js @@ -0,0 +1,29 @@ +import React from "react"; +import FlexibleForm from "../components/flexibleForm"; +import benefitTwoImg from "../public/img/benefit-two.png"; + +const Login = () => { + return ( + <> + <FlexibleForm + imgPos="right" + route="/profile" + data={{ + image: benefitTwoImg, + title: "Sign in to your account", + subtitle: "sign in pls", + formAction: process.env.API_URL, + formMethod: "POST", + formFields: [ + { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true }, + { label: "Password", name: "password", type: "password", autoComplete: "current-password", required: true }, + ], + ctaText: "Login", + ctaLink: { text: "Don't have an account?", linkText: "Create an account instead!", url: "/sign-up" }, + underneathButton: {url: "/forgot-password", text: "Forgot Password?" } + }} + /> + </> + ); +}; +export default Login; diff --git a/pages/privacy-policy.js b/pages/privacy-policy.js new file mode 100644 index 0000000..27333d1 --- /dev/null +++ b/pages/privacy-policy.js @@ -0,0 +1,3 @@ +export default function PrivacyPolicy() { + return <h1>so private</h1> +}
\ No newline at end of file diff --git a/pages/profile.js b/pages/profile.js new file mode 100644 index 0000000..c1cc195 --- /dev/null +++ b/pages/profile.js @@ -0,0 +1,3 @@ +export default function Profile() { + return <h1>we made it!!!</h1> +}
\ No newline at end of file diff --git a/pages/sign-up.js b/pages/sign-up.js new file mode 100644 index 0000000..fbf7baa --- /dev/null +++ b/pages/sign-up.js @@ -0,0 +1,30 @@ +import React from "react"; +import FlexibleForm from "../components/flexibleForm"; +import benefitTwoImg from "../public/img/benefit-two.png"; + +const SignUp = () => { + return ( + <> + <FlexibleForm + imgPos="right" + route="/profile" + data={{ + image: benefitTwoImg, + title: "Create your account", + subtitle: "maybe edit this text hmm", + formAction: process.env.API_URL, + formMethod: "POST", + formFields: [ + { label: "Full Name", name: "name", type: "text", autoComplete: "name", required: true }, + { label: "Email address", name: "email", type: "email", autoComplete: "email", required: true }, + { label: "Password", name: "password", type: "password", autoComplete: "new-password", required: true }, + ], + ctaText: "Create Account", + ctaLink: { text: "Already have an account?", linkText: "Log in instead!", url: "/login" }, + underneathButton: {url: "", text: "" } + }} + /> + </> + ); +}; +export default SignUp; diff --git a/pages/terms-of-service.js b/pages/terms-of-service.js new file mode 100644 index 0000000..71df372 --- /dev/null +++ b/pages/terms-of-service.js @@ -0,0 +1,3 @@ +export default function TermsOfService() { + return <h1>be good volunteer pls</h1> +}
\ No newline at end of file |