1import{r as n,j as e,L as c}from"./react-DiNCFKYz.js";import{H as y}from"./index-BnVcqLrd.js";import{i as x,L as b}from"./Layout-rPgI-u9P.js";import{B as m}from"./button-CWgRMnCY.js";import{C as v,a as N}from"./card-bLr9bz5T.js";import{I as C}from"./input-ruC25BM1.js";import{B as I}from"./badge-rv60utJw.js";import{F as R,R as k}from"./ResourcePagination-fwht020G.js";import{m as p}from"./motion-CC8yCw--.js";import{aq as F,f as L,e as S,X as E,E as P,A as B}from"./icons-BrZlZ20t.js";import"./rightdata-gradient-white-BmTqfyDg.js";import"./index-D3A_p7Ut.js";const u=6,X=()=>{const[s,g]=n.useState(""),[l,h]=n.useState(1),a=n.useMemo(()=>x.filter(t=>s.trim()===""||t.title.toLowerCase().includes(s.toLowerCase())||t.description.toLowerCase().includes(s.toLowerCase())||t.topics.some(r=>r.toLowerCase().includes(s.toLowerCase()))),[s]),o=x[0],j=n.useMemo(()=>{const r=s.trim()!==""?a:a.slice(1),i=(l-1)*u;return r.slice(i,i+u)},[a,l,s]),f=n.useMemo(()=>{const r=s.trim()!==""?a.length:a.length-1;return Math.ceil(r/u)},[a,s]),d=t=>{g(t),h(1)},w=!s&&l===1;return e.jsxs(b,{children:[e.jsxs(y,{children:[e.jsx("meta",{property:"og:title",content:"Data Management Infographics | RightData"}),e.jsx("meta",{property:"og:description",content:"Visual guides on data quality, governance, and observability concepts."}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:url",content:"https://www.getrightdata.com/resources/infographics"}),e.jsx("meta",{property:"og:image",content:"https://www.getrightdata.com/og-rightdata-brand-20260623.png"}),e.jsx("meta",{property:"og:site_name",content:"RightData"}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"}),e.jsx("meta",{name:"twitter:title",content:"Data Quality Infographics | RightData"}),e.jsx("meta",{name:"twitter:description",content:"Visual guides on data quality and governance concepts."}),e.jsx("meta",{name:"twitter:image",content:"https://www.getrightdata.com/og-rightdata-brand-20260623.png"}),e.jsx("link",{rel:"canonical",href:"https://www.getrightdata.com/resources/infographics"})]}),e.jsxs("section",{className:"relative overflow-hidden bg-gradient-to-br from-primary via-primary/90 to-accent/80 text-primary-foreground py-20 md:py-28",children:[e.jsx("div",{className:"absolute inset-0 bg-grid-pattern opacity-10"}),e.jsx("div",{className:"container mx-auto px-4 relative",children:e.jsxs(p.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},className:"text-center max-w-3xl mx-auto",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-2 mb-6",children:[e.jsxs(c,{to:"/resources",className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 text-sm hover:bg-white/20 transition-colors",children:[e.jsx(F,{className:"h-4 w-4"}),e.jsx("span",{children:"All Resources"})]}),e.jsxs("div",{className:"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/20 text-sm",children:[e.jsx(L,{className:"h-4 w-4"}),e.jsx("span",{children:"Infographics"})]})]}),e.jsx("h1",{className:"text-4xl md:text-5xl font-bold mb-6",children:"Visual Guides"}),e.jsx("p",{className:"text-xl text-primary-foreground/80",children:"Quick visual guides and comparisons to understand data concepts at a glance"}),e.jsxs("div",{className:"mt-6 text-sm text-primary-foreground/60",children:[x.length," infographics"]})]})})]}),e.jsx("section",{className:"py-16 md:py-24 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs("div",{className:"max-w-2xl mx-auto mb-12",children:[e.jsxs("div",{className:"relative",children:[e.jsx(S,{className:"absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-muted-foreground"}),e.jsx(C,{type:"text",placeholder:"Search infographics...",value:s,onChange:t=>d(t.target.value),className:"pl-12 pr-12 py-6 text-lg rounded-xl border-2 focus:border-accent"}),s&&e.jsx("button",{onClick:()=>d(""),className:"absolute right-4 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",children:e.jsx(E,{className:"h-5 w-5"})})]}),s&&e.jsxs("p",{className:"text-center mt-4 text-muted-foreground",children:["Found ",a.length," infographic",a.length!==1?"s":""]})]}),w&&o&&e.jsx(R,{type:"infographic",slug:o.slug,title:o.title,de
1scription:o.description,thumbnail:o.thumbnail,ctaText:"View Infographic"}),e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-5xl mx-auto",children:j.map((t,r)=>e.jsx(p.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{delay:r*.1},children:e.jsx(c,{to:`/resources/infographics/${t.slug}`,children:e.jsxs(v,{className:"h-full border-border/50 hover:border-accent/50 hover:shadow-xl transition-all group overflow-hidden",children:[e.jsxs("div",{className:"aspect-square relative overflow-hidden bg-muted",children:[e.jsx("img",{src:t.thumbnail,alt:t.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 to-transparent opacity-0 group-hover:opacity-100 transition-opacity flex items-end justify-center pb-6",children:e.jsxs(m,{variant:"secondary",size:"sm",children:[e.jsx(P,{className:"mr-2 h-4 w-4"}),"View Full Size"]})})]}),e.jsxs(N,{className:"p-6",children:[e.jsx("h3",{className:"text-lg font-semibold text-foreground mb-2 group-hover:text-accent transition-colors",children:t.title}),e.jsx("p",{className:"text-sm text-muted-foreground mb-4 line-clamp-2",children:t.description}),e.jsx("div",{className:"flex flex-wrap gap-2",children:t.topics.slice(0,3).map(i=>e.jsx(I,{variant:"outline",className:"text-xs",children:i},i))})]})]})})},t.slug))}),a.length===0&&e.jsxs("div",{className:"text-center py-16",children:[e.jsx("p",{className:"text-xl text-muted-foreground",children:"No infographics found matching your search."}),e.jsx(m,{variant:"outline",onClick:()=>d(""),className:"mt-4",children:"Clear Search"})]}),e.jsx(k,{currentPage:l,totalPages:f,onPageChange:h})]})}),e.jsx("section",{className:"py-16 bg-muted/50",children:e.jsxs("div",{className:"container mx-auto px-4 text-center",children:[e.jsx("h2",{className:"text-3xl font-bold text-foreground mb-4",children:"Want to learn more?"}),e.jsx("p",{className:"text-lg text-muted-foreground mb-8 max-w-2xl mx-auto",children:"Explore our full library of resources or book a demo"}),e.jsxs("div",{className:"flex flex-wrap justify-center gap-4",children:[e.jsx(c,{to:"/resources",children:e.jsx(m,{size:"lg",variant:"outline",children:"Browse All Resources"})}),e.jsx(c,{to:"/book-a-demo",children:e.jsxs(m,{size:"lg",className:"bg-accent hover:bg-accent/90",children:["Book a Demo",e.jsx(B,{className:"ml-2 h-5 w-5"})]})})]})]})})]})};export{X as default};
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.