https://www.ezstreetasphalt.com/_next/static/chunks/pages/product-…?dpl=dpl_9PedRpVr9ExdTbXuLMtH1A5WRBDH

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1714],{41312:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/product-calculator",function(){return s(70244)}])},70244:(e,t,s)=>{"use strict";s.r(t),s.d(t,{__N_SSG:()=>d,default:()=>o});var l=s(66162),a=s(84009),i=s(81849),n=s(81493),r=s(44922);let c=()=>{let[e,t]=(0,r.useState)({length:"",width:"",depth:2}),[s,a]=(0,r.useState)(null),i=e=>{let{name:s,value:l}=e.target;t(e=>({...e,[s]:l}))};return(0,l.jsx)("section",{className:"bg-black text-white pb-12",children:(0,l.jsxs)("div",{className:"container max-w-6xl mx-auto px-4 md:px-0",children:[(0,l.jsx)("div",{className:"mb-8",children:(0,l.jsx)("h2",{className:"text-4xl font-bold mb-4 font-anton",children:"PRODUCT CALCULATOR"})}),(0,l.jsx)("form",{onSubmit:t=>{t.preventDefault();let{length:s,width:l,depth:i}=e,n=s*l,r=i/12*n,c=.3333333333333333*s*(.3333333333333333*l)*(.0277778*i)*1.55*1.16,d=2e3*c,o=d/50;console.log("Debug - tons:",c),console.log("Debug - lbs:",d),console.log("Debug - p50:",o),a({area:n.toFixed(1),volume:r.toFixed(2),tons:c.toFixed(2),lbs:d.toFixed(2),p50:o.toFixed(0)})},className:"mb-6",children:(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-4 items-end",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{htmlFor:"length",className:"block text-ez-sky mb-2",children:"Length (ft):"}),(0,l.jsx)("input",{type:"number",id:"length",name:"length",value:e.length,onChange:i,className:"w-full p-3 bg-white text-black rounded",required:!0,min:"0",step:"any"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{htmlFor:"width",className:"block text-ez-sky mb-2",children:"Width (ft):"}),(0,l.jsx)("input",{type:"number",id:"width",name:"width",value:e.width,onChange:i,className:"w-full p-3 bg-white text-black rounded",required:!0,min:"0",step:"any"})]}),(0,l.jsxs)("div",{children:[(0,l.jsx)("label",{htmlFor:"depth",className:"block text-ez-sky mb-2",children:"Depth (in):"}),(0,l.jsx)("input",{type:"number",id:"depth",name:"depth",value:e.depth,onChange:i,className:"w-full p-3 bg-white text-black rounded",required:!0,min:"0",step:"any"})]}),(0,l.jsx)("div",{children:(0,l.jsx)("button",{type:"submit",className:"w-full bg-ez-sky text-white p-3 rounded font-bold hover:bg-blue-600 transition-colors",children:"Calculate"})})]})}),s&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6",children:[(0,l.jsxs)("div",{className:"bg-gray-800 p-6 rounded",children:[(0,l.jsx)("h3",{className:"text-lg font-bold ",children:"DIMENSIONS"}),(0,l.jsx)("div",{className:"space-y-2",children:(0,l.jsxs)("p",{className:"text-ez-sky",children:["Length: ",e.length," ft",(0,l.jsx)("br",{}),"Width: ",e.width," ft",(0,l.jsx)("br",{}),"Depth: ",e.depth," in"]})}),(0,l.jsxs)("div",{className:"mt-4",children:[(0,l.jsx)("h4",{className:"text-lg font-bold ",children:"RESULTS"}),(0,l.jsx)("div",{className:"space-y-2",children:(0,l.jsxs)("p",{children:["Area: ",(0,l.jsx)("span",{className:"bg-black px-3  rounded",children:s.area})," ft\xb2",(0,l.jsx)("br",{}),"Volume: ",(0,l.jsx)("span",{className:"bg-black px-3 rounded",children:s.volume})," ft\xb3"]})})]})]}),(0,l.jsxs)("div",{className:"bg-blue-900 p-6 rounded flex flex-col items-center justify-center",children:[(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"text-xl font-bold bg-black px-6 py-1 rounded mb-2",children:s.tons}),(0,l.jsx)("p",{className:"",children:"Tons of EZ Street"})]}),(0,l.jsx)("img",{src:"/calculator/bulkimages.png",alt:"Product",className:"w-40 "})]}),(0,l.jsxs)("div",{className:"bg-blue-900 p-6 rounded flex flex-col items-center justify-center",children:[(0,l.jsxs)("div",{className:"text-center",children:[(0,l.jsx)("div",{className:"text-xl font-bold bg-black px-6 py-1 rounded mb-2",children:s.p50}),(0,l.jsx)("p",{className:"",children:"50 lb Bags"})]}),(0,l.jsx)("img",{src:"/product/bluepallets.png",alt:"Product",className:"w-40 "})]})]}),(0,l.jsxs)("div",{className:"flex flex-col sm:flex-row gap-4 justify-left",children:[(0,l.jsx)("button",{onClick:()=>{t({length:"",width:"",depth:2}),a(null)},className:"bg-ez-sky text-white px-6 py-3 rounded font-bold hover:bg-ez-blue transition-colors",children:"Calculate Another Job"}),(0,l.jsx)("a",{href:"https://shop.ezstreetasphalt.com",target:"_blank",className:"bg-ez-sky text-white px-6 py-3 rounded font-bold hover:bg-ez-blue transition-colors text-center",children:"Online Order Now"})]})]})]})})};var d=!0;let o=()=>(0,l.jsxs)(a.A,{title:"Asphalt Product Calculator | EZ Street\xae Asphalt",description:"Enter the width, length and depth of your repair to calculate exactly how much EZ Street\xae asphalt you need – 50 lb bags, pallets or bulk.",className:"pt-0 pb-0 mt-0",children:[(0,l.jsx)(i.A,{backgroundImage:"/hdback.jpg",title:"How Much do you Need?",description:"By simply entering the width, depth, and length of the area our product calculator provides you the right amount of product you need."}),(0,l.jsxs)("main",{className:" mx-auto    bg-white elcuerpo",children:[(0,l.jsx)("section",{className:"bg-black p-6 md:p-24 py-20 md:py-24 font-poppins",children:(0,l.jsxs)("div",{className:"container  max-w-6xl",children:[(0,l.jsx)("h2",{className:"text-ez-light text-xl mb-8",children:"Effortlessly measure the right amount of asphalt needed for your repair project with our Job Calculator."}

