From 3462c094c53cff2ebae670f04d75d479af715c05 Mon Sep 17 00:00:00 2001
From: Jessica Estevam <jessicafpereira16@gmail.com>
Date: Mon, 24 Mar 2025 20:05:52 -0300
Subject: [PATCH] terminando de fazer a barra de progresso da pagina de
 cadastro

---
 src/pages/RegistrationCompany/Group 245.png   | Bin 0 -> 3811 bytes
 .../Property 1=Default.png                    | Bin 0 -> 1119 bytes
 .../RegistrationCompany.style.ts              |  78 ++++++++++++++++++
 src/pages/RegistrationCompany/index.tsx       |  42 ++++++++++
 src/routes/public.routes.tsx                  |   3 +
 5 files changed, 123 insertions(+)
 create mode 100644 src/pages/RegistrationCompany/Group 245.png
 create mode 100644 src/pages/RegistrationCompany/Property 1=Default.png
 create mode 100644 src/pages/RegistrationCompany/RegistrationCompany.style.ts
 create mode 100644 src/pages/RegistrationCompany/index.tsx

diff --git a/src/pages/RegistrationCompany/Group 245.png b/src/pages/RegistrationCompany/Group 245.png
new file mode 100644
index 0000000000000000000000000000000000000000..a743103945c196c9d195d868badc76987559a060
GIT binary patch
literal 3811
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
KWtqjjxc>lgjE9W?

literal 0
HcmV?d00001

