https://boatbuddy.ai/_next/static/chunks/pages/blog-cdf25f0bc36345e7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[195],{67801:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return s(58285)}])},58285:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return g}});var a=s(85893),r=s(67294),l=s(9008),i=s.n(l),n=s(25675),o=s.n(n),c=s(41664),d=s.n(c),x=s(87066);let h={navigation:"Navigation",maintenance:"Maintenance",safety:"Safety",weather:"Weather",regulations:"Rules & Regulations","buying-guide":"Buying Guide",anchoring:"Anchoring & Mooring",electrical:"Electrical Systems",engines:"Engines & Propulsion",general:"General Boating"},m=e=>{let{src:t}=e;return t};function g(){let[e,t]=(0,r.useState)([]),[s,l]=(0,r.useState)([]),[n,c]=(0,r.useState)(!0),[g,u]=(0,r.useState)(""),[f,p]=(0,r.useState)(""),[b,j]=(0,r.useState)(1),[w,v]=(0,r.useState)(0),[N,y]=(0,r.useState)(!1),k=(0,r.useCallback)(async()=>{c(!0);try{let e={limit:9,offset:(b-1)*9};g&&(e.category=g),f&&(e.search=f);let s=await x.Z.get("".concat("https://boatbuddy.ai","/api/blog/articles"),{params:e});t(s.data.articles||[]),v(s.data.total||0)}catch(e){console.error("Error fetching articles:",e)}finally{c(!1)}},[b,g,f]),B=async()=>{try{let e=await x.Z.get("".concat("https://boatbuddy.ai","/api/blog/categories"));l(e.data.categories||[])}catch(e){console.error("Error fetching categories:",e)}};(0,r.useEffect)(()=>{B()},[]),(0,r.useEffect)(()=>{k()},[k]);let L=e=>{u(e),j(1)},C=e=>new Date(e).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"}),M=Math.ceil(w/9);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i(),{children:[(0,a.jsx)("title",{children:"Blog - Boat Buddy | Maritime Knowledge & Tips"}),(0,a.jsx)("meta",{name:"description",content:"Explore our collection of boating guides, maintenance tips, safety information, and maritime knowledge from the Boat Buddy team."})]}),(0,a.jsxs)("div",{className:"min-h-screen bg-[#0c1b33] text-gray-200",children:[(0,a.jsx)("nav",{className:"sticky top-0 z-50 bg-[#0c1b33]/95 backdrop-blur-md border-b border-white/10",children:(0,a.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between h-16",children:[(0,a.jsxs)(d(),{href:"/",className:"flex items-center gap-3",children:[(0,a.jsx)(o(),{src:"/assets/login-logo.svg",alt:"Boat Buddy",width:32,height:32,className:"h-8 w-8",priority:!0}),(0,a.jsx)("span",{className:"font-bold text-lg text-[#fefdfc]",children:"Boat Buddy"})]}),(0,a.jsxs)("div",{className:"hidden md:flex items-center space-x-6",children:[(0,a.jsx)(d(),{href:"/",className:"text-gray-400 hover:text-white transition-colors text-sm",children:"Home"}),(0,a.jsx)(d(),{href:"/#features",className:"text-gray-400 hover:text-white transition-colors text-sm",children:"Features"}),(0,a.jsx)(d(),{href:"/blog",className:"text-white font-medium text-sm",children:"Blog"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)(d(),{href:"/",className:"bg-[#3e6fb1] hover:bg-[#2c528a] text-white px-4 py-2 rounded-full text-sm font-semibold transition-all",children:"Try Boat Buddy"}),(0,a.jsx)("button",{onClick:()=>y(!N),className:"md:hidden p-2 text-gray-400 hover:text-white",children:(0,a.jsx)("svg",{className:"w-6 h-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:N?(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"}):(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})})]})]}),N&&(0,a.jsx)("div",{className:"md:hidden py-4 border-t border-white/10",children:(0,a.jsxs)("div",{className:"flex flex-col space-y-3",children:[(0,a.jsx)(d(),{href:"/",className:"text-gray-400 hover:text-white transition-colors text-sm",children:"Home"}),(0,a.jsx)(d(),{href:"/#features",className:"text-gray-400 hover:text-white transition-colors text-sm",children:"Features"}),(0,a.jsx)(d(),{href:"/blog",className:"text-white font-medium text-sm",children:"Blog"})]})})]})}),(0,a.jsx)("section",{className:"py-16 md:py-24 bg-gradient-to-b from-[#0c1b33] to-[#0c1b33]/95",children:(0,a.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[(0,a.jsx)("h1",{className:"text-4xl md:text-5xl font-bold text-[#fefdfc] mb-4",children:"The Boat Buddy Blog"}),(0,a.jsx)("p",{className:"text-lg md:text-xl text-gray-400 max-w-2xl mx-auto mb-8",children:"Expert guides, tips, and maritime knowledge to help you become a better captain"}),(0,a.jsx)("form",{onSubmit:e=>{e.preventDefault(),j(1)},className:"max-w-md mx-auto",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{type:"text",value:f,onChange:e=>p(e.target.value),placeholder:"Search articles...",className:"w-full px-5 py-3 pl-12 bg-white/10 border border-white/20 rounded-full text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-[#3e6fb1] focus:border-transparent"}),(0,a.jsx)("svg",{className:"absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})]})})]})}),(0,a.jsx)("section",{className:"py-12",children:(0,a.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"flex flex-col lg:flex-row gap-8",children:[(0,a.jsx)("aside",{className:"lg:w-64 flex-shrink-0",children:(0,a.jsxs)("div",{className:"sticky top-24",children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-gray-400 uppercase tracking-wider mb-4",children:"Categories"}),(0,a.jsxs)("div",{className:"space-y-1",children:[(0,a.jsxs)("button",{onClick:()=>L(""),className:"w-full text-left px-4 py-2 rounded-lg transition-colors ".concat(""===g?"bg-[#3e6fb1] text-white":"text-gray-300 hover:bg-white/10"),children:["All Articles",(0,a.jsx)("span",{className:"float-right text-sm opacity-60",children:w})]}),s.map(e=>(0,a.jsxs)("button",{onClick:()=>L(e.value),className:"w-full text-left px-4 py-2 rounded-lg transition-colors ".concat(g===e.value?"bg-[#3e6fb1] text-white":"text-gray-300 hover:bg-white/10"),children:[e.label,(0,a.jsx)("span",{className:"float-right text-sm opacity-60",children:e.count})]},e.value))]})]})}),(0,a.jsx)("div",{className:"flex-1",children:n?(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[1,2,3,4,5,6].map(e=>(0,a.jsxs)("div",{className:"bg-white/5 border border-white/10 rounded-xl overflow-hidden",children:[(0,a.jsx)("div",{className:"aspect-video bg-gray-800 animate-pulse"}),(0,a.jsxs)("div",{className:"p-5",children:[(0,a.jsx)("div",{className:"w-20 h-5 bg-gray-800 rounded animate-pulse mb-3"}),(0,a.jsx)("div",{className:"w-full h-6 bg-gray-800 rounded animate-pulse mb-2"}),(0,a.jsx)("div",{className:"w-3/4 h-4 bg-gray-800 rounded animate-pulse mb-4"}),(0,a.jsx)("div",{className:"w-1/2 h-3 bg-gray-800 rounded animate-pulse"})]})]},e))}):0===e.length?(0,a.jsxs)("div",{className:"text-center py-16",children:[(0,a.jsx)("svg",{className:"w-16 h-16 text-gray-600 mx-auto mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})}),(0,a.jsx)("h3",{className:"text-xl font-semibold text-gray-300 mb-2",children:"No articles found"}),(0,a.jsx)("p",{className:"text-gray-500",children:f?'No results for "'.concat(f,'". Try a different search term.'):"Check back soon for new content!"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.map(e=>(0,a.jsxs)(d(),{href:"/blog/".concat(e.slug),className:"group bg-white/5 border border-white/10 rounded-xl overflow-hidden hover:border-[#3e6fb1]/50 transition-all duration-300 hover:shadow-xl hover:shadow-[#3e6fb1]/10",children:[(0,a.jsx)("div",{className:"relative aspect-video overflow-hidden bg-gray-800",children:e.featured_image?(0,a.jsx)(o(),{loader:m,unoptimized:!0,src:e.featured_image,alt:e.title,fill:!0,sizes:"(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw",className:"object-cover transition-transform duration-500 group-hover:scale-105"}):(0,a.jsx)("div",{className:"w-full h-full flex items-center justify-center",children:(0,a.jsx)("svg",{className:"w-12 h-12 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})})})}),(0,a.jsxs)("div",{className:"p-5",children:[(0,a.jsx)("span",{className:"inline-block px-2.5 py-1 rounded-full bg-[#3e6fb1]/10 text-[#3e6fb1] text-xs font-semibold mb-3",children:h[e.category]||e.category}),(0,a.jsx)("h3",{className:"text-lg font-bold text-[#fefdfc] mb-2 group-hover:text-[#3e6fb1] transition-colors line-clamp-2",children:e.title}),(0,a.jsx)("p",{className:"text-gray-400 text-sm leading-relaxed mb-4 line-clamp-2",children:e.excerpt}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-xs text-gray-500",children:[(0,a.jsx)("span",{children:e.published_at?C(e.published_at):"Recent"}),(0,a.jsxs)("span",{className:"flex items-center gap-1",children:[(0,a.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),e.read_time_minutes," min"]})]})]})]},e.id))}),M>1&&(0,a.jsxs)("div",{className:"flex items-center justify-center gap-2 mt-12",children:[(0,a.jsx)("button",{onClick:()=>j(e=>Math.max(1,e-1)),disabled:1===b,className:"p-2 rounded-lg bg-white/10 text-white disabled:opacity-50 disabled:cursor-not-allowed hover:bg-white/20 transition-colors",children:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),(0,a.jsxs)("span",{className:"px-4 py-2 text-gray-400",children:["Page ",b," of ",M]}),(0,a.jsx)("button",{onClick:()=>j(e=>Math.min(M,e+1)),disabled:b===M,className:"p-2 rounded-lg bg-white/10 text-white disabled:opacity-50 disabled:cursor-not-allowed hover:bg-white/20 transition-colors",children:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]})]})})]})})}),(0,a.jsx)("footer",{className:"bg-[#0c1b33] border-t border-white/5 py-8 mt-12",children:(0,a.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"flex flex-col md:flex-row justify-between items-center gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(o(),{src:"/assets/login-logo.svg",alt:"Boat Buddy",width:24,height:24,className:"h-6 w-6"}),(0,a.jsx)("span",{className:"font-semibold text-[#fefdfc]",children:"Boat Buddy"})]}),(0,a.jsxs)("p",{className:"text-sm text-gray-500",children:["\xa9 ",new Date().getFullYear()," Boat Buddy AI. All rights reserved."]}),(0,a.jsxs)("div",{className:"flex gap-6 text-sm text-gray-500",children:[(0,a.jsx)(d(),{href:"/",className:"hover:text-white transition-colors",children:"Home"}),(0,a.jsx)(d(),{href:"/app",className:"hover:text-white transition-colors",children:"App"})]})]})})})]})]})}}},function(e){e.O(0,[664,66,959,888,774,179],function(){return e(e.s=67801)}),_N_E=e.O()}]);