https://grainledger.com/assets/onlinegiving-DEu0Ge6T.js

1import{j as e,m as a}from"./framer-motion-BUI1DcDY.js";import{L as o,O as s,d as l,b as c,g as d,a3 as x,a6 as g}from"./index-CjxdrBpX.js";import{M as r}from"./MarketingCtaPair-N3Srbj7E.js";import{A as m}from"./arrow-left--TSR66jL.js";import{L as h}from"./layers-CqLVUAeT.js";const t={green:"#03440C",teal:"#3D6B5E"},p=[{title:"Connected giving activity",description:"Bring OnlineGiving.org activity into the same accounting workspace your finance team uses every day.",icon:x},{title:"Fund-aware books",description:"Keep designated gifts visible in a ledger built around the funds and purposes your church needs to steward.",icon:h},{title:"A clearer close",description:"Review giving alongside bank activity so your team can trace deposits and prepare accurate reports.",icon:g}],u=[{title:"Connect OnlineGiving.org",description:"Start from Grain’s integrations workspace and connect the OnlineGiving.org account your church uses."},{title:"Align your funds",description:"Confirm how your giving designations should appear in Grain’s fund-based chart of accounts."},{title:"Review with confidence",description:"Use Grain’s normal accounting and reconciliation workflow to keep the books ready for your team and board."}];function N(){return e.jsxs("div",{className:"min-h-screen bg-white",children:[e.jsxs("section",{className:"relative overflow-hidden pb-16 pt-32 sm:pb-24 sm:pt-40",children:[e.jsx("div",{className:"absolute inset-0 -z-10",style:{background:`linear-gradient(135deg, ${t.teal}10 0%, ${t.green}08 50%, transparent 100%)`}}),e.jsxs("div",{className:"mx-auto max-w-4xl px-6 lg:px-8",children:[e.jsx(a.div,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.4},className:"mb-10",children:e.jsxs(o,{to:"/integrations",className:"inline-flex items-center gap-2 rounded text-sm font-medium text-gray-600 transition-colors hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",style:{"--tw-ring-color":t.green},children:[e.jsx(m,{className:"h-4 w-4","aria-hidden":"true"}),"All Integrations"]})}),e.jsxs("div",{className:"text-center",children:[e.jsxs(a.div,{initial:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5},className:"mb-8 flex flex-col items-center justify-center gap-4 sm:flex-row sm:gap-5",children:[e.jsx(s,{src:"/brandlogos/onlinegiving.png",alt:"OnlineGiving.org",width:1e3,height:171,className:"h-9 w-auto max-w-[min(340px,85vw)] object-contain sm:h-11"}),e.jsx(l,{className:"h-5 w-5 text-gray-300","aria-hidden":"true"}),e.jsx(s,{src:c.logoWordmarkOnLight,alt:"Grain Ledger",width:243,height:44,className:"h-9 w-auto sm:h-11"})]}),e.jsxs(a.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:.1},children:[e.jsxs("div",{className:"mb-6 inline-flex items-center gap-2 rounded-full px-3 py-1 text-sm font-medium",style:{backgroundColor:`${t.green}15`,color:t.green},children:[e.jsx(d,{className:"h-4 w-4","aria-hidden":"true"}),"Available Now"]}),e.jsxs("h1",{className:"text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl",children:[e.jsx("span",{style:{color:t.green},children:"OnlineGiving.org"})," ",e.jsx("span",{children:"Integration"})]}),e.jsx("p",{className:"mx-auto mt-6 max-w-2xl text-lg leading-8 text-gray-600",children:"Connect your church’s OnlineGiving.org activity to Grain Ledger so giving, funds, and reconciliation stay in one finance workflow."}),e.jsx(r,{accentColor:t.green,className:"mt-10 justify-center"})]})]})]})]}),e.jsx("section",{className:"py-24 sm:py-32",children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 lg:px-8",children:[e.jsxs("div",{className:"mx-auto max-w-2xl text-center",children:[e.jsx("h2",{className:"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl",children:"Online giving belongs in your books"}),e.jsx("p",{className:"mt-4 text-base leading-7 text-gray-600",children:"Grain is the finance layer for the tools your church already trusts. OnlineGiving.org gives your team a clearer path from donor gifts to fund-level reporting."})]}),e.jsx("div",{className:"mt-16 grid gap-10 md:grid-cols-3",children:p.map((i,n)=>e.jsxs(a.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5,delay:n*.1},className:"border-t border-gray-200 pt-6",children:[e.jsx("div",{className:"mb-4 flex h-10 w-10 items-center justify-center rounded-lg",style:{backgroundColor:`${t.green}15`},children:e.jsx(i.icon,{className:"h-5 w-5",style:{color:t.green},"aria-hidden":"true"})}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:i.title}),e.jsx("p",{className:"mt-2 text-sm leading-6 text-gray-600",children:i.description})]},i.title))})]})}),e.jsx("section",{className:"py-24 sm:py-32",style:{backgroundColor:`${t.teal}06`},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 lg:px-8",children:[e.jsx("div",{className:"mx-auto max-w-2xl text-center",children:e.jsx("h2",{className:"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl",children:"A straightforward path to connected giving"})}),e.jsx("ol",{className:"mx-auto mt-16 grid max-w-5xl gap-10 md:grid-cols-3",children:u.map((i,n)=>e.jsxs("li",{className:"text-center",children:[e.jsx("div",{className:"mx-auto mb-6 flex h-14 w-14 items-center justify-center rounded-full text-xl font-bold text-white",style:{backgroundColor:t.green},children:n+1}),e.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:i.title}),e.jsx("p",{className:"mt-2 text-sm leading-6 text-gray-600",children:i.description})]},i.title))})]})}),e.jsx("section",{className:"py-24 sm:py-32",children:e.jsxs("div",{className:"mx-auto max-w-2xl px-6 text-center lg:px-8",children:[e.jsx("h2",{className:"text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl",children:"Ready to connect OnlineGiving.org?"}),e.jsx("p",{className:"mt-6 text-lg leading-8 text-gray-600",children:"Start free, or watch a short demo of how Grain keeps giving activity aligned with your funds and financial reporting."}),e.jsx(r,{accentColor:t.green,className:"mt-10 justify-center",size:"large"})]})})]})}export{N as component};