diff --git a/scheduler_app/app/(routes)/create_business/page.js b/scheduler_app/app/(routes)/create_business/page.js
index 79f8d1a..1dfd7e3 100644
--- a/scheduler_app/app/(routes)/create_business/page.js
+++ b/scheduler_app/app/(routes)/create_business/page.js
@@ -1,7 +1,12 @@
+"use client"
+import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
-import React from 'react'
+import React, { useState } from 'react'
 
 const CreateBusiness = () => {
+    const [businessName, setBusinessName] = useState();
+    
+
   return (
     <div className='my-20 flex flex-col items-center gap-10 px-5'>
         <p className='text-3xl uppercase font-semibold font-outline-2 text-white tracking-wide'>Schedule.Me</p>
@@ -9,9 +14,10 @@ const CreateBusiness = () => {
             <p className='text-lg font-semibold'>What would you like to be called?</p>
             <p className='text-sm text-[gray] mb-10'>You can change this later</p>
             <div className='w-full'>
-                <label className='font-semibold text-[#31363F]'>Team name:</label>
-                <Input placeholder="Enter your team name" className='mt-1'/>
+                <label className='font-semibold text-[#31363F]'>Name:</label>
+                <Input onChange={(ev) => setBusinessName(ev.target.value)} placeholder="Your organization/team/etc. name" className='mt-1 text-sm'/>
             </div>
+            <Button className="w-full mt-[30px]" disabled={!businessName}>Create</Button>
         </div>
     </div>
   )