import { observer } from "mobx-react"; import Image from "next/image"; import Link from "next/link"; // ui import { useTheme } from "next-themes"; // components import { SignInAuthRoot } from "@/components/account"; import { PageHead } from "@/components/core"; // constants import { NAVIGATE_TO_SIGNUP } from "@/constants/event-tracker"; // helpers import { EPageTypes } from "@/helpers/authentication.helper"; // hooks import { useEventTracker } from "@/hooks/store"; // layouts import DefaultLayout from "@/layouts/default-layout"; // types import { NextPageWithLayout } from "@/lib/types"; // wrappers import { AuthenticationWrapper } from "@/lib/wrappers"; // assets import PlaneBackgroundPatternDark from "public/onboarding/background-pattern-dark.svg"; import PlaneBackgroundPattern from "public/onboarding/background-pattern.svg"; import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png"; export type AuthType = "sign-in" | "sign-up"; const SignInPage: NextPageWithLayout = observer(() => { // store hooks const { captureEvent } = useEventTracker(); // hooks const { resolvedTheme } = useTheme(); return (