2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
import{a as c,j as e,B as a,S as i,ah as x,T as t}from"./index-f5ufbVS4.js";import{T as h}from"./TextField-Sn0f7hh8.js";import{B as d}from"./Button-BaZR7WeN.js";const n=[{label:"Days",value:12},{label:"Hours",value:8},{label:"Minutes",value:45},{label:"Seconds",value:30}];function u(){const[s,o]=c.useState("");return e.jsx(a,{sx:{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",p:3,textAlign:"center"},children:e.jsxs(i,{spacing:3,alignItems:"center",sx:{maxWidth:620,width:"100%"},children:[e.jsx(x,{}),e.jsx(t,{variant:"h2",sx:{fontWeight:800,color:"grey.800"},children:"Coming Soon"}),e.jsx(t,{variant:"body1",color:"text.secondary",children:"Something new is on its way"}),e.jsx(i,{direction:"row",spacing:{xs:1,sm:2},alignItems:"center",justifyContent:"center",children:n.map((r,l)=>e.jsxs(i,{direction:"row",spacing:{xs:1,sm:2},alignItems:"center",children:[e.jsxs(a,{sx:{width:{xs:64,sm:84},py:2,borderRadius:2,bgcolor:"primary.lighter",border:1,borderColor:"primary.light"},children:[e.jsx(t,{variant:"h2",sx:{fontWeight:800,color:"primary.main",lineHeight:1},children:String(r.value).padStart(2,"0")}),e.jsx(t,{variant:"caption",color:"text.secondary",sx:{textTransform:"uppercase",letterSpacing:1},children:r.label})]}),l<n.length-1&&e.jsx(t,{variant:"h2",sx:{fontWeight:800,color:"primary.main"},children:":"})]},r.label))}),e.jsxs(a,{sx:{width:"100%",maxWidth:480},children:[e.jsx(t,{variant:"body2",color:"text.secondary",sx:{mb:1.5},children:"Be the first to be notified when Doormile launches."}),e.jsxs(i,{direction:{xs:"column",sm:"row"},spacing:1.5,children:[e.jsx(h,{fullWidth:!0,size:"small",type:"email",placeholder:"Enter your email",value:s,onChange:r=>o(r.target.value)}),e.jsx(d,{variant:"contained",sx:{whiteSpace:"nowrap",px:3},children:"Notify Me"})]})]})]})})}export{u as default};
|