https://friendsofanan.org/assets/page-buttongallery-ByBD4VpK.js

1import{j as e,n as t,s}from"./vendor-react-Bk3lsV7-.js";import"./vendor-misc-xy6a1t9-.js";const a=[{n:1,label:"Shine sweep (light streak on hover)",cls:"gbtn gbtn-shine"},{n:2,label:"Golden glow on hover",cls:"gbtn gbtn-glow"},{n:3,label:"Rotating border glow (Magic UI shimmer)",cls:"gbtn gbtn-shimmer"},{n:4,label:"3D push (depth, compresses on click)",cls:"gbtn gbtn-3d"},{n:5,label:"Animated gradient fill",cls:"gbtn gbtn-gradient"},{n:6,label:"Refined glassmorphism",cls:"gbtn gbtn-glass"},{n:7,label:"Neumorphic (soft, light bg)",cls:"gbtn gbtn-neu"},{n:8,label:"Outline + golden glow",cls:"gbtn gbtn-outglow"}],l=()=>e.jsxs("button",{type:"button",className:"group relative w-auto cursor-pointer overflow-hidden rounded-lg border border-bear-brown bg-white px-6 py-2.5 font-semibold text-bear-brown",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-2 w-2 rounded-full bg-bear-brown transition-all duration-300 group-hover:scale-[100]"}),e.jsx("span",{className:"inline-block transition-all duration-300 group-hover:translate-x-12 group-hover:opacity-0",children:"Donate"})]}),e.jsxs("div",{className:"absolute top-0 z-10 flex h-full w-full translate-x-12 items-center justify-center gap-2 text-white opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100",children:[e.jsx("span",{children:"Donate"}),e.jsx(s,{size:16,weight:"bold"})]})]}),n=({n:t,label:s,children:a})=>e.jsxs("div",{className:"flex flex-col items-center gap-2.5",children:[null!=t&&e.jsxs("span",{className:"text-xs font-bold text-bear-golden",children:["#",t]}),a,e.jsx("span",{className:"text-[11px] text-center opacity-60 leading-tight max-w-[10rem]",children:s})]}),r=()=>e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-y-12 gap-x-6 items-start",children:[a.map(t=>e.jsx(n,{n:t.n,label:t.label,children:e.jsx("button",{type:"button",className:t.cls,children:"Donate"})},t.n)),e.jsx(n,{n:9,label:"Interactive hover (dot expands, arrow slides in)",children:e.jsx(l,{})})]}),o=()=>e.jsxs("div",{className:"flex flex-wrap items-center gap-5",children:[e.jsxs("button",{type:"button",className:"btn-bear-primary",children:[e.jsx(t,{size:18,weight:"fill"})," Donate"]}),e.jsx("button",{type:"button",className:"btn-bear-secondary",children:"Our Partners"})]}),i=()=>e.jsxs("div",{children:[e.jsxs("div",{className:"container mx-auto px-4 pt-16 pb-8 max-w-5xl",children:[e.jsx("h1",{className:"text-3xl md:text-4xl font-bold mb-2",style:{color:"var(--bear-dark)"},children:"Friends of Anan — button styles"}),e.jsxs("p",{className:"text-gray-600",children:["Premium, animated patterns adapted from real component libraries (Magic UI) and CSS galleries.",e.jsx("strong",{children:" Hover each one"})," to see the motion."]})]}),e.jsx("section",{className:"py-12",style:{backgroundColor:"var(--bear-dark)"},children:e.jsxs("div",{className:"container mx-auto px-4 max-w-5xl",children:[e.jsx("h2",{className:"text-sm font-semibold uppercase tracking-widest text-bear-golden mb-8",children:"★ Selected for the site"}),e.jsx(o,{}),e.jsx("p",{className:"text-white/60 text-sm mt-6",children:"Clean white/outline (style #9) — golden-glow on hover (most pages), shine-sweep on a few."})]})}),e.jsx("section",{className:"bg-white border-y border-gray-100 py-16",children:e.jsxs("div",{className:"container mx-auto px-4 max-w-5xl",children:[e.jsx("h2",{className:"text-sm font-semibold uppercase tracking-widest text-gray-400 mb-12",children:"All options · on a light background"}),e.jsx(r,{})]})}),e.jsx("section",{className:"py-16 bg-cover bg-center",style:{backgroundImage:"linear-gradient(rgba(20,28,22,0.8), rgba(16,22,18,0.92)), url(https://imagedelivery.net/pU10jaCYyoXpBsgpe_RbdQ/6b25f557-d4a8-4864-f3cb-aa2af0e29a00/format=auto,width=1600,quality=80)"},children:e.jsxs("div",{className:"container mx-auto px-4 max-w-5xl",children:[e.jsx("h2",{className:"text-sm font-semibold uppercase tracking-widest text-white/50 mb-12",children:"All options · over a photo"}),e.jsx(r,{})]})})]});export{i as default};