diff --git a/src/pages/RegistrationCompany/Property 1=Default.png b/src/pages/RegistrationCompany/Property 1=Default.png
new file mode 100644
index 0000000000000000000000000000000000000000..ecdd4e706d479f67ed5030321cfd53d9dc5ec1fd
GIT binary patch
literal 1119
zcmeAS@N?(olHy`uVBq!ia0y~yU={_kB{|rDq`Nuu8z9A5;1OBOz`!jG!i)^F=12eq
z8H<D5ofy`glX(f`u%tWsIx;Y9?C1WI$O<&#i>HfYNCo5DyZ-*t?h?m8-p?`2dU5pa
z${_uO&?3vDF;y>*R<cg~#rDCvA$iuSrWIb3@13w#c;8SiP<;02vz8jh=K-2~BUgH@
zoM>BnY=>i@w9|*aExSMe^*H^naqiwfZqGiR$(pln^V`?E7XL2FI(_?D$oAD=Z@%C2
ztL)zP+Hn6n#f+ktUVnY1t*!n2?S{8|^R1uXOS^yWH&FI)-sYPszgLKC>JOP%yF_dK
zo8ABSN_BPmZ(Zth`@dP0?)rtfzpGx!acXR=Jbr7_Vd>QSR<|!$-QHJfvZ+5v`L~DY
zP4`uw&i$+J?qaXIx^CZw+)#OK5%HP588&6>S*D!%`0?Ya(rMz`*1l41?c26z&z(FI
zsTBF8&fg|#0c|{b;@@u9qyGQasl9rowpjSR`6jblzpl!1YIIJXJbAacxOlAYtXgTS
zEnM^7EH*h|7v%bF;;M+7`?a(VakwtK*Tlc0YC>?gAomo<71uWFoYwulHEQiq^KcDj
zsAtl?ZQefp@Ra2>atk7@gQY)myia3b6>s}LCHdR&$A#u+f<*!fQsh@E{q_hw^Cn(Q
zl>g7Uwf7e8@XN?|jb`G?F_3t3C(Z6*sZ;f5@%ashfXYCgO-ld2X+^;+jlNtr?SPbf
zzxy8DcowZKA_<fNx=_^mx1aqFUu~^#q9-T6k9+-l{e2E#dT>xJ-E{L%nc&`<T6Z9q
zL2I?_GW)F}7f;_0X902-Y<eUvTHj;L2xPBVQ}yNlkNZ9Lf<R8gsa5UeT5e1rX7s5i
zkHth^&;PFr<S|UW%71zOuC5oe_0Itl7|?_?*P{!SetkQ=A7bFHnbS%IUhnN%Z?`+)
zp*2XwuC}vjpMOp&yX(RKcV6s`&~tUaH*d@4uT)vEfUWsppHhnb7SC^iDbN5p^5%WJ
zd|ug(*RQ2kr@OB{bv|JK4pT<fvZ|^m`TpZO)9>3woUr5SeWM%-)X+8e@99#lLm5Xy
zz8B4A6TMZK#jUYp>(;FoORV-jpL1IE_rkeRYp;pHL;KB}c-^}1S9ss9*;|k(_>TWA
zII$e~_3KwbX6DMh8S32M+smYS*>1XPPN-ed1+>I)^Z$2Ux9oQ-`)*liQ2Mg0ZQItg
zw+yODb01|G&D5Dv`#NUrg}w$MMQ9wQ-rxKEy!@{ZM(*zBGs{KY)c1TVS(bjQc+G|0
zpxOIRT)D`*NnWe;{oi{xZ{FP8+sliTme1__9l-qSVt&*?fn}~+bMDW&Z#rx3k+)a2
z{#__4%q}9lLh5zK>}}l6ExNB=HorM<edWZr*wvr-&!0cf|0BThD%8D|DgWiyax`Xm
S6-_)0iY`xAKbLh*2~7Z_JRaHr

literal 0
HcmV?d00001

diff --git a/src/pages/RegistrationCompany/RegistrationCompany.style.ts b/src/pages/RegistrationCompany/RegistrationCompany.style.ts
new file mode 100644
index 0000000..f4ae7b7
--- /dev/null
+++ b/src/pages/RegistrationCompany/RegistrationCompany.style.ts
@@ -0,0 +1,78 @@
+import { ComponentProps } from 'react';
+import styled from 'styled-components';
+
+
+export const CardMain=styled.div`
+    display:flex;
+    justify-content:center;
+    align-items: center;
+   
+`
+export const CardRegistration = styled.div`
+    display:flex;
+    justify-content:space-around;
+    align-items: center;
+    flex-direction: column;
+    margin-top:9.5rem;
+    margin-bottom: 9.5rem;
+    width:960px;
+    min-height: 87.8125rem;
+    border: 1px solid black;
+    border-radius: 1.4956rem;
+
+    h2{
+    font-size:40px;
+    }
+
+   
+    
+       
+
+`
+export const HeaderCardRegistration=styled.div`
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 120px;
+    justify-content: space-around;
+    
+`
+
+export const Progression=styled.div`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+
+    img{
+        width: 789px;
+        heigth:25px;
+        align-self: center;    
+    }
+
+    
+   
+    
+`
+export const Description= styled.div`
+        display:flex;
+        font-size:12px;
+        width: 100%;
+        justify-content: space-evenly;
+
+
+        span{
+        width:160px;
+        text-align:center;
+        }
+
+        .CompletedSpan{
+         text-align: right;
+         padding-right:40px;
+        }
+`
+export const FontWeightStep=styled.span`
+    font-weight:700;
+
+
+`
diff --git a/src/pages/RegistrationCompany/index.tsx b/src/pages/RegistrationCompany/index.tsx
new file mode 100644
index 0000000..a8675b2
--- /dev/null
+++ b/src/pages/RegistrationCompany/index.tsx
@@ -0,0 +1,42 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import { FormProvider, useForm } from 'react-hook-form';
+import { CardRegistration,CardMain, Progression, HeaderCardRegistration, Description, FontWeightStep,  } from "./RegistrationCompany.style"
+
+
+export default function RegistrationCompany(){
+
+    return(<>
+        <CardMain>
+            <CardRegistration>
+              
+               <HeaderCardRegistration>
+                    <h2 >Cadastre-se!</h2>
+                    <Progression>
+                        <img  src="src/pages/RegistrationCompany/Property 1=Default.png" alt="barra de progresso" />
+                        <Description>
+                            <FontWeightStep>Dados da empresa</FontWeightStep>
+                            <span>Especificações da empresa</span>
+                            <span>Envio de documentos</span>
+                            <span>Aguardando aprovação</span>
+                            <span className="CompletedSpan">Concluido</span>
+                        </Description> 
+                    </Progression>
+
+               </HeaderCardRegistration>
+
+
+
+                <div>
+                    <h3>Vamos começar!</h3>
+                    <h4>Digite os dados da empresa.</h4>
+                    <p>*Dados obrigatorios</p>
+
+                </div>
+
+                
+
+               
+            </CardRegistration>
+        </CardMain>
+    </>)
+}
\ No newline at end of file
diff --git a/src/routes/public.routes.tsx b/src/routes/public.routes.tsx
index 0c197bb..a38ca70 100644
--- a/src/routes/public.routes.tsx
+++ b/src/routes/public.routes.tsx
@@ -8,6 +8,7 @@ import NotFound404 from '../pages/NotFound404';
 import PurchaseConfirmation from '../pages/PurchaseConfirmation';
 import Restaurant from '../pages/Restaurant';
 import Restaurants from '../pages/Restaurants';
+import RegistrationCompany from '../pages/RegistrationCompany';
 import { Welcome } from '../pages/welcome';
 
 export function PublicRoutes() {
@@ -20,11 +21,13 @@ export function PublicRoutes() {
 				<Route path='faq' element={<Faq />} />
 				<Route path='conclua-sua-compra' element={<PurchaseConfirmation />} />
 				<Route path='carrinho' element={<Cart />} />
+				<Route path='cadastre-sua-empresa' element={<RegistrationCompany/>}/>
 				<Route
 					path='*'
 					element={<NotFound404 />}
 					errorElement={<NotFound404 />}
 				/>
+				
 			</Route>
 		</Routes>
 	);