https://mybatteryplusheadless.vercel.app/_next/static/chunks/4814.f714235336c88209.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4814],{4814:function(e,a,s){s.r(a),s.d(a,{default:function(){return o}});var l=s(7437),t=s(2265),r=s(7648),i=s(3145),c=s(7609),d=s(7676),n={src:"/_next/static/media/CategoryBanner1.e049c700.png",height:500,width:610,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAP1BMVEUVHBw2PlMmLUM3R2AdJCgiJzMWHCJoir9jfasMExAeKUEIDwwnNFBRZYoTGxJUWXZ0ls1Zb5wuNEdrcZlrgrAAw1buAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOUlEQVR4nB3BiRHAIAgAwVNAwT9P/7VmJrvU3zm4vz6aT6757J1kISO33AQKZqUAhN5ZVxAdS0n7BzzyAa8NhBJrAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:7},m=s(2181),o=()=>{let[e,a]=(0,t.useState)([]),[s,o]=(0,t.useState)(!0),[h,x]=(0,t.useState)(null);return((0,t.useEffect)(()=>{(async()=>{o(!0);try{let e=new URLSearchParams({query:"Camping",sort_order:"TITLE",page:"1",per_page:"2"}),s=await fetch("https://mybatterplus-backend-system-76e0bacf3b4c.herokuapp.com/api/typesense/search?".concat(e));if(!s.ok)throw Error("Error: ".concat(s.statusText));let l=(await s.json()).hits.map(e=>({id:e.document.id,title:e.document.title,vendor:e.document.vendor,handle:e.document.handle,images:e.document.images||[],price:e.document.price.toString(),description:e.document.description}));a(l)}catch(e){x(e.message)}finally{o(!1)}})()},[]),s)?(0,l.jsx)("div",{className:"container mx-auto py-2",children:(0,l.jsx)(d.Z,{})}):h?(0,l.jsxs)("p",{className:"text-red-500",children:["Error: ",h]}):0===e.length?(0,l.jsx)("p",{className:"text-gray-600",children:"No products found."}):(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsxs)("div",{className:"mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between",children:[(0,l.jsx)(c.Z,{text:"CAMPING & CARAVAN"}),(0,l.jsx)("div",{className:"mt-2 sm:mt-0 pl-2 sm:text-right",children:(0,l.jsx)(r.default,{href:"/productfinder/CAMPING & CARAVAN",className:"text-blue-700 hover:underline","aria-label":"See more camping and caravan battery options",children:"See More Camping & Caravan Batteries →"})})]}),(0,l.jsxs)("div",{className:"lg:flex lg:gap-6 lg:flex-row",children:[(0,l.jsxs)("div",{className:"block lg:hidden relative w-full rounded-lg shadow-md overflow-hidden mb-6",children:[(0,l.jsx)("div",{className:"w-full h-[400px]",children:(0,l.jsx)(i.default,{src:n,alt:"Camping & Caravan Banner",className:"w-full h-full object-cover",priority:!0,sizes:"(max-width: 768px) 100vw",layout:"fill"})}),(0,l.jsxs)(r.default,{href:"/productfinder/CAMPING & CARAVAN",className:"absolute bottom-0 left-0 bg-black bg-opacity-70 text-white p-4 w-full",children:[(0,l.jsx)("h3",{className:"text-lg font-bold",children:'DEEP CYCLE CAMPING POWER"'}),(0,l.jsx)("p",{className:"text-xs",children:'"Perfect for caravans & off-grid adventures"'})]})]}),(0,l.jsx)("div",{className:"w-full lg:w-1/2 grid grid-cols-2 gap-4",children:e.map(e=>(0,l.jsx)("div",{className:"flex flex-col justify-between",children:(0,l.jsx)(m.Z,{product:e})},e.id))}),(0,l.jsxs)("div",{className:"hidden lg:block lg:w-1/2 relative rounded-lg shadow-md overflow-hidden",children:[(0,l.jsx)("div",{className:"w-full h-[495px]",children:(0,l.jsx)(i.default,{src:n,alt:"Camping & Caravan Banner",className:"w-full h-full object-cover",priority:!0,sizes:"(max-width: 768px) 100vw, 50vw",layout:"fill"})}),(0,l.jsxs)(r.default,{href:"/productfinder",className:"absolute bottom-0 left-0 bg-black bg-opacity-70 text-white p-4 w-full",children:[(0,l.jsx)("h3",{className:"text-lg md:text-xl font-bold",children:"OPTIMA DEEP CYCLE"}),(0,l.jsx)("p",{className:"text-xs md:text-sm",children:"100Ah, 200Ah Lithium & AGM Bluetooth Compatibility"})]})]})]})]})}},7609:function(e,a,s){var l=s(7437);s(2265),a.Z=e=>{let{text:a,bgColor:s="bg-customYellow"}=e;return(0,l.jsxs)("div",{children:[(0,l.jsx)("h2",{className:"text-2xl md:text-4xl font-bold mb-4","aria-label":a,children:a}),(0,l.jsx)("div",{className:"w-10 h-1.5 ".concat(s," mb-4")})]})}},7676:function(e,a,s){var l=s(7437);a.Z=()=>(0,l.jsxs)("div",{className:"container mx-auto py-2 animate-pulse",children:[(0,l.jsxs)("div",{className:"flex justify-between items-center mb-6",children:[(0,l.jsx)("div",{className:"bg-gray-300 h-16 w-64"}),(0,l.jsx)("div",{className:"bg-gray-300 h-6 w-24"})]}),(0,l.jsx)("div",{className:"grid grid-cols-2 sm:grid-cols-2  md:grid-cols-4 lg:grid-cols-4 gap-4 mb-6",children:Array.from({length:4}).map((e,a)=>(0,l.jsxs)("div",{className:"border bg-white flex flex-col p-4 h-96",children:[(0,l.jsx)("div",{className:"mb-4 bg-gray-300 w-full h-64"}),(0,l.jsx)("div",{className:"bg-gray-300 h-6 w-16 mb-2"}),(0,l.jsx)("div",{className:"bg-gray-300 h-6 w-1/2 mb-2"}),(0,l.jsx)("div",{className:"bg-gray-300 h-10 w-full"})]},a))})]})}}]);