1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[404],{9239:function(e,t,n){Promise.resolve().then(n.bind(n,2394)),Promise.resolve().then(n.bind(n,1523)),Promise.resolve().then(n.bind(n,49))},2394:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var s=n(7437),r=n(5811);function a(){return(0,s.jsx)("section",{className:"pt-32 pb-16 md:pt-40 md:pb-20 bg-gray-50",children:(0,s.jsx)("div",{className:"container mx-auto px-4 md:px-6",children:(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsx)("span",{className:"inline-block bg-[#F9FBD3] text-[#A7B224] px-4 py-1.5 rounded-full text-sm font-medium mb-4",children:"Pet Owner Blog"}),(0,s.jsx)("h1",{className:"text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6",children:"Insights & Stories for Pet Lovers"}),(0,s.jsx)("p",{className:"text-xl text-gray-600",children:"Discover expert advice, heartwarming stories, and practical tips from our community of passionate pet owners."})]})})})}var i=n(2265),l=n(4508);function o(e){let{categoryId:t,setCategoryId:n}=e,[r,a]=(0,i.useState)("all"),[o,c]=(0,i.useState)([]);return(0,i.useEffect)(()=>{fetch("".concat("https://api.trackatail.com","/api/blg/categories")).then(e=>e.json()).then(e=>{var t;c([{id:"",name:"All Posts"},...null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.sort((e,t)=>e.position-t.position)])})},[]),(0,s.jsx)("section",{className:"py-8 bg-white border-b border-gray-200",children:(0,s.jsx)("div",{className:"container mx-auto px-4 md:px-6",children:(0,s.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-3",children:o.map(e=>(0,s.jsx)("button",{onClick:()=>n(e.id),className:(0,l.cn)("px-4 py-2 rounded-full text-sm font-medium transition-colors",t===e.id?"bg-[#A7B224] text-white":"bg-gray-100 text-gray-700 hover:bg-gray-200"),children:e.name},e.id))})})})}function c(){let[e,t]=(0,i.useState)("");return(0,s.jsxs)("div",{className:"flex flex-col min-h-screen",children:[(0,s.jsx)(a,{}),(0,s.jsx)(o,{categoryId:e,setCategoryId:t}),(0,s.jsx)(r.Z,{categoryId:e,LIMIT:12})]})}},5811:function(e,t,n){"use strict";n.d(t,{Z:function(){return m}});var s=n(7437),r=n(2265),a=n(2869),i=n(6858),l=n(7648),o=n(3145);let c=e=>{var t,n;let{blog:r,index:a}=e;return(0,s.jsxs)("div",{className:"bg-white rounded-2xl overflow-hidden shadow-md hover:shadow-xl transition-all transform hover:-translate-y-1 duration-300 border",children:[(0,s.jsx)(l.default,{href:"/blog/".concat(r.id),className:"block relative",children:(0,s.jsxs)("div",{className:"relative h-56 md:h-64 lg:h-72 w-full",children:[(0,s.jsx)(o.default,{src:"".concat("https://api.trackatail.com").concat(null!==(n=r.thumbnail)&&void 0!==n?n:""),alt:r.title,fill:!0,className:"object-cover w-full h-full",priority:!0}),(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 via-black/20 to-transparent z-10"}),(0,s.jsx)("div",{className:"absolute top-4 left-4 z-20 flex flex-wrap gap-2",children:null===(t=r.postCategories)||void 0===t?void 0:t.map((e,t)=>(0,s.jsx)("span",{className:"bg-white/90 backdrop-blur-sm text-gray-800 text-sm font-medium px-3 py-1 rounded-full shadow-sm",children:e.name},t))})]})}),(0,s.jsxs)("div",{className:"p-6",children:[(0,s.jsx)("p",{className:"text-sm text-gray-500 mb-2",children:new Date(r.createdAt).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}),(0,s.jsx)(l.default,{href:"/blog/".concat(r.id),className:"group block",children:(0,s.jsx)("h3",{className:"text-2xl font-semibold text-gray-900 group-hover:text-[#A7B224] transition-colors duration-200 mb-2",children:r.title})}),(0,s.jsx)("div",{className:"mt-4 flex items-center justify-between text-sm text-gray-500",children:(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)("svg",{className:"w-5 h-5 text-gray-400 group-hover:text-[#A7B224] transition-colors",fill:"currentColor",viewBox:"0 0 20 20",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z",clipRule:"evenodd"})}),(0,s.jsx)("span",{children:r.comments.length})]})})]})]})};var d=n(4693),u=n(9491);function m(e){let{categoryId:t,LIMIT:n}=e,[l,o]=(0,r.useState)(!1),[m,x]=(0,r.useState)([]),[f,h]=(0,r.useState)(1),[p,g]=(0,r.useState)(0);return(0,r.useEffect)(()=>{h(1)},[t]),(0,r.useEffect)(()=>{o(!0),fetch("".concat("https://api.trackatail.com","/api/blogs?include=postCategories,comments,profile&page=").concat(f,"&limit=").concat(n,"&category=").concat(t,"&order=desc")).then(e=>e.json()).then(e=>{g(Math.ceil(e.total/n)),1===f?x(e.data):x(t=>[...t,...e.data])}).finally(()=>{o(!1)})},[f,t]),(0,s.jsx)("section",{className:"py-16 md:py-24",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 md:px-6",children:[0===m.length&&!l&&(0,s.jsx)(u.Z,{}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:null==m?void 0:m.map((e,t)=>(0,s.jsx)(c,{blog:e,index:t},e.id))}),l?(0,s.jsx)(d.Z,{}):p>f&&(0,s.jsx)("div",{className:"mt-16 text-center",children:(0,s.jsxs)(a.z,{onClick:()=>{h(f+1)},variant:"outline",size:"lg",className:"border-[#A7B224] text-[#A7B224] hover:bg-[#F9FBD3]",children:["Load More Articles",(0,s.jsx)(i.Z,{className:"ml-2 h-4 w-4"})]})})]})})}},9491:function(e,t,n){"use strict";var s=n(7437);n(2265),t.Z=e=>{let{message:t="No Data Found",description:n="We couldnât find any data."}=e;return(0,s.jsxs)("div",{className:"flex min-h-[500px] flex-col items-center justify-center bg-white-50 px-4 py-20 text-center sm:py-32",children:[(0,s.jsx)("div",{className:"mb-6",children:(0,s.jsx)("svg",{className:"h-20 w-20 text-[#A7B224]",fill:"none",stroke:"currentColor",strokeWidth:1.5,viewBox:"0 0 24 24",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12A9 9 0 113 12a9 9 0 0118 0z"})})}),(0,s.jsx)("h2",{className:"mb-2 text-2xl font-semibold sm:text-3xl text-black",children:t}),(0,s.jsx)("p",{className:"mb-6 max-w-md text-gray-600",children:n})]})}},2869:function(e,t,n){"use strict";n.d(t,{z:function(){return c}});var s=n(7437),r=n(2265),a=n(7495),i=n(535),l=n(4508);let o=(0,i.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),c=r.forwardRef((e,t)=>
1{let{className:n,variant:r,size:i,asChild:c=!1,...d}=e,u=c?a.g7:"button";return(0,s.jsx)(u,{className:(0,l.cn)(o({variant:r,size:i,className:n})),ref:t,...d})});c.displayName="Button"},4693:function(e,t,n){"use strict";var s=n(7437);n(2265),t.Z=()=>(0,s.jsxs)("div",{className:"flex min-h-[200px] items-center justify-center space-x-2 bg-white",children:[(0,s.jsx)("span",{className:"sr-only",children:"Loading..."}),(0,s.jsx)("div",{className:"h-8 w-8 animate-bounce rounded-full bg-black [animation-delay:-0.3s] "}),(0,s.jsx)("div",{className:"h-8 w-8 animate-bounce rounded-full bg-black [animation-delay:-0.15s]"}),(0,s.jsx)("div",{className:"h-8 w-8 animate-bounce rounded-full bg-black"})]})},4508:function(e,t,n){"use strict";n.d(t,{cn:function(){return a}});var s=n(1994),r=n(3335);function a(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,r.m6)((0,s.W)(t))}},6858:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});let s=(0,n(9205).Z)("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]])},1523:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"BailoutToCSR",{enumerable:!0,get:function(){return r}});let s=n(8993);function r(e){let{reason:t,children:n}=e;if("undefined"==typeof window)throw new s.BailoutToCSRError(t);return n}},49:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"PreloadCss",{enumerable:!0,get:function(){return a}});let s=n(7437),r=n(544);function a(e){let{moduleIds:t}=e;if("undefined"!=typeof window)return null;let n=(0,r.getExpectedRequestStore)("next/dynamic css"),a=[];if(n.reactLoadableManifest&&t){let e=n.reactLoadableManifest;for(let n of t){if(!e[n])continue;let t=e[n].files.filter(e=>e.endsWith(".css"));a.push(...t)}}return 0===a.length?null:(0,s.jsx)(s.Fragment,{children:a.map(e=>(0,s.jsx)("link",{precedence:"dynamic",rel:"stylesheet",href:n.assetPrefix+"/_next/"+encodeURI(e),as:"style"},e))})}}},function(e){e.O(0,[290,971,117,744],function(){return e(e.s=9239)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.