+ Anim aute id magna aliqua ad ad non deserunt sunt. Qui
+ irure qui Lorem cupidatat commodo. Elit sunt amet fugiat
+ veniam occaecat fugiat.
+
+
+
+
+
+
+
+
+ {/* Illustration taken from Lucid Illustrations: https://lucid.pixsellz.io/ */}
+
+
+
+
+
+
+
+ {/* Feature section with screenshot */}
+
+
+
+
+
+
+ A better way to send money
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Possimus magnam voluptatum cupiditate veritatis in, accusamus
+ quisquam.
+
+
+
+
+
+
+ Transfer funds world-wide
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Pariatur minima sequi recusandae, porro maiores officia
+ assumenda aliquam laborum ab aliquid veritatis impedit odit
+ adipisci optio iste blanditiis facere. Totam, velit.
+
+
+
+ {transferFeatures.map((item) => (
+
+
+
+
+
+
+ {item.name}
+
+
+
+ {item.description}
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Always in the loop
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Impedit ex obcaecati natus eligendi delectus, cum deleniti
+ sunt in labore nihil quod quibusdam expedita nemo.
+
+
+
+ {communicationFeatures.map((item) => (
+
+
+
+
+
+
+ {item.name}
+
+
+
+ {item.description}
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Feature section with grid */}
+
+
+
+ Deploy faster
+
+
+ Everything you need to deploy your app
+
+
+ Phasellus lorem quam molestie id quisque diam aenean nulla in.
+ Accumsan in quis quis nunc, ullamcorper malesuada. Eleifend
+ condimentum id viverra nulla.
+
+
+
+ {features.map((feature) => (
+
+
+
+
+
+
+
+
+
+ {feature.name}
+
+
+ {feature.description}
+
+
+
+
+ ))}
+
+
+
+
+
+ {/* Testimonial section */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Get notified when we’re launching.
+
+
+ Sagittis scelerisque nulla cursus in enim consectetur
+ quam. Dictum urna sed consectetur neque tristique
+ pellentesque.
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+HomePage.Layout = BaseLayout;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3ea0be3..7f84e1c 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,859 +1,30 @@
-import BaseLayout from "@components/layouts/base";
+import { NextPageContext } from "next";
-import { Fragment } from "react";
-import { Popover, Transition } from "@headlessui/react";
-import {
- CloudUploadIcon,
- CogIcon,
- LockClosedIcon,
- MenuIcon,
- RefreshIcon,
- ServerIcon,
- ShieldCheckIcon,
- XIcon,
-} from "@heroicons/react/outline";
-import { ChevronRightIcon, ExternalLinkIcon } from "@heroicons/react/solid";
+import { getSession } from "@lib/auth";
+import DashboardLayout from "@components/layouts/dashboard";
-const navigation = [
- { name: "Products", href: "#" },
- { name: "Use cases", href: "#" },
- { name: "Developers", href: "#" },
- { name: "Pricing", href: "#" },
-];
-const features = [
- {
- name: "Push to Deploy",
- description:
- "Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi vitae lobortis.",
- icon: CloudUploadIcon,
- },
- {
- name: "SSL Certificates",
- description:
- "Qui aut temporibus nesciunt vitae dicta repellat sit dolores pariatur. Temporibus qui illum aut.",
- icon: LockClosedIcon,
- },
- {
- name: "Simple Queues",
- description:
- "Rerum quas incidunt deleniti quaerat suscipit mollitia. Amet repellendus ut odit dolores qui.",
- icon: RefreshIcon,
- },
- {
- name: "Advanced Security",
- description:
- "Ullam laboriosam est voluptatem maxime ut mollitia commodi. Et dignissimos suscipit perspiciatis.",
- icon: ShieldCheckIcon,
- },
- {
- name: "Powerful API",
- description:
- "Ab a facere voluptatem in quia corrupti veritatis aliquam. Veritatis labore quaerat ipsum quaerat id.",
- icon: CogIcon,
- },
- {
- name: "Database Backups",
- description:
- "Quia qui et est officia cupiditate qui consectetur. Ratione similique et impedit ea ipsum et.",
- icon: ServerIcon,
- },
-];
+export default function AppPage() {
+ return
- Anim aute id magna aliqua ad ad non deserunt sunt. Qui
- irure qui Lorem cupidatat commodo. Elit sunt amet fugiat
- veniam occaecat fugiat.
-
-
-
-
-
-
-
-
- {/* Illustration taken from Lucid Illustrations: https://lucid.pixsellz.io/ */}
-
-
-
-
-
-
-
- {/* Feature section with screenshot */}
-
-
-
-
-
-
- A better way to send money
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Possimus magnam voluptatum cupiditate veritatis in, accusamus
- quisquam.
-
-
-
-
-
-
- Transfer funds world-wide
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Pariatur minima sequi recusandae, porro maiores officia
- assumenda aliquam laborum ab aliquid veritatis impedit odit
- adipisci optio iste blanditiis facere. Totam, velit.
-
-
-
- {transferFeatures.map((item) => (
-
-
-
-
-
-
- {item.name}
-
-
-
- {item.description}
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Always in the loop
-
-
- Lorem ipsum dolor sit amet consectetur adipisicing elit.
- Impedit ex obcaecati natus eligendi delectus, cum deleniti
- sunt in labore nihil quod quibusdam expedita nemo.
-
-
-
- {communicationFeatures.map((item) => (
-
-
-
-
-
-
- {item.name}
-
-
-
- {item.description}
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Feature section with grid */}
-
-
-
- Deploy faster
-
-
- Everything you need to deploy your app
-
-
- Phasellus lorem quam molestie id quisque diam aenean nulla in.
- Accumsan in quis quis nunc, ullamcorper malesuada. Eleifend
- condimentum id viverra nulla.
-
-
-
- {features.map((feature) => (
-
-
-
-
-
-
-
-
-
- {feature.name}
-
-
- {feature.description}
-
-
-
-
- ))}
-
-
-
-
-
- {/* Testimonial section */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Get notified when we’re launching.
-
-
- Sagittis scelerisque nulla cursus in enim consectetur
- quam. Dictum urna sed consectetur neque tristique
- pellentesque.
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
+ };
}
-HomePage.Layout = BaseLayout;
+AppPage.Layout = DashboardLayout;
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index 6e872fc..02e47c6 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -1,182 +1,139 @@
+import { signIn } from "next-auth/react";
+import Link from "next/link";
import { useRouter } from "next/router";
-import BaseLayout from "../components/layouts/base";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
-export default function LoginPage() {
+import { Alert } from "@components/ui/alert";
+import Button from "@components/ui/button";
+import { EmailField, Form, PasswordField } from "@components/ui/form/fields";
+import { ErrorCode } from "@lib/auth";
+import BaseLayout from "@components/layouts/base";
+
+interface LoginValues {
+ email: string;
+ password: string;
+ csrfToken: string;
+}
+
+export default function LoginPage({ csrfToken }: any) {
const router = useRouter();
+ const form = useForm();
- return (
- <>
-
+ 
+ 
+ 
+ 
+