https://base-apparel-coming-soon-page-ta.vercel.app/_next/static/chunks/app/page-86d4f859af9a2a36.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{5580:function(A,e,s){Promise.resolve().then(s.bind(s,6486))},6486:function(A,e,s){"use strict";s.r(e),s.d(e,{default:function(){return g}});var t=s(7437),r=s(6691),a=s.n(r);function l(){return(0,t.jsxs)("footer",{className:"mb-1 mt-auto flex flex-col text-center text-sm sm:col-span-2 sm:mt-20 sm:w-full sm:flex-row sm:justify-center sm:gap-1",children:[(0,t.jsxs)("div",{children:["Challenge by"," ",(0,t.jsx)("a",{href:"https://www.frontendmentor.io",target:"_blank",className:"footer-link",rel:"noreferrer noopener",children:"Frontend Mentor"}),","," "]}),(0,t.jsxs)("div",{children:["Coded by"," ",(0,t.jsx)("a",{className:"footer-link",href:"https://www.linkedin.com/in/ehsan-tatasadi-2161a433",target:"_blank",rel:"noreferrer noopener",children:"Ehsan Tatasadi"}),","," "]}),(0,t.jsx)("div",{children:(0,t.jsx)("a",{className:"footer-link",href:"https://github.com/tatasadi/base-apparel-coming-soon-page",target:"_blank",rel:"noreferrer noopener",children:"Source Code"})})]})}var i={src:"/_next/static/media/logo.9bc60bab.svg",height:33,width:158,blurWidth:0,blurHeight:0},n={src:"/_next/static/media/hero-desktop.9859672b.jpg",height:800,width:610,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAYDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAH/xAAUAQEAAAAAAAAAAAAAAAAAAAAE/9oADAMBAAIQAxAAAAGA6//EABYQAQEBAAAAAAAAAAAAAAAAAAECBP/aAAgBAQABBQIzTR//xAAWEQADAAAAAAAAAAAAAAAAAAAAARL/2gAIAQMBAT8BhH//xAAWEQADAAAAAAAAAAAAAAAAAAAAARL/2gAIAQIBAT8Bpn//xAAYEAACAwAAAAAAAAAAAAAAAAAAEQEjYf/aAAgBAQAGPwKLEsP/xAAXEAADAQAAAAAAAAAAAAAAAAAAAREh/9oACAEBAAE/IUmoJkH/2gAMAwEAAgADAAAAEA//xAAWEQADAAAAAAAAAAAAAAAAAAAAEUH/2gAIAQMBAT8QbD//xAAWEQEBAQAAAAAAAAAAAAAAAAABADH/2gAIAQIBAT8QQdv/xAAYEAEAAwEAAAAAAAAAAAAAAAABACFBYf/aAAgBAQABPxA+rHOuq3P/2Q==",blurWidth:6,blurHeight:8},o={src:"/_next/static/media/hero-mobile.6109a513.jpg",height:250,width:375,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAH/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAABoKn/xAAWEAADAAAAAAAAAAAAAAAAAAACBCP/2gAIAQEAAQUCJaX/xAAWEQADAAAAAAAAAAAAAAAAAAAAAiH/2gAIAQMBAT8BaH//xAAWEQADAAAAAAAAAAAAAAAAAAAAAiH/2gAIAQIBAT8BWn//xAAZEAABBQAAAAAAAAAAAAAAAAASAAERMTL/2gAIAQEABj8CMs00L//EABgQAAMBAQAAAAAAAAAAAAAAAAEhMQAR/9oACAEBAAE/IRBlewWb/9oADAMBAAIAAwAAABD3/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAh/9oACAEDAQE/EALL/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAERIf/aAAgBAgEBPxBo0//EABgQAQADAQAAAAAAAAAAAAAAAAEAESGB/9oACAEBAAE/EEmRjgA24n//2Q==",blurWidth:8,blurHeight:5},d={src:"/_next/static/media/icon-arrow.cc15d6bb.svg",height:20,width:12,blurWidth:0,blurHeight:0},m={src:"/_next/static/media/icon-error.dd512b46.svg",height:24,width:24,blurWidth:0,blurHeight:0},c=s(4578),h=s(2265);let x=c.z.object({email:c.z.string().min(1,"Whoops! It looks like you forgot to add your email").email("Please provide a valid email")});function g(){let[A,e]=(0,h.useState)(""),[s,r]=(0,h.useState)(""),[c,g]=(0,h.useState)(!1);return(0,t.jsxs)("main",{className:"flex h-full min-h-screen w-full max-w-5xl flex-col items-center sm:grid sm:grid-cols-2 md:min-h-0",children:[(0,t.jsx)("div",{className:"flex w-full flex-col items-start p-8 sm:place-self-end",children:(0,t.jsx)(a(),{src:i,alt:"logo"})}),(0,t.jsx)("div",{className:"hidden w-full sm:row-span-2 sm:block",children:(0,t.jsx)(a(),{src:n,alt:"hero desktop",layout:"responsive"})}),(0,t.jsx)("div",{className:"block w-full sm:hidden",children:(0,t.jsx)(a(),{src:o,alt:"hero mobile",layout:"responsive"})}),(0,t.jsxs)("div",{className:"flex flex-col items-center px-8 py-20 sm:items-start md:pr-20",children:[(0,t.jsxs)("h1",{className:"text-cnter flex flex-col items-center text-[2.5rem] font-light uppercase leading-[2.625rem] tracking-[0.67656rem] text-primary-desaturated-red sm:items-start sm:text-left md:text-[4rem] md:leading-[4rem] md:tracking-[1.08256rem]",children:[(0,t.jsx)("span",{children:"We're"}),(0,t.jsx)("span",{className:"max-w-60 text-center font-semibold text-primary-dark sm:text-left",children:"coming soon"})]}),(0,t.jsx)("p",{className:"mb-8 mt-4 text-center text-sm leading-[1.375rem] text-primary-desaturated-red sm:text-left md:text-base md:leading-7",children:"Hello fellow shoppers! We're currently building our new fashion store. Add your email below to stay up-to-date with announcements and our launch deals."}),(0,t.jsxs)("form",{onSubmit:function(s){s.preventDefault();let t=x.safeParse({email:A});if(t.success)g(!0),e("");else{r(t.error.errors[0].message),g(!1);return}},className:"w-full",children:[(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("input",{type:"text",placeholder:"Email Address",className:"w-full rounded-full bg-transparent px-6 py-3 text-sm leading-7 placeholder:text-primary-desaturated-red placeholder:opacity-50 md:text-base ".concat(s?"border-2 border-primary-soft-red":"border border-primary-desaturated-red"),value:A,onChange:function(A){g(!1),e(A.target.value),s&&r("")}}),(0,t.jsx)("button",{type:"submit",className:"hover:bg-gradient-red-50 absolute right-0 top-0 h-full cursor-pointer rounded-full bg-gradient-red px-7 py-3 shadow-[0_15px_20px_0_rgba(198,110,110,0.25)] hover:bg-white sm:px-10",children:(0,t.jsx)(a(),{src:d,alt:"arrow icon",className:""})}),s&&(0,t.jsx)(a(),{src:m,alt:"error icon",className:"absolute right-20 top-[0.85rem] sm:right-[6.5rem]"})]}),s&&(0,t.jsx)("p",{className:"ml-6 mt-2 text-[0.8125rem] leading-normal text-primary-soft-red md:text-base",children:s}),c&&(0,t.jsx)("p",{className:"ml-6 mt-4 text-center leading-normal text-green-600 md:text-base",children:"Thank y

1ou for subscribing!"})]})]}),(0,t.jsx)(l,{})]})}}},function(A){A.O(0,[428,971,938,744],function(){return A(A.s=5580)}),_N_E=A.O()}]);