https://forumindonesiamuda.org/assets/CeritaAlumni-DMi4iDe8.js

1import{j as e,r as w}from"./vendor-react-DQQWdOKu.js";import{c as A,u,L as C,S as V,an as v,a4 as F,D as L,t as M,X as q,U as K,G as D,ao as T,N as B,s as h}from"./index-C8IO8FdB.js";import{P}from"./PageHero-C0zr_gDN.js";import{S as n}from"./skeleton-BPope85i.js";import{m as i}from"./vendor-motion-CDSjW_qk.js";import{V as U}from"./video-xQGRXVO8.js";import{U as E}from"./user-KxwPviKr.js";import{H as p}from"./heart-EKtPMb7_.js";import{C as G}from"./code-DRhRD01s.js";import"./vendor-ui-QYDqtm38.js";import"./vendor-i18n-CULzOv1i.js";import"./vendor-charts-C8Nx4tSC.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const H=A("Leaf",[["path",{d:"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z",key:"nnexq3"}],["path",{d:"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12",key:"mt58a7"}]]);function O(){return e.jsxs("div",{className:"bg-card rounded-xl overflow-hidden shadow-sm border border-border",children:[e.jsx(n,{className:"h-56 w-full"}),e.jsxs("div",{className:"p-6 space-y-3",children:[e.jsx(n,{className:"h-5 w-32"}),e.jsx(n,{className:"h-4 w-24"}),e.jsx(n,{className:"h-4 w-full"}),e.jsx(n,{className:"h-4 w-3/4"})]})]})}function N({count:r=4}){return e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-6",children:Array.from({length:r}).map((o,l)=>e.jsx(O,{},l))})}function $(){return e.jsx("div",{className:"grid sm:grid-cols-2 lg:grid-cols-3 gap-6",children:Array.from({length:3}).map((r,o)=>e.jsxs("div",{className:"bg-card rounded-xl overflow-hidden shadow-sm border border-border",children:[e.jsx(n,{className:"aspect-video w-full"}),e.jsxs("div",{className:"p-4 space-y-2",children:[e.jsx(n,{className:"h-5 w-32"}),e.jsx(n,{className:"h-4 w-24"})]})]},o))})}const t={hidden:{opacity:0,y:30},visible:(r=0)=>({opacity:1,y:0,transition:{duration:.5,delay:r*.1,ease:"easeOut"}})},g={hidden:{},visible:{transition:{staggerChildren:.06}}},te=()=>{const[r,o]=w.useState("Semua"),[l,d]=w.useState(null),{data:c,isLoading:y}=u({queryKey:["public-alumni-stories"],queryFn:async()=>{const{data:a,error:s}=await h.from("alumni_stories").select("*").eq("is_active",!0).order("sort_order",{ascending:!0});if(s)throw s;return a||[]}}),{data:b,isLoading:k}=u({queryKey:["public-alumni-other"],queryFn:async()=>{const{data:a,error:s}=await h.from("alumni_other").select("*").eq("is_active",!0).order("sort_order",{ascending:!0});if(s)throw s;return a||[]}}),{data:f,isLoading:I}=u({queryKey:["public-video-testimonials"],queryFn:async()=>{const{data:a,error:s}=await h.from("video_testimonials").select("*").eq("is_active",!0).order("sort_order",{ascending:!0});if(s)throw s;return a||[]}}),S=["Semua","Pendidikan","Sosial","Teknologi","Kesehatan","Lingkungan","Bisnis","Internasional"],j=r==="Semua"?c||[]:(c||[]).filter(a=>a.sector===r),_=a=>({Pendidikan:B,Sosial:p,Teknologi:G,Kesehatan:p,Lingkungan:H,Bisnis:T,Internasional:D})[a]||p,m=({title:a,description:s,icon:x})=>e.jsxs("div",{className:"text-center py-16",children:[e.jsx("div",{className:"w-16 h-16 bg-muted rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx(x,{className:"h-8 w-8 text-muted-foreground"})}),e.jsx("h3",{className:"text-lg font-semibold text-foreground mb-2",children:a}),e.jsx("p",{className:"text-muted-foreground max-w-md mx-auto",children:s})]});return e.jsxs(C,{children:[e.jsx(V,{title:"Cerita Alumni",description:"Kisah inspiratif dari ribuan alumni Forum Indonesia Muda."}),e.jsx(P,{title:"Cerita Alumni",subtitle:"Kisah inspiratif dari ribuan alumni FIM yang telah berkontribusi di berbagai sektor untuk kemajuan Indonesia",waveColor:"hsl(var(--secondary))"}),e.jsx(i.section,{className:"py-12 bg-secondary",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:t,children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[e.jsx(v,{className:"h-12 w-12 text-accent mx-auto mb-4"}),e.jsx("blockquote",{className:"text-xl lg:text-2xl text-foreground italic mb-4",children:'"Setiap alumni FIM adalah kunang-kunang yang menerangi sudut Indonesia dengan caranya masing-masing."'}),e.jsx("p",{className:"text-muted-foreground",children:"— Filosofi Alumni FIM"})]})})}),e.jsx("section",{className:"py-16 lg:py-20 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx(i.h2,{className:"text-3xl lg:text-4xl font-bold text-center text-foreground mb-4",initial:"hidden",

6whileInView:"visible",viewport:{once:!0},variants:t,children:"Video Testimoni Alumni"}),e.jsx(i.p,{className:"text-muted-foreground text-center max-w-2xl mx-auto mb-12",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:t,custom:1,children:"Dengarkan langsung cerita inspiratif dari alumni FIM"}),I?e.jsx($,{}):(f||[]).length>0?e.jsx(i.div,{className:"grid sm:grid-cols-2 lg:grid-cols-4 gap-6 max-w-6xl mx-auto",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:g,children:(f||[]).map(a=>e.jsxs(i.div,{variants:t,onClick:()=>d({youtube_id:a.youtube_id,title:a.title}),className:"group cursor-pointer rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all hover:-translate-y-1 bg-card",children:[e.jsxs("div",{className:"relative aspect-video",children:[e.jsx("img",{src:a.thumbnail_url||`https://img.youtube.com/vi/${a.youtube_id}/mqdefault.jpg`,alt:a.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"}),e.jsx("div",{className:"absolute inset-0 bg-black/40 flex items-center justify-center group-hover:bg-black/50 transition-colors",children:e.jsx("div",{className:"w-14 h-14 bg-primary rounded-full flex items-center justify-center group-hover:scale-110 transition-transform",children:e.jsx(F,{className:"h-6 w-6 text-primary-foreground ml-1",fill:"currentColor"})})})]}),e.jsxs("div",{className:"p-4",children:[e.jsx("h3",{className:"font-semibold text-foreground text-sm line-clamp-2 mb-1",children:a.title}),e.jsx("p",{className:"text-xs text-muted-foreground",children:a.speaker})]})]},a.id))}):e.jsx(m,{icon:U,title:"Belum Ada Video Testimoni",description:"Video testimoni alumni akan segera ditambahkan."})]})}),e.jsx(L,{open:!!l,onOpenChange:()=>d(null),children:e.jsxs(M,{className:"max-w-4xl p-0 bg-black border-none",children:[e.jsx("button",{onClick:()=>d(null),className:"absolute top-2 right-2 z-10 p-2 rounded-full bg-white/10 hover:bg-white/20 transition-colors",children:e.jsx(q,{className:"h-5 w-5 text-white"})}),l&&e.jsx("div",{className:"aspect-video",children:e.jsx("iframe",{src:`https://www.youtube.com/embed/${l.youtube_id}?autoplay=1`,title:l.title,className:"w-full h-full",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})]})}),e.jsx("section",{className:"py-16 lg:py-20 bg-secondary",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx(i.h2,{className:"text-3xl lg:text-4xl font-bold text-center text-foreground mb-4",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:t,children:"Kisah Mereka, Inspirasi Kita"}),e.jsx(i.p,{className:"text-muted-foreground text-center max-w-2xl mx-auto mb-8",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:t,custom:1,children:"Dari Sabang sampai Merauke, alumni FIM telah memberikan dampak nyata di berbagai bidang."}),e.jsx("div",{className:"flex overflow-x-auto scrollbar-hide gap-2 mb-8 sm:mb-12 pb-2 -mx-4 px-4 sm:mx-0 sm:px-0 sm:flex-wrap sm:justify-center sm:overflow-visible",children:S.map(a=>e.jsx("button",{onClick:()=>o(a),className:`px-4 py-2 rounded-lg text-sm font-medium transition-colors whitespace-nowrap flex-shrink-0 ${r===a?"bg-primary text-primary-foreground":"bg-card text-foreground hover:bg-muted border border-border"}`,children:a},a))}),y?e.jsx(N,{}):j.length>0?e.jsx(i.div,{className:"grid sm:grid-cols-2 gap-4 sm:gap-6 max-w-5xl mx-auto",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:g,children:j.map(a=>{const s=_(a.sector);return e.jsxs(i.div,{variants:t,className:"bg-card rounded-xl sm:rounded-2xl p-5 sm:p-6 lg:p-8 shadow-lg hover:shadow-xl transition-all",children:[e.jsxs("div",{className:"flex items-start gap-4 mb-6",children:[e.jsx("div",{className:"w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center flex-shrink-0 overflow-hidden",children:a.photo_url?e.jsx("img",{src:a.photo_url,alt:a.name,className:"w-full h-full object-cover"}):e.jsx("span",{className:"text-2xl font-bold text-primary",children:a.name.split(" ").map(x=>x[0]).join("")})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-bold text-lg text-foreground",children:a.name}),e.jsx("p",{className:"text-sm text-primary",children:a.batch}),e.jsx("p",{className:"text-sm text-muted-foreground",children:a.position}),e.jsx("p",{className:"text-xs text-muted-foreground",children:a.company})]}),e.jsx("div",{className:"w-10 h-10 bg-supporting/10 rounded-lg flex items-center justify-center",children:e.jsx(s,{className:"h-5 w-5 text-supporting"})})]}),e.jsxs("blockquote",{className:"text-muted-foreground italic mb-6 relative pl-4 border-l-2 border-accent",children:['"',a.quote,'"']}),e.jsxs("div",{className:"flex items-center gap-2 pt-4 border-t border-border",children:[e.jsx("span",{className:"text-xs text-muted-foreground uppercase tracking-wide",children:"Dampak:"}),e.jsx("span",{className:"text-sm font-semibold text-supporting",children:a.story})]})]},a.id)})}):(c||[]).length===0?e.jsx(m,{icon:v,title:"Belum Ada Kisah Alumni",description:"Kisah-kisah inspiratif dari alumni FIM akan segera ditambahkan."}):e.jsx("div",{className:"text-center py-12",children:e.jsxs("p",{className:"text-muted-foreground",children:["Tidak ada cerita di sektor ",r,"."]})})]})}),e.jsx("section",{className:"py-16 lg:py-20 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx(i.h2,{className:"text-3xl lg:text-4xl font-bold text-center text-foreground mb-4",initial:"hidden",

6whileInView:"visible",viewport:{once:!0},variants:t,children:"Alumni FIM Lainnya"}),e.jsx(i.p,{className:"text-muted-foreground text-center max-w-2xl mx-auto mb-12",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:t,custom:1,children:"Ribuan alumni FIM telah berkontribusi di berbagai sektor dan jabatan strategis."}),k?e.jsx(N,{}):(b||[]).length>0?e.jsx(i.div,{className:"grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-w-6xl mx-auto",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:g,children:(b||[]).map(a=>e.jsxs(i.div,{variants:t,className:"bg-card rounded-xl p-4 shadow-lg hover:shadow-xl transition-all text-center",children:[e.jsx("div",{className:"w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-3 overflow-hidden",children:a.photo_url?e.jsx("img",{src:a.photo_url,alt:a.name,className:"w-full h-full object-cover"}):e.jsx(E,{className:"h-8 w-8 text-primary/50"})}),e.jsx("h3",{className:"font-bold text-foreground text-sm mb-1",children:a.name}),e.jsx("p",{className:"text-xs text-primary font-medium mb-2",children:a.batch}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed",children:a.track_record})]},a.id))}):e.jsx(m,{icon:K,title:"Belum Ada Data Alumni Lainnya",description:"Daftar alumni FIM akan segera ditambahkan."})]})}),e.jsx(i.section,{className:"py-16 bg-secondary",initial:"hidden",whileInView:"visible",viewport:{once:!0},variants:t,children:e.jsxs("div",{className:"container mx-auto px-4 text-center",children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground mb-4",children:"Punya Cerita untuk Dibagikan?"}),e.jsx("p",{className:"text-muted-foreground max-w-md mx-auto mb-6",children:"Jika Anda alumni FIM dan ingin berbagi cerita perjalanan Anda, hubungi kami."}),e.jsx("a",{href:"mailto:[email protected]",className:"inline-block bg-primary text-primary-foreground px-6 py-3 rounded-lg font-semibold hover:bg-primary/90 transition-colors",children:"Kirim Cerita Anda"})]})})]})};export{te as default};
7//# sourceMappingURL=CeritaAlumni-DMi4iDe8.js.map