2 lines
2.2 KiB
JavaScript
2 lines
2.2 KiB
JavaScript
import{r as n,j as e,_ as o,H as d,T as l,B as x}from"./index-TNj5auBr.js";import{T as p}from"./TextInput-DL-5979h.js";import{M as c}from"./mail-DG37riix.js";const t=[{label:"Days",value:12},{label:"Hours",value:8},{label:"Minutes",value:45},{label:"Seconds",value:30}];function g(){const[s,r]=n.useState("");return e.jsx("div",{style:{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",padding:"24px",textAlign:"center",backgroundColor:"#f8fafc",fontFamily:"system-ui, sans-serif"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px",alignItems:"center",maxWidth:"620px",width:"100%"},children:[e.jsx(o,{}),e.jsx(d,{level:1,type:"display-2",children:"Coming Soon"}),e.jsx(l,{type:"large",color:"secondary",children:"Something new is on its way"}),e.jsx("div",{style:{display:"flex",flexDirection:"row",gap:"16px",alignItems:"center",justifyContent:"center",flexWrap:"wrap"},children:t.map((i,a)=>e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"16px",alignItems:"center"},children:[e.jsxs("div",{style:{width:"84px",padding:"16px 0",borderRadius:"12px",backgroundColor:"rgba(192, 18, 39, 0.08)",border:"1px solid rgba(192, 18, 39, 0.2)"},children:[e.jsx("div",{style:{fontSize:"2rem",fontWeight:800,color:"#C01227",lineHeight:1},children:String(i.value).padStart(2,"0")}),e.jsx("div",{style:{fontSize:"0.65rem",color:"#64748b",textTransform:"uppercase",letterSpacing:"1px",marginTop:"4px"},children:i.label})]}),a<t.length-1&&e.jsx("div",{style:{fontSize:"2rem",fontWeight:800,color:"#C01227"},children:":"})]},i.label))}),e.jsxs("div",{style:{width:"100%",maxWidth:"480px",marginTop:"16px"},children:[e.jsx("div",{style:{marginBottom:"12px"},children:e.jsx(l,{type:"body",color:"secondary",children:"Be the first to be notified when Doormile launches."})}),e.jsxs("div",{style:{display:"flex",gap:"12px",flexDirection:"row",alignItems:"flex-start",flexWrap:"wrap"},className:"subscribe-row",children:[e.jsx("div",{style:{flexGrow:1,minWidth:"200px"},children:e.jsx(p,{label:"Email address",isLabelHidden:!0,type:"email",placeholder:"Enter your email",startIcon:e.jsx(c,{size:16}),value:s,onChange:r})}),e.jsx(x,{variant:"primary",label:"Notify Me",onClick:()=>{}})]})]})]})})}export{g as default};
|