https://spplindia.org/static/js/37.d76a2731.chunk.js

1"use strict";(self.webpackChunkclient=self.webpackChunkclient||[]).push([[37],{2037:(e,t,s)=>{s.r(t),s.d(t,{default:()=>x,headingsData:()=>c});var a=s(2555),r=s(5043),i=s(9981),n=s(9665),l=s(7379),o=s(721),d=s(579);const c=[{heading:"Static Monitoring of Structure",description:"These sensors are used to measure the displacement/deformation of structural components to assess stress and strain.",cards:[{name:"LVDT Sensors",image:"/sensors/lvdt.png",detailPath:"/details/1A"},{name:"Strain Gauges",image:"/sensors/strain.png",detailPath:"/details/1B"},{name:"Fibre Optic Sensor",image:"/sensors/fibre.png",detailPath:"/details/1C"},{name:"Laser Displacement Sensors",image:"/sensors/laser.png",detailPath:"/details/1D"}]},{heading:"Dynamic Monitoring of Structure",description:"These sensors are used to measuring vibrations and dynamic responses to traffic or environmental loads.",cards:[{name:"Accelerometers",image:"/sensors/acc.png",detailPath:"/details/4A"},{name:"Piezo Sensors",image:"/sensors/piezo.png",detailPath:"/details/4B"},{name:"Concrete Vibration Sensors",image:"/sensors/con.png",detailPath:"/details/4C"},{name:"Acoustic Emission Sensors",image:"/sensors/em.png",detailPath:"/details/4D"},{name:"Seismometers",image:"/sensors/seis.jpg",detailPath:"/details/4E"}]},{heading:"Temperature Monitoring of Structure",description:"Below sensors monitor environmental conditions that could contribute to material degradation or structural stress.",cards:[{name:"Thermocouples",image:"/sensors/thermo.png",detailPath:"/details/3A"},{name:"Fibre Optic Sensors",image:"/sensors/fibre.png",detailPath:"/details/3B"},{name:"Thermistors",image:"/sensors/ther.png",detailPath:"/details/3C"},{name:"Resistance Detectors",image:"/sensors/rtds.png",detailPath:"/details/3D"}]},{heading:"Corrosion Monitoring of Structure",description:"These sensors are useful for continuous corrosion monitoring improves the safety of critical infrastructure by reducing the risk of sudden failures.",cards:[{name:"Electrochemical Sensors",image:"/sensors/electro.png",detailPath:"/details/2A"},{name:"Corrosion Coupons",image:"/sensors/corosion.png",detailPath:"/details/2B"},{name:"Corrosion Probes",image:"/sensors/corosionprobe.png",detailPath:"/details/2C"},{name:"Impedance Spectroscopy",image:"/sensors/im.png",detailPath:"/details/2D"}]},{heading:"Settlement Monitoring of Structure",description:"These sensors help detect early signs of settlement, allowing for timely interventions that prevent structural damage and ensure the safety and longevity of the structure.",cards:[{name:"Tiltmeters",image:"/sensors/titl.png",detailPath:"/details/5A"},{name:"Inclinometers",image:"/sensors/inc.png",detailPath:"/details/5B"},{name:"Extensometers",image:"/sensors/extenso.png",detailPath:"/details/5C"},{name:"Laser Distance Sensors",image:"/sensors/laserdi.png",detailPath:"/details/5D"}]}],m=e=>{let{image:t,name:s,description:a,category:n,id:l,imgSrc:o}=e;const c=(0,i.Zp)(),m=(0,i.zy)(),[p,x]=(0,r.useState)(0),[g,h]=(0,r.useState)(!1),u=r.useMemo(()=>"undefined"!==typeof window&&matchMedia("(hover: none)").matches,[]),f=r.useCallback(e=>{u&&(e.target.closest("button[data-readmore]")||h(e=>!e))},[u]),b=r.useMemo(()=>{const e=[];return o&&e.push(o),e.push("https://www.spplindia.org/PhotoshopPreview_Image.png"),e},[o]),w=b[p];r.useEffect(()=>{x(0)},[l,o,s]);const j=(a||"").length>60?(a||"").slice(0,57)+"\u2026":a||"",v=(a||"").length>150?(a||"").slice(0,147)+"\u2026":a||"";return(0,d.jsx)("div",{className:"group flip-scene flip-hover flip-smooth ".concat(g?"is-flipped":""," ").concat(u?"flip-touch":""," transition-transform duration-300 ease-out hover:scale-[1.012]"),onClick:f,onKeyDown:e=>{!u||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h(e=>!e))},role:u?"button":void 0,tabIndex:u?0:-1,"aria-pressed":u?g:void 0,children:(0,d.jsxs)("div",{className:"flip-card flip-gradient-border rounded-2xl w-full h-full min-h-[360px] shadow-[0_10px_30px_rgba(16,24,40,0.06)] ring-1 ring-slate-100 hover:ring-slate-200 transition-shadow group-hover:shadow-xl",children:[(0,d.jsxs)("div",{className:"flip-face flip-front absolute inset-0 flex flex-col bg-white/90 rounded-2xl overflow-hidden",children:[(0,d.jsx)("div",{className:"flex-1 flex items-center justify-center p-5 bg-gradient-to-br from-blue-50/70 via-white to-sky-50/70",children:w&&(0,d.jsx)("img",{src:w,alt:s,loading:"lazy",className:"max-h-44 sm:max-h-48 max-w-full object-contain transition-transform duration-700 group-hover:scale-[1.03]",onError:()=>x(e=>e+1<b.length?e+1:e)})}),(0,d.jsxs)("div",{className:"px-5 pb-5 pt-3 flex flex-col",children:[(0,d.jsx)("span",{className:"self-center mb-2 inline-block px-3 py-1 bg-blue-100 text-sppl-blue text-[11px] font-semibold rounded-full tracking-wide",children:n}),(0,d.jsx)("h3",{className:"text-base sm:text-lg font-semibold text-center text-slate-800 mb-1 line-clamp-2 leading-snug tracking-tight",children:s}),(0,d.jsx)("p",{className:"text-xs text-slate-600 text-center leading-snug line-clamp-1 mb-1",children:j})]})]}),(0,d.jsxs)("div",{className:"flip-face flip-back absolute inset-0 flex flex-col items-center justify-center text-center rounded-2xl bg-gradient-to-br from-white via-[#f6fbff] to-[#e7f3ff] text-slate-800 p-6",children:[(0,d.jsx)("h3",{className:"text-lg md:text-xl font-bold mb-2 tracking-tight text-sppl-blue",children:s}),(0,d.jsx)("p",{className:"text-sm md:text-base leading-relaxed text-slate-700 mb-4 line-clamp-5 max-w-[90%]",children:v||"High performance structural monitoring component."}),(0,d.jsxs)("button",{"data-readmore":!0,type:"button",onMouseDown:e=>e.stopPropagation(),onTouchStart:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),onPointerUp:e=>e.stopPropagation(),onClick:e=>{e.stopPropagation(),c("/myproducts/".concat(l).concat(m.search||""))},className:"relative z-10 inline-flex items-center justify-center gap-2 bg-gradient-to-r from-sky-500 to-blue-600 text-white font-semibold text-sm py-2.5 px-5 rounded-xl shadow-md ring-1 ring-white/20 hover:shadow-lg hover:-translate-y-[1px] active:translate-y-0 transition duration-200 ease-out focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-2",children:["Read More ",(0,d.jsx)("span",{className:"text-base",children:"\u2192"})]})]})]})})},p=e=>{let{title:t,description:s,cards:r,category:i,overview:n,features:l,hideDetails:o}=e;return(0,d.jsx)("section",{className:"py-12 md:py-16",children:(0,d.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,d.jsxs)("div",{className:"text-center mb-12",children:[(0,d.jsx)("span",{className:"inline-block px-3 py-1 text-xs font-bold uppercase tracking-wider text-blue-600 bg-blue-100/80 rounded-full mb-3",children:"Instrumentation Category"}),(0,d.jsx)("h2",{className:"text-3xl sm:text-4xl md:text-5xl font-extrabold text-slate-900 mb-4 tracking-tight font-outfit",children:(0,d.jsx)("span",{className:"sppl-gradient-text",children:t})}),(0,d.jsx)("p",{className:"text-base sm:text-lg text-slate-600 max-w-3xl mx-auto font-jakarta leading-relaxed text-justify sm:text-center",children:s})]}),(0,d.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mb-12",children:r.map((e,t)=>(0,d.jsx)(m,(0,a.A)((0,a.A)({},e),{},{category:i,id:e.id||e.name}),"".concat(i,"-").concat(e.id||e.name,"-").concat(t)))}),!o&&(0,d.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[(0,d.jsxs)("div",{className:"sppl-glass-card rounded-2xl p-6 md:p-8 border border-blue-200/70 shadow-sm hover:shadow-md transition-shadow",children:[(0,d.jsx)("h3",{className:"text-xl font-bold text-slate-900 mb-3 font-outfit",children:"Overview"}),(0,d.jsx)("p",{className:"text-slate-600 leading-relaxed text-sm md:text-base font-jakarta",style:{textAlign:"justify",textJustify:"inter-word",hyphens:"auto"},children:n||(0,d.jsxs)(d.Fragment,{children:["Our ",t.toLowerCase()," solutions provide comprehensive monitoring capabilities designed for modern infrastru

1cture needs. Built with cutting-edge technology and user-centric design principles, these systems deliver reliable performance and actionable insights."]})})]}),(0,d.jsxs)("div",{className:"sppl-glass-card rounded-2xl p-6 md:p-8 border border-cyan-200/70 shadow-sm hover:shadow-md transition-shadow",children:[(0,d.jsx)("h3",{className:"text-xl font-bold text-slate-900 mb-3 font-outfit",children:"Key Features"}),(0,d.jsx)("ul",{className:"space-y-2.5 text-slate-600 font-jakarta",children:(l&&l.length?l:["Real-time data monitoring and analysis","Advanced AI-powered insights","Scalable architecture for growth","User-friendly interface design"]).map((e,t)=>(0,d.jsxs)("li",{className:"flex items-start gap-3",children:[(0,d.jsx)("span",{className:"mt-1.5 w-2 h-2 bg-blue-600 rounded-full flex-shrink-0"}),(0,d.jsx)("span",{className:"text-sm md:text-base leading-relaxed font-medium",style:{textAlign:"justify"},children:e})]},t))})]})]}),(0,d.jsx)("div",{className:"mt-6",children:(0,d.jsxs)("div",{className:"sppl-glass-card rounded-2xl p-6 md:p-8 border border-emerald-200/70 shadow-sm hover:shadow-md transition-shadow",children:[(0,d.jsx)("h3",{className:"text-xl font-bold text-slate-900 mb-3 font-outfit",children:"SHM Applications"}),(0,d.jsx)("p",{className:"text-slate-700 leading-relaxed text-sm md:text-base mb-4",children:"This system is designed for large\u2011scale SHM projects where distributed monitoring is essential. On top of that, its flexibility and scalability make it applicable to:"}),(0,d.jsx)("ul",{className:"grid sm:grid-cols-2 gap-2.5 text-slate-700",children:["Multi\u2011story buildings and skyscrapers","Bridges of all types","Old and historical constructions","Retrofits and rehabilitation projects","Mining facilities and underground structures","Dams and reservoirs","Oil platforms and rigs","Pipelines and long\u2011span infrastructure","Power plants and energy facilities"].map((e,t)=>(0,d.jsxs)("li",{className:"flex items-start gap-3",children:[(0,d.jsx)("span",{className:"mt-1.5 w-2 h-2 bg-sppl-blue/80 rounded-full flex-shrink-0"}),(0,d.jsx)("span",{className:"text-sm md:text-[15px] leading-relaxed font-medium",children:e})]},t))})]})}),(0,d.jsx)("div",{className:"w-full flex justify-center mt-12",children:(0,d.jsx)("div",{className:"h-1 w-2/3 bg-gradient-to-r from-sppl-blue via-sppl-dark-blue to-sky-400 rounded-full opacity-40"})})]})})},x=()=>{const e=(0,i.zy)(),t=(0,i.Zp)(),s=o.C,m=["\ud83d\udd17","\ud83c\udfe2","\ud83d\udce6","\ud83d\udcf1","\ud83d\udc64","\ud83d\udce1"],x=s,g=r.useMemo(()=>x.map(e=>(e.title||"").toString().toLowerCase().replace(/\s+/g,"-")),[x]),[h,u]=(0,r.useState)(0);return r.useEffect(()=>{const t=new URLSearchParams(e.search).get("section");if(t){const e=g.indexOf(t);-1!==e&&e!==h&&u(e)}},[e.search,g,h]),(0,d.jsxs)("div",{className:"min-h-screen bg-gradient-to-br from-green-50 via-white to-sky-100",children:[(0,d.jsx)(n.A,{title:"Products \u2014 SPPL India",description:"SPPL product offerings for structural health monitoring: sensors, monitoring platforms and analytics for bridges, buildings and infrastructure.",url:"undefined"!==typeof window?window.location.href:"https://spplindia.org/myproducts"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-center py-16 bg-gradient-to-r from-sppl-blue to-sppl-dark-blue text-white",children:(0,d.jsxs)("div",{className:"max-w-4xl mx-auto px-6",children:[(0,d.jsx)("h1",{className:"text-4xl md:text-5xl font-bold mb-6",children:"Our Products"}),(0,d.jsx)("p",{className:"text-lg text-blue-100 leading-relaxed",children:"Comprehensive monitoring solutions designed for modern infrastructure needs. From decentralized networks to portable field systems, we provide cutting-edge technology that delivers reliable performance and actionable insights."})]})}),(0,d.jsx)("div",{className:"flex flex-wrap justify-center gap-6 mt-8 mb-12",children:x.map((s,a)=>{var r;return(0,d.jsxs)("button",{className:"flex items-center gap-3 px-8 py-4 rounded-2xl font-bold shadow-lg transition-all duration-300 border-2 focus:outline-none text-xl tracking-tight ".concat(h===a?"bg-gradient-to-r from-sppl-blue to-sppl-dark-blue text-white border-sppl-blue scale-105 shadow-2xl":"bg-white text-sppl-blue border-blue-200 hover:bg-blue-50 hover:scale-105"," animate-fade-in"),style:{boxShadow:h===a?"0 8px 32px 0 rgba(44, 62, 80, 0.15)":void 0},onClick:()=>{u(a);

1const s=g[a],r=new URLSearchParams(e.search);r.set("section",s),t({pathname:e.pathname,search:"?".concat(r.toString())},{replace:!1})},children:[0!==a&&(0,d.jsx)("span",{className:"text-3xl transition-transform duration-300 ".concat(h===a?"scale-125 drop-shadow-lg":""),children:(null===(r=s.cards[0])||void 0===r?void 0:r.image)||m[a]}),s.title]},s.title)})}),(0,d.jsxs)("div",{className:"max-w-7xl mx-auto px-6 relative space-y-8",children:[(0,d.jsx)("div",{className:"absolute inset-0 bg-white/60 backdrop-blur-lg rounded-3xl -z-10"}),(0,d.jsx)("div",{id:x[h].title.toLowerCase().replace(/\s+/g,"-"),children:(0,d.jsx)(p,(0,a.A)({},x[h]),x[h].title)})]}),(0,d.jsx)("div",{className:"max-w-7xl mx-auto px-6 py-12",children:(()=>{const e=x.findIndex(e=>"sensors"===(e.category||"").toString().toLowerCase());return-1!==e&&h===e?c.map((e,t)=>(0,d.jsxs)("section",{className:"mb-16 text-center",children:[e.description&&(0,d.jsx)("p",{className:"text-base text-gray-700 mb-6 text-center max-w-2xl mx-auto",children:e.description}),e.cards.length<5?(0,d.jsx)("div",{className:"flex justify-center gap-6 w-full",children:(0,d.jsx)("div",{className:"flex justify-center gap-6 w-full",style:{maxWidth:"100%"},children:e.cards.map((e,t)=>(0,d.jsx)("div",{style:{flex:"0 1 20%"},children:(0,d.jsx)(l.A,(0,a.A)({},e),t)}))})}):(0,d.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6 justify-items-center place-items-center",children:e.cards.map((e,t)=>(0,d.jsx)(l.A,(0,a.A)({},e),t))})]},t)):null})()})]})]})}},7379:(e,t,s)=>{s.d(t,{A:()=>i});s(5043);var a=s(9981),r=s(579);const i=e=>{let{image:t,name:s,detailPath:i}=e;const n=(0,a.Zp)();return(0,r.jsxs)("div",{className:"bg-white rounded-2xl shadow-lg p-6 flex flex-col items-center justify-between min-h-[340px] w-full max-w-xs mx-auto transition-transform duration-300 hover:scale-105 hover:shadow-2xl hover:border-blue-400 border-2 border-transparent",children:[(0,r.jsx)("img",{src:t,alt:s,className:"w-40 h-40 object-cover rounded-xl mb-4 border-2 border-blue-200 transition-transform duration-300 hover:scale-110 hover:border-blue-400"}),(0,r.jsx)("h3",{className:"text-lg font-bold text-gray-800 mb-2 text-center w-full break-words transition-colors duration-300 hover:text-sppl-blue",children:s}),(0,r.jsx)("button",{className:"bg-gradient-to-r from-sppl-blue to-sppl-dark-blue text-white py-2 px-4 rounded-lg font-semibold mt-2 w-full transition-colors duration-300 hover:bg-sppl-dark-blue hover:shadow-lg",onClick:()=>n(i),children:"View Details"})]})}}}]);
2//# sourceMappingURL=37.d76a2731.chunk.js.map