add customized bg graphics to create page

faisalbhuiyan3038 · Nov 28, 2024 · fd0457f · fd0457f
1 parent b379d21
commit fd0457f
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 0 deletions.
diff --git a/public/backgrounds/create-bg-1.png b/public/backgrounds/create-bg-1.png
diff --git a/public/backgrounds/create-bg-2.png b/public/backgrounds/create-bg-2.png
diff --git a/public/backgrounds/create-bg-3.png b/public/backgrounds/create-bg-3.png
diff --git a/public/backgrounds/create-bg-4.png b/public/backgrounds/create-bg-4.png
diff --git a/src/app/(protected)/create/page.tsx b/src/app/(protected)/create/page.tsx
@@ -0,0 +1,24 @@
+'use client'
+import React from 'react'
+import { useForm } from 'react-hook-form'
+
+type formInput = {
+    repoUrl: string,
+    projectName: string,
+    githubToken?: string
+}
+
+export const CreatePage = () => {
+    const { register, handleSubmit, reset } = useForm<formInput>()
+  return (
+    <div className='flex items-center gap-12 h-full justify-center'>
+        <img 
+          src='/backgrounds/create-bg-4.png' 
+          className='fixed left-1/2 md:left-[55%] top-1/2 -translate-x-1/2 -translate-y-1/2 w-40 h-auto opacity-70'
+          alt="Background graphic"
+        />
+    </div>
+  )
+}
+
+export default CreatePage