+
+
+ Account Details
+ Users
+ Billing
+ Integrations
+ Notifications
+
+
+
+
+
+
+
+ General
++ Effectively manage your team's workflow with our intuitive + application. Streamline task delegation, monitor progress, and + foster seamless collaboration among team members. Stay informed, + stay connected, and drive productivity with ease. +
+
+
+
+ Users
+
+ Manage user accounts, permissions, and access levels within
+ the app to ensure smooth operation and security.
+
+
+
+
+
+
+ {Array(10)
+ .fill({
+ name: 'Austin McDaniel',
+ email: 'austin@goodcode.us',
+ role: 'Admin'
+ })
+ .map((user, index) => (
+ <>
+
+
+ |
+ |
+
+
+
+ |
+
+
+
+ {user.email}
+
+ |
+
+
+
+ {user.role}
+
+ |
+
+
+ Showing 10 of 25
+
+
+
+
+
+
+
+ 1
+
+
+ 2
+
+
+ 3
+
+
+
+
+
+
+
+
+
+
+ Account
+ Users
+ Billing
+ Integrations
+ Notifications
+
+
+
+
+
+
+
+ On teams
+
+ You're currently on these teams.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your team
+
+ Manage your existing team and change roles/permissions.
+
+
+
+
+
+
+
+ | Name | ++ | |
|---|---|---|
|
+
+
+ |
+
+
+
+ {user.email}
+
+ |
+
+ |
+
+
+ Showing 10 of 25
+
+
+
+
+
+
+
+ 1
+
+
+ 2
+
+
+ 3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Team Members
+ + Manage user accounts, permissions, and access levels within the + app to ensure smooth operation and security. + +
+
+
+ Admins (3)
+
+ + Manage user accounts, permissions, and access levels within the + app to ensure smooth operation and security. +
+
+
+
+
+
+ |
+ |
+ Name | +Date Added | ++ | |
|---|---|---|---|---|
|
+ |
+
+
+
+ |
+
+
+
+ {user.email}
+
+ |
+
+
+
+ {user.dateAdded}
+
+ |
+
+ |
+
+
+
+ Users (12)
+
+ + Manage user accounts, permissions, and access levels within the + app to ensure smooth operation and security. +
+
+
+
+
+
+ |
+ |
+ Name | +Date Added | ++ | |
|---|---|---|---|---|
|
+ |
+
+
+
+ |
+
+
+
+ {user.email}
+
+ |
+
+
+
+ {user.dateAdded}
+
+ |
+
+ |
+
+
+
+ + Reset your password +
+ + Welcome to Reablocks, powered by Good Code + +
+
+ + Forgot Password? +
+ + Forgot your password? No worries! Simply enter your email address + below, and we'll send you instructions on how to reset it. + + +
+ 
+
+
+
+
+ + Forgot Password? +
+ + Forgot your password? No worries! Simply enter your email address + below, and we'll send you instructions on how to reset it. + +
+
+
+
+
+ Reset Password?
+ + Forgot your password? No worries! Simply enter your email address + below, and we'll send you instructions on how to reset it. + + +
+
+
+
+
+
+ Reset Password?
+ + Forgot your password? No worries! Simply enter your email address + below, and we'll send you instructions on how to reset it. + +
+
+
+ + Log In or create account +
+ + Welcome to Reablocks, powered by Good Code + +
+
+
+ + Log In or create account +
+ + Welcome to Reablocks, powered by Good Code + +
+
+ + Log In or create account +
+ + Welcome to Reablocks, powered by Good Code + + +
+
+
+
+
+
+ + Log In or create account +
+ + Welcome to Reablocks, powered by Good Code + +
+
+
+ + Log In or create account +
+ + Welcome to Reablocks, powered by Good Code + +
+
+
+
+
+
+ + One Time Password +
+
+ Please verify your identity using your registered email or phone
+ number and follow the prompts to complete the password reset
+ process.
+
+
+
+
+ + Set up your two-factor authentication. +
+
+ Scan this code with your Google authenticator app to continue this
+ process.
+
+
+
+
+
+
+
+
+ + Welcome to Reablocks +
++ Welcome! Let's get started by creating your account. Please provide + your email address and choose a secure password to begin accessing + our platform's features. +
+
+
+
+
+
+ + Welcome to Reablocks +
++ Excited to have you onboard! Start by creating your account to gain + access to our platform. Simply provide your email, choose a + password, and include any necessary information about your company + to join our community and explore all we have to offer. +
+
+
+
+ + Welcome to Reablocks +
++ Welcome! Let's get started by creating your account. Please provide + your email address and choose a secure password to begin accessing + our platform's features. +
+
+
+
+
+
+ + Welcome to Reablocks +
+
+
+
+
+
+ No Results Found
+
+ There are no results matching your search criteria. Try adjusting your
+ filters or search terms to find what you're looking for.
+
+
+
+ Documentation
+
+
+
+
+
+ Learn how to integrate our tools with your app.
+
+
+
+ API's
+
+
+
+
+
+ Explore all API references.
+
+
+
+ Guide
+
+
+
+
+
+ Easy-to-follow installation guides.
+
+
+
+ Blog
+
+
+
+
+
+ Read our latest news.
+
+
+
+
+);
+
+export const DoesNotExist = () => (
+
+
+
+ 404
+
+
+
+
+
+
+
+
+
+
+
+ }
+ />
+
+
+ We lost this page
+
+
+ The page you are looking for doesnt exist or has been moved.
+
+
+
+
+
+
+
+
+
+
+
+
+ This page does not exist
+
+
+ Sorry, we couldn't find the page you're looking for.
+
+
+
+
+
+
+
+);
+
+export const LostPage = () => (
+
+
+
+
+ Documentation
+
+ Learn how to integrate our tools with your app.
+
+
+
+
+
+
+
+
+ APIs
+
+ Explore all API references
+
+
+
+
+
+
+
+
+ Guide
+
+ Easy-to-follow installation guides.
+
+
+
+
+
+
+
+
+ Blog
+
+ Read our latest news.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
diff --git a/docs/blocks/foundation/Support.story.tsx b/docs/blocks/foundation/Support.story.tsx
new file mode 100644
index 00000000..4041731f
--- /dev/null
+++ b/docs/blocks/foundation/Support.story.tsx
@@ -0,0 +1,98 @@
+import React from 'react';
+import { motion } from 'framer-motion';
+import { Controller, useForm } from 'react-hook-form';
+
+import { Block, Card } from '../../../src/layout';
+import { Input, Textarea } from '../../../src/form';
+import { Button } from '../../../src/elements/Button';
+
+export default {
+ title: 'Blocks/Foundation/Support'
+};
+
+export const Support = () => {
+ const {
+ control,
+ handleSubmit,
+ formState: { isSubmitting }
+ } = useForm();
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 404 Error
+
+
+
+ We lost this page
+
+
+ Let's find a better place for you to go.
+
+
+
+
+
+
+ Documentation
+
+ Learn how to integrate our tools.
+
+
+
+ Start learning
+
+
+
+
+
+
+ Guide
+
+ Easy-to-follow installation guides.
+
+
+
+ Start learning
+
+
+
+
+
+
+ Blog
+
+ Read our latest news.
+
+
+
+ View latest post
+
+
+
+
+
+ + Report an issue +
+
+ Found a bug? Please let us know so we can fix it.
+
+