%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/public_html/startup-life/assets/
Upload File :
Create Path :
Current File : /home/opti/public_html/startup-life/assets/index-a26094b5.js

import{P as a,j as e,r as g,u as f,C as b,a as y,b as C,c as v,Q as p}from"./index-5492fbe1.js";import{s as j}from"./styled-components.browser.esm-ee37ee23.js";import{B as w,a as k}from"./index.esm-b6fe913b.js";import{C as F}from"./Card-610286a8.js";import{B as s}from"./Box-263f925f.js";import{L as T}from"./index-7b3a9c4a.js";import{C as S}from"./index-935ad37b.js";import{I as z}from"./IconButton-948b78dd.js";import"./tslib.es6-ace8e431.js";import"./iconBase-4b2ba95c.js";import"./Paper-26f2abc8.js";import"./LogoWhite-a615c120.js";import"./Button-e32596e7.js";import"./ButtonBase-0400401d.js";import"./assertThisInitialized-081f9914.js";import"./TransitionGroupContext-29effe25.js";import"./setPrototypeOf-0bb37fbe.js";import"./useForkRef-ff55d5c8.js";const B=j.div`
  width: 100%;
  height: 100vh;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  position: relative;

  .Right {
    position: relative;
    width:50%;
    height: 100vh;
    background-color:$white_color;
    overflow-y: auto;
  }

  .hero {
    color: var(--secondary);
    font-family: Raleway;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal; 
  }

  .subhero {
    color: var(--lightText);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .categoryCard {
    width: 100%;
    height: ;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13rem;
    margin-bottom: 1.87rem;
    padding: 0;
    border-radius: 1rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
  }

  .categoryChecked {
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    top: 1.3rem;
    right: 1.66rem;
    color: #FFF;
  }

  .cardTitle {
    color: var(--lag-white, #FFF);
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6875rem;
    margin-bottom: 1.29rem;
  }

  .cardSubText {
    color: #FFF;
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1rem; /* 88.889% */
    letter-spacing: -0.045rem;
    padding: 0 3.9rem 0 2.49rem;
  }
`,N={padding:"0 5.19rem 5rem 5.81rem",mt:{xs:"2rem",md:"3.87rem"}},I="/assets/Category1-8bced402.png",R="/assets/Category2-31989895.png",E="/assets/Category3-4ddb5924.png",L="/assets/Category4-b230fe56.png",u=({title:r,subText:n,bgImage:l,checked:i,select:c})=>e.jsxs(F,{onClick:c,style:{backgroundImage:`url(${l})`},className:"categoryCard",children:[i&&e.jsx(w,{className:"categoryChecked"}),e.jsxs(s,{children:[e.jsx("p",{className:"cardTitle",children:r}),e.jsx("p",{className:"cardSubText",children:n})]})]});u.propTypes={title:a.string.isRequired,subText:a.string.isRequired,bgImage:a.any,checked:a.oneOf[!1],select:a.func};const d=[{title:"Founder",image:I,subtext:`Embark on the journey of transforming your 
    idea or existing business into a thriving 
    and profitable venture right here`,id:1},{title:"Creative",image:R,subtext:"Breathe life into those creative ideas right here",id:2},{title:"Vendor",image:E,subtext:`Earn from founders, creatives, investors, and businesses 
    by providing services at startup-friendly rates right here`,id:3},{title:"Investor",image:L,subtext:`Invest in startups, products, 
    and creative projects such as movies, 
    music albums, EPs, novels, and more right here`,id:4}],Z=()=>{const[r,n]=g.useState(""),[l,i]=g.useState(!1),c=f(),x=async()=>{const t={email:y.get("email"),accountType:r==null?void 0:r.toUpperCase()};i(!0),await C.put(v,t).then(m=>{var o;i(!1),p.success((o=m.data)==null?void 0:o.message),c("/congratulations")}).catch(m=>{var o,h;p.error((h=(o=m.response)==null?void 0:o.data)==null?void 0:h.message),i(!1)})};return e.jsxs(B,{children:[e.jsx(s,{children:e.jsx(T,{})}),e.jsx(s,{className:"Right",children:e.jsxs(s,{sx:N,children:[e.jsx(z,{onClick:()=>{},sx:{width:"2.5rem",height:"2.5rem",boxShadow:"0px 8px 24px rgba(0, 0, 0, 0.15)",backgroundColor:"#FFF",fontSize:"1.3rem",mb:"2.06rem"},children:e.jsx(k,{})}),e.jsx("h1",{className:"hero",children:"Select a category"}),e.jsx("p",{className:"subhero",children:"Choose a category that suites you"}),e.jsx(s,{sx:{mt:"2.31rem"},children:d==null?void 0:d.map(t=>e.jsx(u,{title:t.title,subText:t.subtext,checked:r===t.title,select:()=>n(t.title),bgImage:t.image},t.id))}),e.jsx(s,{sx:{display:"flex",justifyContent:"center",marginTop:"3.75rem"},children:e.jsx(S,{onClick:x,children:l?e.jsx(b,{size:20,color:"inherit"}):"Submit"})})]})})]})};export{Z as default};

Zerion Mini Shell 1.0