feat: add input

src/views/home/ui/offer/offer.tsx

@@ -1,3 +1,4 @@
+'use client';
 import s from './offer.module.scss';
 
 import { Button, Mark, Input } from '@shared/ui';
@@ -11,8 +12,11 @@ import gridFour from '@public/images/grid-4.png';
 import gridFive from '@public/images/grid-5.png';
 import gridSix from '@public/images/grid-6.png';
 import bgForm from '@public/images/bg-form.jpg';
+import { useState } from 'react';
 
 export default function Offer() {
+  const [name, setName] = useState('');
+
   return (
     <section className={s.Offer}>
       <h2 className={s.Title}>
@@ -38,7 +42,12 @@ export default function Offer() {
       </ul>
       <div className={s.RowForm}>
         <Input type='text' placeholder='+79991234567' />
-        <Input type='text' placeholder='Ваше имя' />
+        <Input
+          type='text'
+          placeholder=''
+          value={name}
+          onChange={(e) => setName(e.target.value)}
+        />
         <Button>Узнать подробности</Button>
       </div>
       <div className={s.Inner}>