https://www.fahmloans.com/assets/FahmVacancies-6cacafe6.js

1import{p as e,r,j as n}from"./index-9a2a3075.js";import{F as a}from"./FahmVacanciesForm-8eb1fa25.js";import"./reqpaths-333ca42c.js";import"./index.esm-cd5b13b7.js";const s=e.section`
2  display: flex;
3  flex-flow: column nowrap;
4  justify-content: center;
5  align-items: center;
6`,p=e.div`
7  margin: 50px 75px;
8  padding: 0px 25px;
9  max-width: 1340px;
10  width: 100%;
11  position: relative;
12  display: flex;
13  flex-flow: column nowrap;
14  justify-content: center;
15  align-items: center;
16
17  @media screen and (min-width: 275px) and (max-width: 719px) {
18    margin: 25px;
19    padding: 0;
20  }
21
22  @media screen and (min-width: 720px) and (max-width: 959px) {
23    margin: 35px;
24  }
25`,x=e.h4`
26  font-size: 38px;
27  color: #002566;
28  font-weight: 600;
29`,c=e.p`
30  font-size: 24px;
31  margin-top: 10px;
32  color: #333;
33  font-weight: 500;
34`,d=e.p`
35  font-size: 32px;
36  font-weight: 600;
37  color: #ac0000;
38  margin-top: 20px;
39  text-align: center;
40`,l=e.div`
41  display: flex;
42  justify-content: center;
43  gap: 30px;
44  width: 100%;
45  margin: 40px 0;
46
47  @media screen and (max-width: 768px) {
48    flex-direction: column;
49    align-items: center;
50    gap: 20px;
51  }
52`,o=e.button`
53  padding: 16px 30px;
54  background-color: ${t=>t.$isActive?"#002566":"#1d376d"};
55  color: white;
56  border: none;
57  border-radius: 8px;
58  font-size: 18px;
59  font-weight: 600;
60  cursor: pointer;
61  transition: all 0.3s ease;
62  min-width: 250px;
63
64  &:hover {
65    background-color: #002566;
66    transform: translateY(-3px);
67    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
68  }
69
70  @media screen and (max-width: 768px) {
71    width: 100%;
72    font-size: 16px;
73    padding: 14px 20px;
74  }
75`,w=()=>{const[t,i]=r.useState(null);return n.jsx(s,{children:n.jsxs(p,{children:[n.jsx(x,{children:"Why choose us?"}),n.jsx(c,{children:"Join our team of exceptional mortgage professionals"}),n.jsx(d,{children:"Ready For A Change"}),n.jsxs(l,{children:[n.jsx(o,{$isActive:t==="originator",onClick:()=>{i("originator")},children:"Loan Originator"}),n.jsx(o,{$isActive:t==="manager",onClick:()=>{i("manager")},children:"Branch Manager"})]}),n.jsx(a,{formType:t})]})})};export{w as FahmVacancies};