1),(0,l.jsx)("p",{className:"text-white",children:"By simply entering the width, depth, and length of the area to be repaired, our intuitive tool provides you with the precise amount of product required to get the job done right."}),(0,l.jsx)("p",{className:"text-white",children:"Your path to a perfect repair starts here!"})]})}),(0,l.jsx)(c,{}),(0,l.jsx)(n.A,{image:"/calculator/coverage.png",title:"COVERAGE GUIDE",subtitle:"Check out this usage guide, or use our product calculator."})]})]})},81493:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var l=s(66162),a=s(44922);let i=e=>{let{image:t,title:s,subtitle:i}=e,n=s.split("<BR>");return(0,l.jsx)("section",{className:"bg-ez-light p-6 md:p-24 py-20 md:py-24",children:(0,l.jsx)("div",{className:"container mx-auto ",children:(0,l.jsxs)("div",{className:"flex flex-col md:flex-row items-center justify-between max-w-[1100px] mx-auto",children:[(0,l.jsxs)("div",{className:"md:w-1/3 text-white mb-8 md:mb-0",children:[(0,l.jsx)("h2",{className:"text-5xl md:text-7xl font-anton mb-6",children:n.map((e,t)=>(0,l.jsxs)(a.Fragment,{children:[e,t<n.length-1&&(0,l.jsx)("br",{})]},t))}),(0,l.jsx)("p",{className:"mb-8",children:i}),(0,l.jsx)("a",{href:"https://shop.ezstreetasphalt.com/",target:"_blank",className:"inline-block bg-black text-white px-8 py-3 hover:bg-gray-900 transition-colors duration-300",children:"BUY NOW"})]}),(0,l.jsx)("div",{className:"md:w-1/2",children:(0,l.jsx)("img",{src:t,alt:"Coverage area guide showing circles for different quantities",className:"w-full h-auto"})})]})})})}},81849:(e,t,s)=>{"use strict";s.d(t,{A:()=>i});var l=s(66162),a=s(42959);let i=e=>{let{backgroundImage:t,title:s,subtitle:i}=e,n=s.split("<br>");return(0,l.jsx)("div",{className:"relative w-full bg-black py-0 headersection mt-0",style:{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(".concat(t,")"),backgroundSize:"cover",backgroundPosition:"center"},children:(0,l.jsxs)("div",{className:"flex flex-col items-center justify-center py-24",children:[(0,l.jsx)(a.P.div,{initial:{y:30,opacity:0},animate:{y:0,opacity:1},transition:{duration:.8},className:"overflow-hidden",children:(0,l.jsx)("h1",{className:"text-5xl md:text-8xl font-anton text-white text-center px-4",children:n.map((e,t)=>(0,l.jsx)(a.P.span,{initial:{y:40,opacity:0},animate:{y:0,opacity:1},transition:{duration:.8,delay:.3*t,ease:"easeOut"},className:"block",dangerouslySetInnerHTML:{__html:e.replace(/<span>/g,'<span class="text-ez-light">')}},t))})}),i&&(0,l.jsx)(a.P.p,{initial:{y:20,opacity:0},animate:{y:0,opacity:1},transition:{duration:.8,delay:.6,ease:"easeOut"},className:"text-white text-center mt-4 text-xl md:text-2xl",dangerouslySetInnerHTML:{__html:i}})]})})}}},e=>{e.O(0,[4188,6695,4355,4376,7829,8478,2959,2302,2105,4009,636,6593,8792],()=>e(e.s=41312)),_N_E=e.O()}]);