diff --git a/features/auth/models/submitRegisterForm.ts b/features/auth/models/submitRegisterForm.ts
new file mode 100644
index 0000000..c305571
--- /dev/null
+++ b/features/auth/models/submitRegisterForm.ts
@@ -0,0 +1,8 @@
+"use server";
+
+import { RegisterInputs } from "../ui/components/ProvisionInput";
+
+export const submitRegisterForm = async (data: RegisterInputs) => {
+  await new Promise((resolve) => setTimeout(resolve, 3000));
+  return data;
+};
diff --git a/features/auth/ui/components/ProvisionInput.tsx b/features/auth/ui/components/ProvisionInput.tsx
index 1e54c4c..1356036 100644
--- a/features/auth/ui/components/ProvisionInput.tsx
+++ b/features/auth/ui/components/ProvisionInput.tsx
@@ -3,12 +3,13 @@
 import React, { useState } from "react";
 import { Button, Form, Input } from "@heroui/react";
 import { SubmitHandler, useForm } from "react-hook-form";
+import { submitRegisterForm } from "../../models/submitRegisterForm";
 
 type Props = {
   fullname: string;
 };
 
-type Inputs = {
+export type RegisterInputs = {
   fullname: string;
   email: string;
   password: string;
@@ -16,13 +17,14 @@ type Inputs = {
 };
 
 const ProvisionInput = ({ fullname }: Props) => {
-  const { register, handleSubmit, setValue } = useForm<Inputs>();
+  const { register, handleSubmit, setValue } = useForm<RegisterInputs>();
   setValue("fullname", fullname);
 
   const [submitStatus, setSubmitStatus] = useState(false);
-  const onSubmit: SubmitHandler<Inputs> = (data) => {
-    setSubmitStatus(true);
-    console.log(data);
+  const onSubmit: SubmitHandler<RegisterInputs> = async (data) => {
+    console.log("Mensubmit");
+    const returnData = await submitRegisterForm(data);
+    console.log(returnData);
   };
 
   return (