https://xautodm.com/assets/Blogs-D9bMotO2.js

1import{r as o,j as e,H as T,a as L,I as y,J as P,L as v,i as k,F as D}from"./index-CAG2kiwU.js";import{g as E}from"./blogApi-C1Ev-lBt.js";import{S as B}from"./section-background-DcXR0E5G.js";import{S}from"./site-Cauph3Oc.js";import{B as F}from"./book-open-DKsqv0EV.js";import{F as I}from"./filter-BG0SgX7G.js";import{U as R}from"./user-g-nNlz07.js";const u=12,$=15,_="rgba(190, 221, 95, 0.14)",Q=()=>{const[c,M]=o.useState([]),[C,g]=o.useState(!0),[p,f]=o.useState(null),[r,b]=o.useState(1),[l,d]=o.useState(""),[n,m]=o.useState(null);o.useEffect(()=>{let t=!0;return(async()=>{try{g(!0),f(null);const s=await E();t&&M(s)}catch{t&&f("Failed to load blog posts. Please try again later.")}finally{t&&g(!1)}})(),()=>{t=!1}},[]);const j=o.useMemo(()=>{const t=new Map;for(const s of c)for(const a of s.tags)t.set(a,(t.get(a)??0)+1);return Array.from(t.entries()).sort((s,a)=>a[1]-s[1]).slice(0,$).map(([s])=>s)},[c]),x=o.useMemo(()=>{let t=c;if(l){const s=l.toLowerCase();t=t.filter(a=>a.title.toLowerCase().includes(s)||a.summary.toLowerCase().includes(s))}return n&&(t=t.filter(s=>s.tags.includes(n))),t},[c,l,n]);o.useEffect(()=>{b(1)},[l,n]);const i=Math.max(1,Math.ceil(x.length/u)),N=(r-1)*u,w=x.slice(N,N+u),h=t=>{t===r||t<1||t>i||(b(t),window.scrollTo({top:0,behavior:"smooth"}))};return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsxs(T,{children:[e.jsx("title",{children:"Blog - Latest Insights on Twitter Automation | XAutoDM"}),e.jsx("meta",{name:"description",content:"Read the latest insights, tips, and guides about Twitter automation, lead generation, and DM marketing strategies."}),e.jsx("meta",{name:"keywords",content:"Twitter automation blog, DM marketing, lead generation, social media automation, Twitter DM tips"}),e.jsx("link",{rel:"canonical",href:`${S}/blogs`}),e.jsx("meta",{property:"og:title",content:"Blog - Latest Insights on Twitter Automation"}),e.jsx("meta",{property:"og:description",content:"Read the latest insights, tips, and guides about Twitter automation and lead generation."}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:`${S}/blogs`})]}),e.jsx(L,{}),e.jsx(B,{className:"pt-16 pb-14 md:pt-24 md:pb-16",gradientColor:_,children:e.jsx("div",{className:"container px-4",children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[e.jsx("span",{className:"eyebrow animate-fade-in",children:"📝 Blog"}),e.jsxs("h1",{className:"mt-6 text-5xl md:text-7xl font-bold leading-[1.05] tracking-tight animate-fade-up",children:["The XAutoDM ",e.jsx("span",{className:"text-primary",children:"blog"})]}),e.jsx("p",{className:"mt-6 text-lg md:text-xl text-muted-foreground leading-relaxed max-w-2xl mx-auto animate-fade-up",style:{animationDelay:"150ms"},children:"Insights, tips, and playbooks on Twitter outreach, lead generation, and DM marketing."})]})})}),e.jsx("section",{className:"pb-24",children:e.jsx("div",{className:"container px-4",children:e.jsxs("div",{className:"max-w-6xl mx-auto",children:[e.jsxs("div",{className:"mb-10",children:[e.jsx("div",{className:"flex flex-col lg:flex-row gap-4 items-center justify-between mb-6",children:e.jsxs("div",{className:"relative flex-1 max-w-md w-full",children:[e.jsx(y,{className:"absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground"}),e.jsx(P,{type:"text",placeholder:"Search articles...",className:"pl-12 pr-4 py-3 bg-white/[0.03] border-white/10 rounded-xl focus:border-primary/40 transition-colors",value:l,onChange:t=>d(t.target.value)}),l&&e.jsx("button",{onClick:()=>d(""),className:"absolute right-4 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors","aria-label":"Clear search",children:"✕"})]})}),j.length>0&&e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("button",{onClick:()=>m(null),className:`px-3.5 py-1.5 rounded-full text-sm font-medium transition-colors ${n?"bg-white/[0.03] text-muted-foreground border border-white/10 hover:text-foreground hover:border-white/20":"bg-primary/15 text-primary border border-primary/25"}`,children:"All topics"}),j.map(t=>e.jsx("button",{onClick:()=>m(t),className:`px-3.5 py-1.5 rounded-full text-sm font-medium transition-colors capitalize ${n===t?"bg-primary/15 text-primary border border-primary/25":"bg-white/[0.03] text-muted-foreground border border-white/10 hover:text-foreground hover:border-white/20"}`,children:t.replace("-"," ")},t))]}),e.jsx("p",{className:"text-center mt-6 text-muted-foreground text-sm",children:l||n?e.jsxs(e.Fragment,{children:["Showing ",e.jsx("span",{className:"text-primary font-semibold",children:x.length})," filtered articles"]}):e.jsxs(e.Fragment,{children:["Showing ",e.jsx("span",{className:"text-primary font-semibold",children:c.length})," articles"]})})]}),p?e.jsxs("div",{className:"text-center py-20",children:[e.jsx("span",{className:"icon-tile h-16 w-16 rounded-3xl mx-auto mb-6",children:e.jsx(F,{className:"w-7 h-7"})}),e.jsx("h3",{className:"text-2xl font-bold mb-3",children:"Something went wrong"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:p})]}):C?e.jsx("div",{className:"flex justify-center items-center py-20",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"animate-spin rounded-full h-14 w-14 border-2 border-white/10 border-t-primary mx-auto mb-4"}),e.jsx("p",{className:"text-muted-foreground",children:"Loading articles..."})]})}):w.length===0?e.jsxs("div",{className:"text-center py-20",children:[e.jsx("span",{className:"icon-tile h-16 w-16 rounded-3xl mx-auto mb-6",children:e.jsx(y,{className:"w-7 h-7"})}),e.jsx("h3",{className:"text-2xl font-bold mb-3",children:"No articles found"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:l?`No articles match "${l}"`:"No articles available at the moment"}),(l||n)&&e.jsxs("button",{onClick:()=>{d(""),m(null)},className:"btn-ghost-premium mx-auto",children:[e.jsx(I,{className:"h-4 w-4"})," Clear filters"]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"grid gap-6 sm:grid-cols-2 lg:grid-cols-3 mb-12",children:w.map(t=>e.jsxs(v,{to:`/blog/${t.slug}`,className:"group card-premium overflow-hidden hover:border-primary/30 transition-colors duration-300",children:[e.jsxs("div",{className:"aspect-[16/10] relative overflow-hidden",children:[e.jsx("img",{src:t.thumbnail,alt:t.title,className:"object-cover w-full h-full",loading:"lazy"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 via-trans

1parent to-transparent"}),e.jsx("div",{className:"absolute top-4 left-4 px-3 py-1 bg-black/70 text-white text-xs rounded-full backdrop-blur-sm font-mono-label",children:new Date(t.date).toLocaleDateString("en-US",{month:"short",day:"numeric"})})]}),e.jsxs("div",{className:"p-6",children:[e.jsx("div",{className:"flex flex-wrap gap-1.5 mb-3",children:t.tags.slice(0,2).map(s=>e.jsx("span",{className:"px-2.5 py-0.5 text-[11px] font-mono-label uppercase tracking-wider bg-primary/10 text-primary border border-primary/20 rounded-full capitalize",children:s.replace("-"," ")},s))}),e.jsx("h2",{className:"text-lg font-bold mb-2 leading-tight line-clamp-2 group-hover:text-primary transition-colors",children:t.title}),e.jsx("p",{className:"text-muted-foreground text-sm mb-5 line-clamp-3 leading-relaxed",children:t.summary}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-muted-foreground",children:[e.jsx(R,{className:"w-4 h-4"}),e.jsx("span",{children:t.author})]}),e.jsxs("div",{className:"flex items-center gap-1.5 text-sm text-primary font-medium",children:[e.jsx("span",{children:"Read more"}),e.jsx(k,{className:"w-4 h-4 group-hover:translate-x-1 transition-transform"})]})]})]})]},t.slug))}),i>1&&e.jsxs("div",{className:"flex justify-center items-center gap-2",children:[e.jsx("button",{onClick:()=>h(r-1),disabled:r===1,className:"btn-ghost-premium disabled:opacity-50",children:"Previous"}),e.jsx("div",{className:"flex gap-1",children:Array.from({length:Math.min(5,i)},(t,s)=>{let a;if(i<=5||r<=3?a=s+1:r>=i-2?a=i-4+s:a=r-2+s,a<1||a>i)return null;const A=r===a;return e.jsx("button",{onClick:()=>h(a),className:`h-10 w-10 rounded-xl text-sm font-semibold transition-colors ${A?"bg-primary text-primary-foreground":"bg-white/[0.03] border border-white/10 text-muted-foreground hover:text-foreground hover:border-white/20"}`,children:a},a)})}),e.jsx("button",{onClick:()=>h(r+1),disabled:r===i,className:"btn-ghost-premium disabled:opacity-50",children:"Next"})]}),e.jsxs("nav",{"aria-label":"All articles",className:"mt-16 border-t border-white/10 pt-8",children:[e.jsxs("h2",{className:"text-sm font-mono-label uppercase tracking-wider text-muted-foreground mb-4",children:["Browse all ",c.length," articles"]}),e.jsx("ul",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-2",children:c.map(t=>e.jsx("li",{children:e.jsx(v,{to:`/blog/${t.slug}`,className:"text-sm text-white/55 hover:text-primary transition-colors line-clamp-1",children:t.title})},t.slug))})]})]}),e.jsx("div",{className:"mt-20",children:e.jsxs("div",{className:"relative overflow-hidden card-premium p-8 md:p-12 text-center",children:[e.jsx("div",{className:"pointer-events-none absolute -bottom-20 left-1/2 h-56 w-[36rem] -translate-x-1/2 rounded-full blur-3xl",style:{background:"hsl(var(--brand))",opacity:.08}}),e.jsxs("div",{className:"relative",children:[e.jsx("h2",{className:"text-2xl md:text-3xl font-bold tracking-tight",children:"Ready to automate your X outreach?"}),e.jsx("p",{className:"mt-3 text-muted-foreground max-w-xl mx-auto leading-relaxed",children:"Put these playbooks to work with XAutoDM's automation. Start free, no card required."}),e.jsx("div",{className:"mt-7 flex justify-center",children:e.jsxs("a",{href:"https://app.xautodm.com",target:"_blank",rel:"noopener",className:"btn-lime",children:["Start for free ",e.jsx(k,{className:"h-4 w-4"})]})})]})]})})]})})}),e.jsx(D,{})]})};export{Q as default};
2//# sourceMappingURL=Blogs-D9bMotO2.js.map