revamp

public/css/style.css

@@ -1,3 +1,6 @@
+html {
+  scroll-behavior: smooth;
+}
 body {
   display: flex;
   flex-direction: column;
@@ -105,19 +108,121 @@ video {
 .g-recaptcha {
   max-width: 100%;
 }
-.welcome .title {
+.welcome-container .title {
   font-style: normal;
   font-weight: bold;
   font-size: 60px;
   line-height: 77px;
   color: #000000;
 }
-.welcome p, .welcome label, .welcome ul{
+.welcome-container p, .welcome-container label, .welcome-container ul{
   color: #6E7884;
   font-style: normal;
   font-size: 15px;
   line-height: 29px;
 }
+.welcome-container h2 {
+  font-weight: bold;
+  font-size: 43px;
+  line-height: 57px;
+  color: #071232;
+}
+.flex-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.flex-content img {
+  width: 100%;
+}
+.flex-content >div {
+  flex-basis: 44%;
+}
+.bg-light-sec {
+  background-color: #FEF9F3;
+}
+.why-us {
+  padding: 50px 20px;
+}
+.why-us h5 {
+  color: #FF9532;
+}
+.why-us p {
+  padding: 20px 100px;
+}
+.support {
+  display: flex;
+  justify-content: space-between;
+  max-width: 1800px;
+  margin: auto;
+}
+.support >div {
+  flex-basis: 50%;
+}
+.support  p {
+  margin: 0;
+}
+.support-content > div{
+  padding: 50px 30px 50px 30%;
+}
+.support-img {
+  margin-right: 50px;
+}
+.support-img img {
+  background: #FFFFFF;
+  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.06);
+  border-radius: 20px;
+  padding: 10px;
+  height: 60px;
+}
+.support-ways {
+  position: relative;
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+}
+.dark-card {
+  background-color: #163042;
+  color: #EAFCFF;
+  padding: 20px 20px 400px 50px;
+  width: 70%;
+  image-rendering: pixelated;
+}
+.dark-card h3 {
+  font-weight: 600;
+  font-size: 64px;
+  line-height: 76px;
+  margin-right: 30px;
+}
+.rain{
+  opacity: 0.1;
+  margin-top: 20px;
+}
+.single {
+  position: absolute;
+  right:0;
+}
+.stetho {
+  position: absolute;
+  bottom:230px;
+  right:310px;
+}
+.group {
+  position: absolute;
+  right:0;
+  bottom:10px;
+}
+@media screen and (max-width:1414px) {
+  .support-ways {
+    display: none;
+  }
+  .support > div {
+    flex-basis: 100%;
+  }
+  .support-content > div {
+    padding: 50px;
+  }
+}
 @media screen and (max-width:1024px) {
   .table-container {
     overflow-x: scroll;
@@ -127,7 +232,7 @@ video {
     overflow-x: scroll;
   }
 }
-@media screen and (max-width:992px) {
+@media screen and (max-width:991px) {
   .sidenav {
     width: 200px;
     height: 100%;
@@ -146,6 +251,9 @@ video {
   .nav-link.completed {
     padding-left: 10px;
   }
+  .flex-content {
+    flex-wrap: wrap;
+  }
 }
 @media screen and (min-width:650px) {
   #navbarNavDropdown {
@@ -163,19 +271,46 @@ video {
   .sidenav {
     display: none;
   }
+  .flex-content >div {
+    flex-basis: 100%;
+  }
+  .bottom {
+    order: 1;
+    margin-top: 15px;
+  }
   .main {
     margin-left: 0;
   }
   .navbar-toggler {
     display: inline;
   }
-  .welcome .title {
+  .welcome-container .title {
     font-style: normal;
   font-weight: bold;
   font-size: 50px;
   line-height: 57px;
   color: #000000;
   }
+  .why-us p{
+    padding: 00px;
+  }
+  .support-content >div {
+    padding: 50px 20px;
+  }
+  .support-img {
+    margin-right: 30px;
+  }
+}
+@media screen and (max-width:500px) {
+  .support-content >div {
+    display: block !important;
+    text-align: center;
+    padding: 30px;
+  }
+  .support-img {
+    margin-right: 0px;
+    margin-bottom: 30px;
+  }
 }
 .w-100px {
   width: 100px;

public/img/rain.svg

@@ -0,0 +1,19 @@
+<svg width="118" height="153" viewBox="0 0 118 153" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M49 103.5L60 87.5C63.2003 89.9 61.3335 92.8333 60 94C58.0003 100.8 51.8335 107.5 49 110C45.8 108.8 47.6667 105.167 49 103.5Z" fill="white"/>
+<path d="M15.9994 42.5L6.99944 57C2.59944 68.6 8.83277 63.8333 12.4994 60L22.9994 47C25.3994 39 19.3328 40.6666 15.9994 42.5Z" fill="white"/>
+<path d="M85.0522 96.728L80.5606 106.854C78.806 114.672 82.433 111.012 84.4658 108.205L90.0892 98.8808C90.8826 93.5532 87.0618 95.2258 85.0522 96.728Z" fill="white"/>
+<path d="M107.196 85.1799L100.198 95.951C96.7575 104.581 101.58 101.055 104.422 98.2131L112.568 88.5674C114.453 82.613 109.772 83.8281 107.196 85.1799Z" fill="white"/>
+<path d="M111.196 56.1799L104.198 66.951C100.757 75.5806 105.58 72.0547 108.422 69.2131L116.568 59.5674C118.453 53.613 113.772 54.8281 111.196 56.1799Z" fill="white"/>
+<path d="M86.1936 64.1795L80.4999 76C77.059 84.6296 81.6593 80.8418 84.5009 78.0001L94.0007 61.5002C95.885 55.5458 91.5684 55.4998 86.1936 64.1795Z" fill="white"/>
+<path d="M44.7629 134.044L40.9367 146.594C38.8509 155.647 42.8203 151.203 45.1958 147.961L52.0706 130.207C53.0255 124.035 48.7523 124.647 44.7629 134.044Z" fill="white"/>
+<path d="M70.7096 130.806L67.3669 141.403C65.538 149.045 68.9796 145.284 71.0409 142.543L77.0324 127.547C77.8759 122.339 74.1837 122.868 70.7096 130.806Z" fill="white"/>
+<path d="M66.4901 58.5044L63.6208 64.4612C61.8868 68.81 64.2051 66.9012 65.6371 65.4692L70.4245 57.1542C71.374 54.1535 69.1987 54.1303 66.4901 58.5044Z" fill="white"/>
+<path d="M70.1011 24.1219L65.9073 32.8283C63.373 39.1845 66.7613 36.3946 68.8543 34.3016L75.8514 22.1485C77.2393 17.7628 74.0599 17.7288 70.1011 24.1219Z" fill="white"/>
+<path d="M42.8623 37.8905L37.2204 49.6033C33.8109 58.1543 38.3693 54.401 41.185 51.5853L50.5983 35.2357C52.4653 29.3356 48.1881 29.2899 42.8623 37.8905Z" fill="white"/>
+<path d="M35.1331 16.1505L31.7347 23.2058C29.681 28.3565 32.4267 26.0957 34.1228 24.3996L39.7929 14.5514C40.9175 10.9974 38.3411 10.9699 35.1331 16.1505Z" fill="white"/>
+<path d="M7.04801 85.0769L1.25354 97.1065C-2.24819 105.889 2.43349 102.034 5.32536 99.1421L14.9932 82.3502C16.9108 76.2905 12.5179 76.2437 7.04801 85.0769Z" fill="white"/>
+<path d="M38.0509 85.0767L35.9995 88.9999C32.4978 97.7822 38.1094 95.892 41.0013 93.0001L45.9961 82.35C47.9137 76.2903 43.5207 76.2434 38.0509 85.0767Z" fill="white"/>
+<path d="M6.49954 136L19.9995 113.5V125.5C14.7994 135.1 8.8328 140.5 6.49954 142C2.09954 141.6 4.6662 137.833 6.49954 136Z" fill="white"/>
+<path d="M61.985 0.976256L56.0052 10.3014C53.0818 17.7615 57.2233 14.696 59.6595 12.2307L66.6359 3.87026C68.2305 -1.27463 64.1997 -0.202782 61.985 0.976256Z" fill="white"/>
+<path d="M87.4998 32L96.9998 16.5C101.8 16.5 100.666 21.1667 99.4998 23.5L90.9998 32C86.1998 36 86.6665 33.6667 87.4998 32Z" fill="white"/>
+</svg>

public/img/support/support-1.svg

@@ -0,0 +1,5 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1444 25.4274L20.623 23.5967L17.1444 21.7658L19.2415 18.4409L15.3135 18.5947L15.4673 14.6667L12.1424 16.7638L10.3115 13.2852L8.48069 16.7638L5.15576 14.6667L5.30951 18.5947L1.38149 18.4409L3.47867 21.7658L0 23.5967L3.47867 25.4275L1.38149 28.7524L5.30951 28.5987L5.15576 32.5266L8.48069 30.4294L10.3115 33.9082L12.1424 30.4295L15.4673 32.5266L15.3135 28.5986L19.2415 28.7523L17.1444 25.4274ZM10.3115 28.7524C7.46406 28.7524 5.15576 26.444 5.15576 23.5967C5.15576 20.7493 7.46406 18.4409 10.3115 18.4409C13.159 18.4409 15.4673 20.7493 15.4673 23.5967C15.4673 26.444 13.159 28.7524 10.3115 28.7524Z" fill="#163042"/>
+<path d="M43.1868 44.0068C42.2371 44.6746 41.551 45.1572 39.9958 45.1572C38.4407 45.1572 37.7545 44.6746 36.8047 44.0068C35.7516 43.2664 34.4409 42.3449 31.9963 42.3449C29.5516 42.3449 28.241 43.2665 27.1879 44.0068C26.2382 44.6746 25.552 45.1572 23.9971 45.1572C22.4422 45.1572 21.756 44.6747 20.8063 44.0068C19.7532 43.2665 18.4426 42.3449 15.9981 42.3449C13.5534 42.3449 12.2429 43.2665 11.1898 44.0068C10.2401 44.6746 9.55393 45.1572 7.999 45.1572C6.44407 45.1572 5.75801 44.6747 4.80833 44.0068C3.75524 43.2664 2.44471 42.3448 0 42.3448V45.1571C1.55484 45.1571 2.24109 45.6395 3.19077 46.3074C4.24386 47.0477 5.55448 47.9693 7.999 47.9693C10.4437 47.9693 11.7542 47.0477 12.8073 46.3074C13.757 45.6396 14.4432 45.1571 15.9981 45.1571C17.553 45.1571 18.2391 45.6395 19.1888 46.3074C20.2419 47.0477 21.5525 47.9693 23.997 47.9693C26.4415 47.9693 27.7522 47.0478 28.8053 46.3074C29.755 45.6396 30.4412 45.1571 31.9962 45.1571C33.5512 45.1571 34.2375 45.6395 35.1872 46.3074C36.2403 47.0478 37.551 47.9693 39.9958 47.9693C42.4405 47.9693 43.7511 47.0478 44.8042 46.3074C45.754 45.6397 46.4402 45.1571 47.9953 45.1571V42.3448C45.5506 42.3448 44.24 43.2663 43.1868 44.0068Z" fill="#163042"/>
+<path d="M46.5426 10.2711C44.9962 6.95489 42.3876 4.34865 39.1142 2.81416L39.7772 0.992699L37.1344 0.0306396L36.4711 1.85304C28.8301 -0.169328 20.7448 3.94881 17.99 11.5177L17.4223 13.0774L19.0541 13.381C21.6912 13.8716 24.2123 14.7892 26.5475 16.1084L26.8758 16.2939L27.2528 16.2902C27.3003 16.2897 27.3477 16.2895 27.395 16.2895C28.6363 16.2895 29.8628 16.4483 31.0475 16.7543L24.495 34.757C24.3292 34.7549 24.1637 34.7519 23.9977 34.7519C19.6529 34.7519 15.3859 35.4634 11.3152 36.8666C8.75067 37.7505 6.29602 38.8991 3.97778 40.2936C5.04887 40.7392 5.83806 41.2933 6.42559 41.7064C7.24786 42.2846 7.33383 42.345 7.99899 42.345C8.66423 42.345 8.75011 42.2845 9.5721 41.7066C10.7288 40.8933 12.664 39.5328 15.9981 39.5328C19.3322 39.5328 21.2674 40.8935 22.4236 41.7064C23.2459 42.2846 23.3318 42.345 23.997 42.345C24.6622 42.345 24.7481 42.2845 25.57 41.7066C26.7268 40.8934 28.662 39.5328 31.9962 39.5328C35.3308 39.5328 37.2659 40.8936 38.4222 41.7065C39.2444 42.2845 39.3304 42.345 39.9957 42.345C40.6611 42.345 40.747 42.2845 41.5689 41.7066C42.1567 41.2933 42.9461 40.7391 44.0174 40.2934C41.6992 38.8989 39.2446 37.7503 36.68 36.8664C33.6885 35.8352 30.5909 35.1793 27.4344 34.9031L33.6901 17.7159C34.8366 18.2632 35.9154 18.9614 36.8953 19.8L37.1818 20.0452L37.5525 20.1141C40.1896 20.6047 42.7107 21.5223 45.046 22.8415L46.4913 23.6579L47.059 22.0981C48.472 18.2157 48.2887 14.0155 46.5426 10.2711Z" fill="#163042"/>
+</svg>

public/img/support/support-2.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.342 27.4673H26.1089C29.2188 27.4673 31.8118 29.722 32.3391 32.6827L38.2719 29.2574C38.6334 29.0487 39.0129 28.8766 39.4043 28.7421C37.5822 26.8551 34.5114 24.5688 30.0944 24.1584V20.5756C31.4873 20.4602 33.7882 20.0171 35.3919 18.4135V18.4134C37.134 16.6712 37.5096 14.1056 37.5783 12.7314C37.5982 12.3346 37.4486 11.946 37.168 11.6654C36.8874 11.3849 36.4993 11.2354 36.102 11.2552C34.7278 11.3239 32.1623 11.6994 30.4199 13.4416C30.3056 13.5559 30.1973 13.6738 30.0944 13.7947V9.32221C31.4873 9.20681 33.7882 8.76365 35.3918 7.16015C35.3919 7.16015 35.3919 7.16015 35.3919 7.16006C37.134 5.41781 37.5096 2.85215 37.5783 1.47796C37.5982 1.08112 37.4486 0.692522 37.1681 0.412022C36.8875 0.131428 36.4995 -0.0181974 36.102 0.00177137C34.7277 0.0704902 32.1622 0.446053 30.4199 2.18821C29.5375 3.07068 29.0066 4.16446 28.6882 5.2019C28.3697 4.16446 27.8389 3.07068 26.9564 2.18821C25.2143 0.446053 22.6487 0.0704902 21.2744 0.00177137C20.8775 -0.0181974 20.489 0.131428 20.2084 0.412022C19.9278 0.692522 19.7783 1.08112 19.7981 1.47796C19.8669 2.85215 20.2423 5.41781 21.9847 7.16015C23.5884 8.76374 25.8893 9.20681 27.282 9.32221V13.7948C27.1792 13.674 27.0708 13.5561 26.9564 13.4417C25.2142 11.6995 22.6486 11.324 21.2744 11.2552C20.8775 11.2351 20.489 11.3849 20.2084 11.6655C19.9278 11.946 19.7783 12.3347 19.7981 12.7315C19.8669 14.1057 20.2423 16.6713 21.9847 18.4136C23.5883 20.0172 25.8893 20.4604 27.282 20.5757V24.1613C24.3722 24.4391 21.6462 25.5782 19.342 27.4673Z" fill="#163042"/>
+<path d="M44.2859 32.5444C43.1613 31.1591 41.2234 30.8009 39.6781 31.6932L31.9875 36.1333C31.0554 38.4685 28.7725 40.1235 26.1089 40.1235H20.6257C19.8491 40.1235 19.2195 39.4939 19.2195 38.7173C19.2195 37.9407 19.8491 37.311 20.6257 37.311H26.1089C28.0474 37.311 29.6245 35.734 29.6245 33.7954C29.6245 31.8568 28.0474 30.2798 26.1089 30.2798H16.7808C14.4018 30.2798 12.1652 31.2062 10.4832 32.8883L3.31889 40.0527C3.00417 40.3674 2.85699 40.8126 2.92214 41.2529C2.9873 41.6933 3.25721 42.0768 3.64964 42.2868L14.0128 47.8335C14.222 47.9455 14.4498 47.9999 14.676 47.9999C15.0404 47.9999 15.4004 47.8585 15.6707 47.588L18.2302 45.0286C18.6729 44.5859 19.2615 44.3422 19.8876 44.3422H30.3247C31.5572 44.3422 32.7729 44.0164 33.8402 43.4001L43.2881 37.9453C44.2047 37.4161 44.8406 36.5158 45.0329 35.475C45.2251 34.4345 44.9529 33.3662 44.2859 32.5444Z" fill="#163042"/>
+</svg>

public/img/support/support-3.svg

@@ -0,0 +1,12 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M24 14.1561C20.1262 14.1561 16.9746 11.0045 16.9746 7.13066C16.9746 3.25133 20.1201 0.0115967 24 0.0115967C27.8792 0.0115967 31.0254 3.25077 31.0254 7.13066C31.0254 11.0045 27.8738 14.1561 24 14.1561Z" fill="#163042"/>
+<path d="M33.8357 25.3966H14.1646V23.9916C14.1646 18.5682 18.5768 14.156 24.0001 14.156C29.4234 14.156 33.8357 18.5682 33.8357 23.9916V25.3966Z" fill="#163042"/>
+<path d="M24 47.9886L14.7181 39.6349H19.7847V36.6374H9.01245V41.4347L0 32.4221L9.01245 23.4097V28.2069H38.9875V23.4097L47.9999 32.4221L38.9875 41.4346V36.6374H28.2152V39.6349H33.2818L24 47.9886Z" fill="#163042"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/img/support/support-4.svg

@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M7.09481 18.6832H14.7579V21.3165C14.7579 21.8552 15.0657 22.3465 15.5504 22.5817C15.7454 22.6763 15.9552 22.7227 16.164 22.7227C16.474 22.7227 16.7817 22.6203 17.0346 22.421L21.7777 18.6832H24.211L21.6132 16.9435H18.2451C12.8339 16.9435 8.4315 12.5412 8.4315 7.12997C8.4315 6.21694 8.55731 5.33287 8.79159 4.49353H7.09481C3.18272 4.49372 0 7.67644 0 11.5885C0 15.5005 3.18272 18.6832 7.09481 18.6832Z" fill="#163042"/>
+<path d="M11.1501 7.13009C11.1501 11.0422 14.3329 14.2249 18.245 14.2249H22.4393L31.4898 20.2855C31.7256 20.4434 31.9985 20.5232 32.2723 20.5232C32.4993 20.5232 32.7269 20.4684 32.9345 20.3575C33.3924 20.113 33.6785 19.6361 33.6785 19.117V14.2248H40.9052C44.8173 14.2248 48 11.0421 48 7.13C48 3.2179 44.8173 0.0352783 40.9052 0.0352783H18.245C14.3329 0.0352783 11.1501 3.218 11.1501 7.13009Z" fill="#163042"/>
+<path d="M41.257 37.2052C40.1657 37.9898 38.8927 38.5369 37.5145 38.7707V46.562C37.5145 47.3306 36.8914 47.9539 36.1226 47.9539C35.3539 47.9539 34.7307 47.3307 34.7307 46.562V38.8088C33.2465 38.599 31.8772 38.0271 30.7155 37.1852C27.2028 38.2568 24.5365 41.2879 23.9999 45.0004C23.4633 41.2879 20.797 38.2569 17.2843 37.1852C16.1677 37.9943 14.8595 38.5543 13.4416 38.7829V46.5621C13.4416 47.3307 12.8184 47.954 12.0497 47.954C11.2809 47.954 10.6578 47.3308 10.6578 46.5621V38.7986C9.21319 38.5823 7.87959 38.0225 6.74278 37.2052C2.83978 38.4293 0 42.0802 0 46.382V46.6309C0 47.3676 0.597188 47.9648 1.33397 47.9648H46.6661C47.4028 47.9648 48.0001 47.3676 48.0001 46.6309V46.382C48 42.0802 45.1602 38.4293 41.257 37.2052Z" fill="#163042"/>
+<path d="M12.0002 36.1797C15.4836 36.1797 18.3075 33.3558 18.3075 29.8724C18.3075 26.3889 15.4836 23.5651 12.0002 23.5651C8.51675 23.5651 5.69287 26.3889 5.69287 29.8724C5.69287 33.3558 8.51675 36.1797 12.0002 36.1797Z" fill="#163042"/>
+<path d="M35.9999 36.1797C39.4834 36.1797 42.3073 33.3558 42.3073 29.8724C42.3073 26.3889 39.4834 23.5651 35.9999 23.5651C32.5165 23.5651 29.6926 26.3889 29.6926 29.8724C29.6926 33.3558 32.5165 36.1797 35.9999 36.1797Z" fill="#163042"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/img/support/support-5.svg

@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M27.8911 38.5159C30.5902 37.1069 32.4373 34.2807 32.4373 31.0308V30.7889C31.3004 31.1923 30.716 30.9653 26.572 31.0308C25.9968 32.6401 24.4659 33.8121 22.6687 33.8428C22.056 33.8528 21.8811 33.8546 21.8948 33.8546C19.5213 33.8547 17.2792 32.9514 15.5676 31.3093C15.6696 34.437 17.482 37.1394 20.0973 38.5099C20.135 40.6713 21.8671 42.3572 23.9951 42.3573H23.9963C26.0998 42.3567 27.8579 40.6722 27.8911 38.5159Z" fill="#163042"/>
+<path d="M30.625 37.4246C31.1719 41.026 28.8113 44.2861 25.4031 45.0198V48H35.2498C36.0264 48 36.6561 47.3703 36.6561 46.5937V46.5C36.6561 42.4231 34.1649 38.9174 30.625 37.4246Z" fill="#163042"/>
+<path d="M17.3641 37.429C13.83 38.9244 11.344 42.4272 11.344 46.4999V46.5937C11.344 47.3703 11.9736 48 12.7502 48H22.5906V45.0232C19.1324 44.2918 16.8271 40.991 17.3641 37.429Z" fill="#163042"/>
+<path d="M18.6261 10.9915L17.9997 15.39C17.8408 16.5059 18.9982 17.3472 20.0107 16.8511L24.0001 14.8962L27.9895 16.8511C28.9949 17.3438 30.1602 16.5121 30.0005 15.39L29.3741 10.9915L32.4661 7.80119C33.2505 6.99184 32.8087 5.63087 31.698 5.43709L27.3215 4.67359L25.2429 0.746967C24.7157 -0.249127 23.2849 -0.249502 22.7574 0.746967L20.6788 4.67359L16.3023 5.43709C15.192 5.63078 14.7494 6.99156 15.5342 7.80119L18.6261 10.9915Z" fill="#163042"/>
+<path d="M46.8351 15.5025L43.6519 14.9472L42.1401 12.0912C41.6129 11.0952 40.182 11.0946 39.6544 12.0912L38.1427 14.9471L34.9595 15.5025C33.8492 15.6962 33.4066 17.057 34.1914 17.8666L36.4403 20.187L35.9848 23.3861C35.8252 24.5065 36.9872 25.3415 37.9957 24.8472L40.8974 23.4254L43.799 24.8472C44.8112 25.3431 45.9689 24.5024 45.81 23.3861L45.3544 20.187L47.6033 17.8666C48.3876 17.0572 47.9459 15.6963 46.8351 15.5025Z" fill="#163042"/>
+<path d="M12.0159 23.3861L11.5604 20.187L13.8093 17.8666C14.5937 17.0572 14.1518 15.6962 13.0412 15.5025L9.85797 14.9472L8.34625 12.0913C7.819 11.0952 6.38819 11.0946 5.86056 12.0913L4.34875 14.9473L1.16556 15.5026C0.055282 15.6962 -0.387312 17.057 0.39747 17.8667L2.64634 20.1871L2.19081 23.3862C2.032 24.5019 3.18944 25.3435 4.20175 24.8473L7.10341 23.4255L10.0051 24.8473C11.0132 25.3412 12.1755 24.5068 12.0159 23.3861Z" fill="#163042"/>
+<path d="M32.4372 26.812V24.7061C32.4372 21.9902 30.2277 19.7805 27.5118 19.7805H20.4879C17.7721 19.7805 15.5625 21.9901 15.5625 24.7061C15.5625 26.419 16.2352 28.0236 17.4566 29.2243C19.6986 31.4284 22.3684 30.9898 22.6206 31.0306C23.3895 31.0175 24.0053 30.389 24.0028 29.6199L23.9981 28.2182H31.031C31.8077 28.2182 32.4372 27.5886 32.4372 26.812Z" fill="#163042"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="48" height="48" fill="white"/>
+</clipPath>
+</defs>
+</svg>

resources/views/account-setup.blade.php

@@ -45,9 +45,10 @@
 
       <div class="row">
           <div class="col-12 text-center">
-              <input type="submit" name="Submit" value="Submit" class="btn btn-sm btn-primary w-100 py-2">
+              <input type="submit" name="Submit" value="Create Account" class="btn btn-sm btn-primary w-100 py-2">
           </div>
       </div>
   </form>
+  <p><small class="text-center d-block text-muted my-3">If you have any questions at all, please contact your Dedicated HR Representative at the phone number or email displayed inside this portal.</small></p>
 </div>
 @endsection

resources/views/confirm-auth-token.blade.php

@@ -18,13 +18,12 @@
       </label>
       <input class="form-control phone" name="confirmation_token" autofocus value="{{old('confirmation_token')}}">
     </div>
-
     <div class="row">
       <div class="col-12 text-center">
         <input type="submit" name="sendToken" value="Confirm Token" class="btn btn-primary btn-sm w-100 py-2">
       </div>
     </div>
   </form>
-
+  <p><small class="text-center d-block text-muted my-3">If you have any questions at all, please contact your Dedicated HR Representative at the phone number or email displayed inside this portal.</small></p>
 </div>
 @endsection

resources/views/landing.blade.php

@@ -0,0 +1,94 @@
+<div class="container">
+  <div class="row">
+    <div class="col-md-12">
+      <div class="flex-content mt-3">
+        <div class="bottom">
+          <img src="{{asset('img/patients-care.jpg')}}" alt="">
+        </div>
+        <div>
+          <h2>You care for patients. We care for you.</h2>
+          <p>A top healthcare provider in Maryland, we at Leadership Health are known for the excellence we provide in medical care. We know you care deeply for your patients, and you give your all every day. We give our all to you. Let’s work together!</p>
+        </div>
+      </div>
+
+      <div class="flex-content mt-5">
+        <div>
+          <h2>It’s our philosophy that separates us.</h2>
+          <p>At Leadership Health, we utilize the latest in technologies and science to treat our patients. And we maintain health care at a deeper level - helping patients with a caring attitude and understanding heart. We have in mind the best for our patients, our personnel, and our communities, and it shows in all that we do.</p>
+        </div>
+        <div class="bottom">
+          <img src="{{asset('img/philosophy.jpg')}}" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="mt-5 bg-light-sec why-us text-center">
+  <div class="container">
+    <h2>Why <br> Leadership Health? </h2>
+    <p>Our physicians share our philosophy. <br> We believe in health care with heart - caring for patients using the latest in scientific knowledge but pairing that with the utmost regard for the human condition. We care, and it shows. That care is no less important to us when it comes to our associates. We support you now and as you plan your future career path.</p>
+    <h5>YOU CARE FOR PATIENTS. WE CARE FOR YOU.</h5>
+  </div>
+</div>
+
+<div class="support">
+  <div class="support-content">
+    <div class="d-flex">
+      <div class="support-img"><img src="{{asset('img/support/support-1.svg')}}"></div>
+      <div class="">
+        <h5>Time for Yourself</h5>
+        <p>Health care is a challenging field, and we recognize that you’ll need time away to refresh. So we offer a generous paid time off and holiday package. You deserve it.</p>
+      </div>
+    </div>
+    <div class="d-flex blue-card">
+      <div class="support-img"><img src="{{asset('img/support/support-2.svg')}}"></div>
+      <div class="">
+        <h5>An eye on the future</h5>
+        <p>You have goals that include excellence in your work now and in the future. We offer training opportunities to keep you on your path of success.</p>
+      </div>
+    </div>
+    <div class="d-flex">
+      <div class="support-img"><img src="{{asset('img/support/support-3.svg')}}"></div>
+      <div class="">
+        <h5>Flexibility Built in</h5>
+        <p>Your career interests and goals can change over time. Our extensive network of health care operations offers you the chance to alter your career course within Leadership Health.</p>
+      </div>
+    </div>
+    <div class="d-flex blue-card">
+      <div class="support-img"><img src="{{asset('img/support/support-4.svg')}}"></div>
+      <div class="">
+        <h5>It’s all about people</h5>
+        <p>You’ll find like-minded medical professionals here who share your philosophy that health care goes beyond science and technology. Our compassion shows through all of our associates and operations. And we take pride in that.</p>
+      </div>
+    </div>
+    <div class="d-flex">
+      <div class="support-img"><img src="{{asset('img/support/support-5.svg')}}"></div>
+      <div class="">
+        <h5>Be part of our talent pool</h5>
+        <p>If you don’t see a current opportunity that fits you, sign up with us, and you’ll be the first to know when positions open that work with your skillset and career goals.</p>
+      </div>
+    </div>
+  </div>
+  <div class="support-ways">
+    <div class="dark-card">
+      <div class="d-flex">
+        <h3>Here some of the ways we support you</h3>
+        <div class="">
+          <img class="rain" src="{{asset('img/rain.svg')}}">
+        </div>
+      </div>
+      <img class="single" src="{{asset('img/single.jpg')}}">
+      <img class="stetho" src="{{asset('img/stetho.jpg')}}">
+      <img class="group" src="{{asset('img/group.jpg')}}">
+    </div>
+  </div>
+</div>
+
+<div class="mt-lg-5 blue-card why-us text-center">
+  <div class="container">
+    <h2>Join Our Team</h2>
+    <p>Join our team and bring not only your top-notch medical skills and knowledge with you, but also the empathy and caring that you already recognize is vital to real, true patient-centered care.</p>
+    <h6><a href="#top" class="btn btn-primary px-5 py-2">Join Our Team</a> </h6>
+  </div>
+</div>

resources/views/layouts/login.blade.php

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>Leadership Health</title>
+    <title>Leadership Health | The Highest Quality of Care</title>
     <meta name="description"
           content="Scholar Health's Leadership Health program was developed in collaboration with the University of Maryland School of Public Health through a Maryland Industrial Partnerships (MIPS) project.">
     <link rel="icon" href={{asset('img/icon.svg')}}>
@@ -18,29 +18,31 @@
     <script src='https://www.google.com/recaptcha/api.js'></script>
 </head>
 <body>
-<nav class="navbar navbar-expand-lg navbar-light bg-white d-flex align-items-center justify-content-between">
+<nav id="top" class="navbar navbar-expand-lg navbar-light bg-white d-flex align-items-center justify-content-between">
     <div class="container justify-content-center justify-content-md-start">
         <a class="navbar-brand" href="{{route('login')}}"><img src="/img/logo.svg" alt="Logo" height="50"> </a>
     </div>
 </nav>
 <hr class="m-0">
-<div class="container my-3 my-md-4 my-lg-5">
-    <div class="row welcome">
-        <div class="col-lg-7">
-            <h4 class="title">Welcome to Leadership Health HR!</h4>
-            <p>Thank you for your interest in working with LeadershipHealth.</p>
-            <p>We use this portal to:</p>
-            <ul>
-              <li>Organize the HR process.</li>
-              <li>Coordinate communication with your dedicated HR representative.</li>
-              <li>Test your webcam and/or smartphone to confirm that your hardware is ready for telehealth.</li>
-            </ul>
-            <p>This brief online form is the first step in our HR process - and will allow us to quickly assign the appropriate Dedicated HR Representative to your account who will be available to you by phone and email to ensure all your questions get answered and that your onboarding process goes smoothly.</p>
-        </div>
-        <div class="col-lg-5">
-          @yield('content')
-        </div>
+<div class="welcome-container">
+  <div class="container my-3 my-md-4 my-lg-5">
+    <div class="row">
+      <div class="col-lg-7">
+        <h4 class="title">Find the rewarding career you’ve been looking for at Leadership Health.</h4>
+        <p>Thank you for your interest in working with LeadershipHealth.</p>
+        <p>We use this portal to:</p>
+        <ul>
+          <li>Organize the HR process.</li>
+          <li>Coordinate communication with your dedicated HR representative.</li>
+          <li>Test your webcam and/or smartphone to confirm that your hardware is ready for telehealth.</li>
+        </ul>
+      </div>
+      <div class="col-lg-5">
+        @yield('content')
+      </div>
     </div>
+  </div>
+  @include('landing')
 </div>
 <footer class="bg-light-grey d-flex align-items-center flex-column border-top">
     <div class="py-3">

resources/views/login.blade.php

@@ -12,7 +12,7 @@
         @endif
         <div class="form-group">
             <label>Enter Your Mobile Number (to receive an SMS token)</label>
-            <input type="tel" class="form-control phone" name="cell_number" autofocus value="{{old('cell_number')}}">
+            <input type="tel" class="form-control phone" name="cell_number" value="{{old('cell_number')}}">
             <small class="d-block mt-2 mb-3 text-muted text-center">
               *Your mobile provider's standard rates for sending and receiving text messages will apply.
             </small>