(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[332],{2022:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(5047)}])},1348:(e,t,s)=>{"use strict";s.d(t,{Mt:()=>l,ZD:()=>n});var a=s(4848);let l=e=>(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.width||"50",height:e.height||"50",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{fill:"currentColor",d:"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z",children:(0,a.jsx)("animateTransform",{attributeName:"transform",dur:"0.75s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;360 12 12"})})}),n=e=>(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e.width||"50",height:e.height||"50",viewBox:"0 0 24 24",...e,children:(0,a.jsxs)("g",{fill:"none","fill-rule":"evenodd",children:[(0,a.jsx)("path",{d:"m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z"}),(0,a.jsx)("path",{fill:"currentColor",d:"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 11a5 5 0 0 0-3.307 1.25a1 1 0 0 0 1.323 1.5A3 3 0 0 1 12 15a2.98 2.98 0 0 1 1.984.75a1 1 0 1 0 1.324-1.5A5 5 0 0 0 12 13M8.5 8a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m7 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"})]})})},2557:(e,t,s)=>{"use strict";s.d(t,{$5:()=>i,O8:()=>x,WC:()=>m,_1:()=>d,c5:()=>r,cB:()=>o,cc:()=>c,dZ:()=>n,ec:()=>u,gb:()=>l,r7:()=>p,xw:()=>h});let a=s(4335).A.create({baseURL:"https://www.trexbase.com/",headers:{},withCredentials:!0});a.interceptors.response.use(e=>e.data,e=>Promise.reject(e));let l=e=>a.get("/api/blog",{params:e}),n=e=>a.get("/api/blog/".concat(e)),i=e=>{let t=new FormData;return t.append("title",e.title),t.append("content",e.content),t.append("summary",e.summary),e.image&&t.append("image",e.image),a.post("/api/blog",t)},r=(e,t)=>{let s=new FormData;return t.title&&s.append("title",t.title),t.content&&s.append("content",t.content),t.summary&&s.append("summary",t.summary),t.image&&s.append("image",t.image),a.put("/api/blog/".concat(e),s)},c=e=>a.delete("/api/blog/".concat(e)),d=e=>a.get("/api/form-submissions",{params:e}),o=e=>a.post("/api/send-email",e),x=e=>a.delete("/api/form-submissions/".concat(e)),m=e=>a.post("/api/auth/request-reset",e),h=e=>a.post("/api/auth/reset-password",e),u=e=>a.post("/api/auth/change-password",e),p=e=>a.post("/api/auth/update-profile",e)},5047:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSP:()=>g,default:()=>v});var a=s(4848),l=s(4164),n=s(9965),i=s.n(n),r=s(6540),c=s(2636),d=s(4650),o=s(3471);s(7836);let x=async()=>await window.grecaptcha.execute(o.A.RECAPTCHA_SITE_KEY,{action:"submit"});var m=s(2557);let h=e=>/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(e),u="admin@trexhouse.com";var p=s(1348);let f=()=>c.Ay.error((0,a.jsxs)("div",{children:["Oops! Something went wrong, and your email didn't send. We're really sorry about that. Please reach out to us at"," ",(0,a.jsx)("a",{href:"mailto:".concat(u),className:"ml-1 font-medium text-trex-primary",children:u}),", and we'll be happy to help!",(0,a.jsx)("div",{className:"text-gray-400 cursor-pointer mt-2",onClick:()=>c.Ay.dismiss(),children:"Close"})]}),{style:{minWidth:"600px"},duration:2e5,icon:(0,a.jsx)(p.ZD,{width:"25",height:"25",className:"text-red-600 shrink-0"})});var g=!0;function v(e){let{blogs:t}=e,s=(0,r.useRef)(null),n=(0,r.useRef)(null),c=(0,r.useRef)(null),o=(0,r.useRef)(null),g=(0,r.useRef)(null),v=(0,r.useRef)(null),[b,N]=(0,r.useState)(""),[w,y]=(0,r.useState)(!1),[k,A]=(0,r.useState)(!1),[C,E]=(0,r.useState)({name:"",email:"",phone:"",description:""}),[T,R]=(0,r.useState)({});(0,r.useEffect)(()=>{let e=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&N(e.target.id)})},{root:null,rootMargin:"-20px 0px -80px 0px",threshold:.1}),t=[s.current,n.current,c.current,o.current,g.current,v.current];return t.forEach(t=>{t&&e.observe(t)}),()=>{t.forEach(t=>{t&&e.unobserve(t)})}},[]);let _=e=>{if(e.current){let t=e.current.getBoundingClientRect().top+window.pageYOffset;window.scrollTo({top:t-88,behavior:"smooth"})}},B=async()=>{try{y(!0);let e=await x();e?(await (0,m.cB)({name:C.name,email:C.email,phone:C.phone,description:C.description,recaptchaToken:e}),A(!0)):f()}catch(e){f()}finally{y(!1)}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"h-screen items-center justify-center flex flex-col fixed top-0 left-0 w-full z-0 bg-black",children:(0,a.jsx)("div",{className:"container mx-auto text-white",children:(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"text-2xl font-bold mb-10",children:"Introduce"}),(0,a.jsxs)("div",{className:"w-auto flex items-center justify-center gap-4 flex-1",children:[(0,a.jsx)("div",{className:"text-[160px] font-bold w-1/3 text-right",children:"T.REX"}),(0,a.jsx)(i(),{src:"/iphone-frame.png",alt:"iphone frame",width:500,height:973,className:"max-h-[65vh] w-auto mx-8"}),(0,a.jsx)("div",{className:"text-[160px] font-bold w-1/3 text-left",children:"Base"})]}),(0,a.jsx)("div",{className:"text-[24px] font-semibold mt-10",children:"All-in-one Tenancy Management App"}),(0,a.jsxs)("div",{className:"flex space-x-4 my-8 justify-center",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-black rounded-md px-4 py-3 text-lg font-medium bg-white cursor-pointer",children:[(0,a.jsx)(d.gOT,{className:"text-3xl"}),"Download for iOS"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-black rounded-md px-4 py-3 text-lg font-medium bg-white cursor-pointer",children:[(0,a.jsx)(d.Tt2,{className:"text-3xl"}),"Download for Android"]})]})]})})}),(0,a.jsx)("header",{className:"sticky top-0 bg-white z-30",children:(0,a.jsxs)("div",{className:"container mx-auto flex justify-between items-center gap-20",children:[(0,a.jsx)("div",{className:"cursor-pointer",onClick:()=>_(s),children:"Logo"}),(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)("div",{className:(0,l.A)("px-4 py-8 cursor-pointer hover:text-red-600 font-medium",{"text-red-600":"features"===b||"upcoming"===b}),onClick:()=>_(n),children:"Features"}),(0,a.jsx)("div",{className:(0,l.A)("px-4 py-8 cursor-pointer hover:text-red-600 font-medium",{"text-red-600":"flow"===b}),onClick:()=>_(c),children:"How It Works"}),(0,a.jsx)("div",{className:(0,l.A)("px-4 py-8 cursor-pointer hover:text-red-600 font-medium",{"text-red-600":"faq"===b}),onClick:()=>_(o),children:"FAQ"}),(0,a.jsx)("div",{className:(0,l.A)("px-4 py-8 cursor-pointer hover:text-red-600 font-medium",{"text-red-600":"blog"===b}),onClick:()=>_(g),children:"Blog"}),(0,a.jsx)("div",{className:(0,l.A)("px-4 py-8 cursor-pointer hover:text-red-600 font-medium",{"text-red-600":"contact"===b}),onClick:()=>_(v),children:"Contact Us"})]}),(0,a.jsx)("div",{children:"Download App"})]})}),(0,a.jsxs)("main",{className:"relative bg-white",children:[(0,a.jsx)("div",{id:"hero",ref:s,className:"h-[75vh]",children:(0,a.jsxs)("div",{className:"container mx-auto h-full items-center justify-end flex flex-col pb-[5rem]",children:[(0,a.jsx)("div",{className:"w-2/3 mx-auto text-[80px] tracking-normal leading-tight font-bold -mt-10 mb-4 text-center",children:"Manage your tenancy and property, in one app"}),(0,a.jsx)("div",{className:"w-3/5 mx-auto text-[20px] tracking-normal leading-normal font-normal mb-4 text-center",children:"T.REX Base keeps your teams work on-brand, on message, and on time. Innovative features make creating and sharing your work feel effortless."}),(0,a.jsxs)("div",{className:"flex flex-row space-x-4 my-8",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-white rounded-md px-4 py-3 text-lg font-medium bg-black cursor-pointer",children:[(0,a.jsx)(d.gOT,{className:"text-3xl"}),"Download for iOS"]}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-white rounded-md px-4 py-3 text-lg font-medium bg-black cursor-pointer",children:[(0,a.jsx)(d.Tt2,{className:"text-3xl"}),"Download for Android"]})]})]})}),(0,a.jsx)("div",{id:"features",ref:n,className:"pt-20",children:(0,a.jsx)("div",{className:"pb-40",children:(0,a.jsxs)("div",{className:"container mx-auto flex flex-col gap-40",children:[(0,a.jsxs)("div",{className:"w-3/4 mx-auto flex gap-20 items-center justify-center",children:[(0,a.jsxs)("div",{className:"w-1/2 text-center relative pb-10",children:[(0,a.jsx)(i(),{src:"https://appline-tailwind.preview.uideck.com/images/about-1-light.png",alt:"create tenancy agreement",width:294,height:594,className:"relative z-10 mx-auto"}),(0,a.jsx)("div",{className:"absolute bottom-0 left-0 w-full h-2/5 bg-gray-100 rounded-2xl"})]}),(0,a.jsxs)("div",{className:"w-1/2",children:[(0,a.jsx)("div",{className:"text-md font-semibold mb-1",children:"A ready-template for you"}),(0,a.jsx)("div",{className:"text-[48px] font-bold leading-tight mb-6",children:"Create Tenancy Management with Ease"}),(0,a.jsx)("div",{className:"text-lg",children:"No need to send PDF back and forth to tenant when there is a change. A template ready just for you to fill in."}),(0,a.jsxs)("div",{className:"flex flex-col mt-8 gap-3",children:[(0,a.jsxs)("div",{className:"flex gap-5 items-center",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full border border-black flex justify-center items-center font-extrabold text-lg",children:"1"}),(0,a.jsx)("div",{className:"tex-sm",children:"No need to create tenancy agreement manually."})]}),(0,a.jsxs)("div",{className:"flex gap-5 items-center",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full border border-black flex justify-center items-center font-extrabold text-lg",children:"2"}),(0,a.jsx)("div",{className:"tex-sm",children:"Update instantly after a tenancy is changed."})]})]})]})]}),(0,a.jsxs)("div",{className:"w-3/4 mx-auto flex gap-20 items-center justify-center",children:[(0,a.jsxs)("div",{className:"w-1/2",children:[(0,a.jsx)("div",{className:"text-md font-semibold mb-1",children:"A ready-template for you"}),(0,a.jsx)("div",{className:"text-[48px] font-bold leading-tight mb-6",children:"Create Tenancy Management with Ease"}),(0,a.jsx)("div",{className:"text-lg",children:"No need to send PDF back and forth to tenant when there is a change. A template ready just for you to fill in."}),(0,a.jsxs)("div",{className:"flex flex-col mt-8 gap-3",children:[(0,a.jsxs)("div",{className:"flex gap-5 items-center",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full border border-black flex justify-center items-center font-extrabold text-lg",children:"1"}),(0,a.jsx)("div",{className:"tex-sm",children:"No need to create tenancy agreement manually."})]}),(0,a.jsxs)("div",{className:"flex gap-5 items-center",children:[(0,a.jsx)("div",{className:"w-8 h-8 rounded-full border border-black flex justify-center items-center font-extrabold text-lg",children:"2"}),(0,a.jsx)("div",{className:"tex-sm",children:"Update instantly after a tenancy is changed."})]})]})]}),(0,a.jsxs)("div",{className:"w-1/2 text-center relative pb-10",children:[(0,a.jsx)(i(),{src:"https://appline-tailwind.preview.uideck.com/images/about-1-light.png",alt:"create tenancy agreement",width:294,height:594,className:"relative z-10 mx-auto"}),(0,a.jsx)("div",{className:"absolute bottom-0 left-0 w-full h-2/5 bg-gray-100 rounded-2xl"})]})]})]})})}),(0,a.jsx)("div",{id:"upcoming",className:"bg-gray-100 py-24",children:(0,a.jsxs)("div",{className:"container mx-auto",children:[(0,a.jsx)("div",{className:"w-3/4 mx-auto text-[70px] text-center font-bold leading-tight mb-4",children:"Experience your product as you create it."}),(0,a.jsxs)("div",{className:"text-center text-lg mb-10",children:[(0,a.jsx)("div",{children:"Bold keeps your team's work on-brand, on message, and on time."}),(0,a.jsx)("div",{children:"Innovative features make creating and sharing your work feel effortless."})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-5 mb-5",children:[(0,a.jsxs)("div",{className:"rounded-3xl bg-white justify-between flex flex-col",children:[(0,a.jsxs)("div",{className:"p-10",children:[(0,a.jsx)("div",{className:"text-[36px] font-bold w-3/4",children:"Create Tenancy Agreement With Ease"}),(0,a.jsx)("div",{className:"text-lg w-1/3",children:"Easily create tenancy agreement with few clicks"})]}),(0,a.jsx)("div",{children:(0,a.jsx)(i(),{src:"https://assets.website-files.com/604b35876a71cbbd84768e36/604d2e3826e7a418da776272_Feature-Image-01.png",alt:"create tenancy agreement",width:675,height:240,className:"w-full"})})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white justify-between flex flex-col",children:[(0,a.jsx)("div",{children:(0,a.jsx)(i(),{src:"https://assets.website-files.com/604b35876a71cbbd84768e36/604e5220385521ad71415047_Features-Image-2-min.png",alt:"create tenancy agreement",width:675,height:240,className:"w-full"})}),(0,a.jsxs)("div",{className:"p-10",children:[(0,a.jsx)("div",{className:"text-[36px] font-bold",children:"Track Rental Payment"}),(0,a.jsx)("div",{className:"text-lg",children:"Hassle-free to track rental payment"})]})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-3 gap-5",children:[(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10 text-center",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"Report Issue"}),(0,a.jsx)("div",{className:"text-lg",children:"Easily create tenancy agreement with few clicks"})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10 text-center",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"Tenant Ending Reminder"}),(0,a.jsx)("div",{className:"text-lg",children:"Hassle-free to track rental payment"})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10 text-center",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"Notification for Rental Payment"}),(0,a.jsx)("div",{className:"text-lg",children:"Hassle-free to track rental payment"})]})]})]})}),(0,a.jsx)("div",{id:"flow",ref:c,className:"py-20",children:(0,a.jsxs)("div",{className:"container mx-auto",children:[(0,a.jsx)("div",{className:"w-3/4 mx-auto text-[70px] text-center font-bold leading-tight mb-4",children:"How It Works"}),(0,a.jsxs)("div",{className:"text-center text-lg mb-10",children:[(0,a.jsx)("div",{children:"Bold keeps your team's work on-brand, on message, and on time."}),(0,a.jsx)("div",{children:"Innovative features make creating and sharing your work feel effortless."})]}),(0,a.jsxs)("div",{className:"grid grid-cols-3 gap-x-5 gap-y-16",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-black flex justify-center items-center text-white text-3xl",children:"1"}),(0,a.jsx)("div",{className:"text-[24px] font-bold mt-4",children:"Download App"}),(0,a.jsx)("div",{className:"text-center text-lg",children:"Download the app from Apple Store or Play Store"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-black flex justify-center items-center text-white text-3xl",children:"2"}),(0,a.jsx)("div",{className:"text-[24px] font-bold mt-4",children:"Create an Account"}),(0,a.jsx)("div",{className:"text-center text-lg",children:"Just a few steps to register an account"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-black flex justify-center items-center text-white text-3xl",children:"3"}),(0,a.jsx)("div",{className:"text-[24px] font-bold mt-4",children:"Add Your Property"}),(0,a.jsx)("div",{className:"text-center text-lg",children:"Register your property in our app"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-black flex justify-center items-center text-white text-3xl",children:"4"}),(0,a.jsx)("div",{className:"text-[24px] font-bold mt-4",children:"Draft Tenancy Agreement"}),(0,a.jsx)("div",{className:"text-center text-lg",children:"Create tenancy agreement with few clicks"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-black flex justify-center items-center text-white text-3xl",children:"5"}),(0,a.jsx)("div",{className:"text-[24px] font-bold mt-4",children:"Invite Tenant"}),(0,a.jsx)("div",{className:"text-center text-lg",children:"Invite your tenant with an email"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[(0,a.jsx)("div",{className:"w-20 h-20 rounded-full bg-black flex justify-center items-center text-white text-3xl",children:"6"}),(0,a.jsx)("div",{className:"text-[24px] font-bold mt-4",children:"Track Rental Payment"}),(0,a.jsx)("div",{className:"text-center text-lg",children:"Hassle-free to track rental payment"})]})]})]})}),(0,a.jsx)("div",{id:"faq",ref:o,className:"bg-gray-100 py-20",children:(0,a.jsxs)("div",{className:"container mx-auto",children:[(0,a.jsx)("div",{className:"w-3/4 mx-auto text-[70px] text-center font-bold leading-tight mb-4",children:"FAQ"}),(0,a.jsxs)("div",{className:"text-center text-lg mb-10",children:[(0,a.jsx)("div",{children:"Bold keeps your team's work on-brand, on message, and on time."}),(0,a.jsx)("div",{children:"Innovative features make creating and sharing your work feel effortless."})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-5",children:[(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"How to create tenancy agreement?"}),(0,a.jsx)("div",{className:"text-lg",children:"Easily create tenancy agreement with few clicks"})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"Does the tenancy agreement stamped? "}),(0,a.jsx)("div",{className:"text-lg",children:"No. T.REX Base is not responsible to stamp tenancy agreement. Owner needs to submit yourself"})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"What is the price for T.REX Base?"}),(0,a.jsx)("div",{className:"text-lg",children:"Currently it is free. We will introduce a premium plan in the future for more features and support"})]})]})]})}),(0,a.jsx)("div",{id:"blog",ref:g,className:"py-20",children:(0,a.jsxs)("div",{className:"container mx-auto",children:[(0,a.jsx)("div",{className:"w-3/4 mx-auto text-[70px] text-center font-bold leading-tight mb-4",children:"Blog"}),(0,a.jsxs)("div",{className:"text-center text-lg mb-10",children:[(0,a.jsx)("div",{children:"Bold keeps your team's work on-brand, on message, and on time."}),(0,a.jsx)("div",{children:"Innovative features make creating and sharing your work feel effortless."})]}),(0,a.jsxs)("div",{className:"grid grid-cols-3 gap-5",children:[(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"How to create tenancy agreement?"}),(0,a.jsx)("div",{className:"text-lg",children:"Easily create tenancy agreement with few clicks"})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"Does the tenancy agreement stamped? "}),(0,a.jsx)("div",{className:"text-lg",children:"No. T.REX Base is not responsible to stamp tenancy agreement. Owner needs to submit yourself"})]}),(0,a.jsxs)("div",{className:"rounded-3xl bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"What is the price for T.REX Base?"}),(0,a.jsx)("div",{className:"text-lg",children:"Currently it is free. We will introduce a premium plan in the future for more features and support"})]})]})]})}),(0,a.jsx)("div",{id:"contact",ref:v,className:"bg-gray-100 py-20",children:(0,a.jsxs)("div",{className:"container mx-auto",children:[(0,a.jsx)("div",{className:"w-3/4 mx-auto text-[70px] text-center font-bold leading-tight mb-4",children:"Contact Us"}),(0,a.jsxs)("div",{className:"text-center text-lg mb-10",children:[(0,a.jsx)("div",{children:"Bold keeps your team's work on-brand, on message, and on time."}),(0,a.jsx)("div",{children:"Innovative features make creating and sharing your work feel effortless."})]}),k?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"text-4xl font-bold text-center mb-8",children:"Thank You for Reaching Out to Us"}),(0,a.jsxs)("div",{className:"w-1/2 mx-auto text-center flex flex-col gap-6",children:[(0,a.jsx)("div",{className:"text-center",children:"Thank you for reaching out to us! We appreciate your interest and are excited to assist you with your inquiry. Our team is currently reviewing your request, and we will get back to you as soon as possible with the information you need."}),(0,a.jsxs)("div",{children:["We are committed to providing the best service possible, and your trust in us means a lot. If you have any further questions or need additional assistance, please don't hesitate to contact us via"," ",(0,a.jsx)("a",{href:"mailto:".concat(u),className:"underline",children:u}),"."," "]}),(0,a.jsx)("div",{children:"Thank you once again for putting your trust in us. We look forward to assisting you!"})]})]}):(0,a.jsxs)("div",{className:"w-3/4 mx-auto flex flex-col gap-10",children:[(0,a.jsxs)("div",{className:"w-3/5 mx-auto bg-white p-8 rounded-3xl shadow-md",children:[(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("label",{className:"block text-gray-700 text-sm font-bold mb-2",htmlFor:"name",children:"Name"}),(0,a.jsx)("input",{className:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",id:"name",type:"text",placeholder:"Your Name",value:C.name,onChange:e=>E({...C,name:e.target.value})}),T.name&&(0,a.jsx)(j,{children:T.name})]}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("label",{className:"block text-gray-700 text-sm font-bold mb-2",htmlFor:"email",children:"Email"}),(0,a.jsx)("input",{className:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",id:"email",type:"email",placeholder:"Your Email",value:C.email,onChange:e=>E({...C,email:e.target.value})}),T.email&&(0,a.jsx)(j,{children:T.email})]}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("label",{className:"block text-gray-700 text-sm font-bold mb-2",htmlFor:"phone",children:"Phone Number"}),(0,a.jsx)("input",{className:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",id:"phone",type:"tel",placeholder:"Your Phone Number",value:C.phone,onChange:e=>E({...C,phone:e.target.value})}),T.phone&&(0,a.jsx)(j,{children:T.phone})]}),(0,a.jsxs)("div",{className:"mb-6",children:[(0,a.jsx)("label",{className:"block text-gray-700 text-sm font-bold mb-2",htmlFor:"description",children:"Description"}),(0,a.jsx)("textarea",{className:"shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline",id:"description",placeholder:"Your Message",value:C.description,onChange:e=>E({...C,description:e.target.value}),rows:4}),T.description&&(0,a.jsx)(j,{children:T.description})]}),(0,a.jsx)("div",{className:"flex items-center justify-between",children:(0,a.jsx)("button",{className:"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline",type:"button",onClick:()=>{C.name&&C.email&&h(C.email)&&C.phone&&C.description?(R({}),B()):R({name:C.name?void 0:"Name is required",email:C.email?h(C.email)?void 0:"This email is invalid":"Email is required",phone:C.phone?void 0:"Phone is required",description:C.description?void 0:"Description is required"})},children:"Submit"})})]}),(0,a.jsx)("div",{className:"w-3/5 mx-auto",children:(0,a.jsxs)("div",{className:"rounded-3xl shadow-md bg-white flex flex-col p-10",children:[(0,a.jsx)("div",{className:"text-[24px] font-bold mb-4",children:"Email us at:"}),(0,a.jsx)("div",{className:"text-lg",children:(0,a.jsx)("a",{href:"mailto:admin@trexhouse.com",className:"text-blue-600",children:"admin@trexhouse.com"})})]})})]})]})})]}),w&&(0,a.jsx)("div",{className:"fixed top-0 left-0 w-screen h-screen bg-gray-900 bg-opacity-80 backdrop-blur-sm flex justify-center items-center z-[90]",children:(0,a.jsx)(p.Mt,{})})]})}let j=e=>{let{children:t}=e;return(0,a.jsx)("div",{className:"text-red-600 text-sm mt-1",children:t})}}},e=>{var t=t=>e(e.s=t);e.O(0,[958,335,965,636,593,792],()=>t(2022)),_N_E=e.O()}]);