diff --git a/src/pages/FilingLanding.less b/src/pages/FilingLanding.less new file mode 100644 index 00000000..ab283aae --- /dev/null +++ b/src/pages/FilingLanding.less @@ -0,0 +1,26 @@ +@import (reference) url('@cfpb/cfpb-design-system/src/cfpb-design-system.less'); +@import '../assets/styles/variables.less'; + +#FilingLanding { + .navbar { + .a-link:not(.o-header_logo):hover { + color: @pacific-dark; + border-bottom: 2px solid @pacific-dark; + } + } + + // TODO - build this into the MailingList component in SBL + .sidebar { + .actions { + display: flex; + flex-flow: row; + align-items: center; + justify-content: space-between; + } + + .actions, + .a-label { + margin-top: @space-sm; + } + } +} diff --git a/src/pages/FilingLanding.stories.tsx b/src/pages/FilingLanding.stories.tsx new file mode 100644 index 00000000..1d64d05f --- /dev/null +++ b/src/pages/FilingLanding.stories.tsx @@ -0,0 +1,13 @@ +import type { Meta, StoryObj } from '@storybook/react'; +import FilingLanding from './FilingLanding'; + +const meta: Meta = { + component: FilingLanding, + argTypes: {} +}; + +export default meta; + +type Story = StoryObj; + +export const Filing: Story = {}; diff --git a/src/pages/FilingLanding.tsx b/src/pages/FilingLanding.tsx new file mode 100644 index 00000000..ff922e01 --- /dev/null +++ b/src/pages/FilingLanding.tsx @@ -0,0 +1,117 @@ +/* eslint-disable jsx-a11y/anchor-is-valid */ +import { Button } from '../components/Button/Button'; +import Divider from '../components/Divider/Divider'; +import { FooterCfGov } from '../components/Footer/FooterCfGov'; +import Hero from '../components/Hero/Hero'; +import { Label } from '../components/Label/Label'; +import Layout from '../components/Layout/Layout'; +import Link from '../components/Link/Link'; +import List from '../components/List/List'; +import { ListItemBuilder } from '../components/List/ListItem'; +import { ExampleLinks } from '../components/Navbar/Navbar'; +import PageHeader from '../components/PageHeader/PageHeader'; +import SkipNav from '../components/SkipNav/SkipNav'; +import { TextInput } from '../components/TextInput/TextInput'; +import Well from '../components/Well/Well'; +import './FilingLanding.less'; + +export default function FilingLanding(): JSX.Element { + return ( +
+ + + + + + + + Register for an LEI + + ]} + /> +
+

Sign in or create an account

+

+ The CFPB participates with Login.gov to provide secure sign in + and private access to your information on the CFPB filing + platform. In order to access the filing platform you must + register and sign in with the email address issued to you by + your financial institution. +

+
+ +
+

Get technical help

+

+ Find answers to frequently asked questions regarding the small + business lending data submission platform. If you need further + assistance you can submit a technical question using our help + form. +

+ + + Find answers to frequently asked questions + Submit a technical question + + +
+
+ +
+
+

Additional Resources

+
+ + + Final Rule + Resources for small business owners + + +
+ +
+

Get updates

+

+ Sign up for updates about regulatory compliance resources or + guidance specific to small business lending. +

+ + +
+
+ +
+
+
+ +
+ ); +}