[V0_FILE]css:file="app/globals.css" isMerged="true" @import 'tailwindcss'; @import 'tw-animate-css'; @custom-variant dark (&:is(.dark *)); :root { /* Küçük Bir Adım - Deep Navy Blue Brand Palette */ /* Clean white background */ --background: oklch(0.985 0.002 250); /* Deep navy text */ --foreground: oklch(0.22 0.06 260); /* Pure white card */ --card: oklch(1 0 0); --card-foreground: oklch(0.22 0.06 260); --popover: oklch(1 0 0); --popover-foreground: oklch(0.22 0.06 260); /* Deep navy primary */ --primary: oklch(0.28 0.08 260); --primary-foreground: oklch(0.98 0.005 250); /* Light blue-gray secondary */ --secondary: oklch(0.94 0.01 250); --secondary-foreground: oklch(0.22 0.06 260); --muted: oklch(0.95 0.008 250); --muted-foreground: oklch(0.50 0.02 260); /* Warm gold accent for CTAs */ --accent: oklch(0.62 0.16 55); --accent-foreground: oklch(0.15 0.03 55); /* Red destructive */ --destructive: oklch(0.55 0.20 25); --destructive-foreground: oklch(0.98 0.005 250); --border: oklch(0.90 0.01 250); --input: oklch(0.94 0.01 250); --ring: oklch(0.28 0.08 260); --chart-1: oklch(0.28 0.08 260); --chart-2: oklch(0.62 0.16 55); --chart-3: oklch(0.50 0.06 250); --chart-4: oklch(0.40 0.10 260); --chart-5: oklch(0.70 0.12 55); --radius: 0.5rem; --sidebar: oklch(0.96 0.008 250); --sidebar-foreground: oklch(0.22 0.06 260); --sidebar-primary: oklch(0.28 0.08 260); --sidebar-primary-foreground: oklch(0.98 0.005 250); --sidebar-accent: oklch(0.62 0.16 55); --sidebar-accent-foreground: oklch(0.15 0.03 55); --sidebar-border: oklch(0.90 0.01 250); --sidebar-ring: oklch(0.28 0.08 260); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { --font-sans: 'Inter', 'Inter Fallback', system-ui, sans-serif; --font-serif: 'Source Serif 4', 'Source Serif 4 Fallback', Georgia, serif; --font-mono: 'Geist Mono', 'Geist Mono Fallback'; --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import React from "react" import type { Metadata } from 'next' import { Source_Serif_4, Inter } from 'next/font/google' import { Analytics } from '@vercel/analytics/next' import './globals.css' const sourceSerif = Source_Serif_4({ subsets: ["latin"], variable: '--font-serif', display: 'swap', }); const inter = Inter({ subsets: ["latin"], variable: '--font-sans', display: 'swap', }); export const metadata: Metadata = { title: 'Küçük Bir Adım Yardımlaşma Derneği | Dünyaya Umut Ol', description: 'Dünyanın dört bir yanında ihtiyaç sahibi topluluklara insani yardım ulaştıran bağımsız yardım kuruluşu. Gıda, sağlık, eğitim ve acil yardım projelerimizle umut olun.', generator: 'v0.app', keywords: ['insani yardım', 'bağış', 'dernek', 'küresel yardım', 'yardım kuruluşu', 'Küçük Bir Adım'], icons: { icon: [ { url: '/icon-light-32x32.png', media: '(prefers-color-scheme: light)', }, { url: '/icon-dark-32x32.png', media: '(prefers-color-scheme: dark)', }, { url: '/icon.svg', type: 'image/svg+xml', }, ], apple: '/apple-icon.png', }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.10", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^1.1.2", "zod": "3.25.76", "leaflet": "1.9.4" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/header.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { Menu, X, Heart } from "lucide-react" const navItems = [ { label: "Ana Sayfa", href: "/" }, { label: "Yardim Haritasi", href: "/harita" }, { label: "Acil Durum", href: "/acil-durum" }, { label: "Projelerimiz", href: "/projelerimiz" }, { label: "Seffaflik", href: "/seffaflik" }, ] export function Header() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) return (

{/* Logo */}

{'Kucuk Bir Adim'} {'Yardimlasma Dernegi'}

{/* Desktop Navigation */} {/* CTA Button */}

{/* Mobile Menu Button */}

{/* Mobile Navigation */} {mobileMenuOpen && (

)}

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowRight, Heart, Quote } from "lucide-react" import { PaymentModal } from "@/components/payment-modal" const testimonials = [ { quote: "Gelen gida paketi sayesinde cocuklarim ilk kez karnini doyurdu. Tesekkurler.", name: "Amina, 34", location: "Somali", }, { quote: "Temiz su sayesinde koyde artik kimse hastalanmiyor. Bu bir mucize.", name: "Ibrahim, 42", location: "Yemen", }, { quote: "Kizim okula gidebiliyor, gelecege umutla bakiyoruz.", name: "Fatma, 28", location: "Afganistan", }, ] export function HeroSection() { const [currentTestimonial, setCurrentTestimonial] = useState(0) const [paymentOpen, setPaymentOpen] = useState(false) useEffect(() => { const timer = setInterval(() => { setCurrentTestimonial((prev) => (prev + 1) % testimonials.length) }, 6000) return () => clearInterval(timer) }, []) return (

setPaymentOpen(false)} amount={250} category="Genel" /> {/* Background Image with Overlay */}

{/* Content */}

{/* Left Column */}

{/* Urgent Badge */}

{'23 ulkede aktif yardim operasyonu'}

{/* Main Heading */}

{'Kucuk Bir Adim,'} {'Buyuk Umutlar'}

{/* Subheading */}

{'Dunyanin dort bir yaninda ihtiyac sahiplerine umut oluyoruz.'}

{'Gida, saglik, egitim ve acil yardim projeleriyle milyonlarca insanin hayatina dokunuyoruz.'} {' Senin 250 liralik bagisin, bir aileyi bir hafta doyurabilir.'}

{/* CTA Buttons */}

{/* Quick Stats */}

47.500+ {'aileye ulastik'}

23 {'ulkede aktifiz'}

%94 {'bagislar sahaya'}

{/* Right Column - Testimonial Card */}

{'"'}{testimonials[currentTestimonial].quote}{'"'}

{testimonials[currentTestimonial].name} {testimonials[currentTestimonial].location}

{testimonials.map((_, index) => (

250 TL {'1 haftalik gida'}

) } [V0_FILE]jpg:file="public/images/hero-gaza.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/images/hero-gaza-mF4qD4dR1TnOtJwzof8lrhM44ZsxDF.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/projects-section.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ArrowRight, CheckCircle2, Users, Calendar, Target } from "lucide-react" const projects = [ { id: 1, title: "Kuresel Gida Guvenligi", subtitle: "Aclikla mucadele", description: "23 ulkede duzenli gida paketleri dagitiyoruz. Un, pirinc, yag ve temel gida maddeleri ile ailelerin sofralari bos kalmiyor.", image: "bg-gradient-to-br from-primary/20 to-primary/5", status: "Devam Ediyor", progress: 78, beneficiaries: "28.400", startDate: "2022", goal: "50.000 aile", features: ["Haftalik gida paketleri", "Bebek mamasi ve sut", "Ramazan erzak paketleri"], story: "Amina, Somali: '4 cocugumla her hafta gelen paket sayesinde cocuklarim ac kalmiyor.'", }, { id: 2, title: "Saglik Merkezi Destegi", subtitle: "Hayat kurtaran ilaclar", description: "Hastanelere ilac, tibbi malzeme ve cihaz destegi. Kronik hastalar icin duzenli ilac tedarigi sagliyoruz.", image: "bg-gradient-to-br from-accent/20 to-accent/5", status: "Kritik", progress: 62, beneficiaries: "15.230", startDate: "2023", goal: "30.000 hasta", features: ["Acil tibbi malzeme", "Kronik hasta ilaclari", "Cerrahi malzeme"], story: "Dr. Ahmed, Yemen: 'Gonderilen malzemeler sayesinde onlarca ameliyat yapabildik.'", }, { id: 3, title: "Cocuklara Umut", subtitle: "Gelecege yatirim", description: "Travma yasayan cocuklara psikolojik destek, egitim malzemeleri ve guvenli oyun alanlari.", image: "bg-gradient-to-br from-amber-500/20 to-amber-500/5", status: "Buyuyor", progress: 45, beneficiaries: "8.200", startDate: "2024", goal: "15.000 cocuk", features: ["Okul malzemeleri", "Travma terapisi", "Oyun terapisi"], story: "Zara, 12, Afganistan: 'Artik okula gidebiliyorum, ogretmen olmak istiyorum.'", }, ] export function ProjectsSection() { const [activeProject, setActiveProject] = useState(projects[0]) return (

Projelerimiz

{'Her Proje Bir '}{'Umut Hikayesi'}

{'Projelerimiz rastgele degil, ihtiyac analizlerine gore planlaniyor. Her adimi seffaf bir sekilde sizinle paylasiyoruz.'}

{projects.map((project) => ( ))}

{activeProject.id}

{activeProject.title}

{activeProject.subtitle}

{activeProject.description}

{'Hedefe ilerleme'} {activeProject.progress}%

{activeProject.beneficiaries} {'Ulasilan'}

{activeProject.goal} Hedef

{activeProject.startDate} {'Baslangic'}

{'Neler Yapiyoruz?'}

{feature}

{'"'}{activeProject.story}{'"'}

) } [V0_FILE]typescriptreact:file="components/emergency-section.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { AlertTriangle, Droplets, Stethoscope, Home, UtensilsCrossed, Heart, ChevronRight } from "lucide-react" import { PaymentModal } from "@/components/payment-modal" const emergencyItems = [ { icon: UtensilsCrossed, title: "Gida Yardimi", story: "Somali'de 5 yasindaki Yusuf, uc gundur sadece su icti. Annesi Amina, cocuklarina yiyecek bulmak icin saatlerce yuruyor.", amount: 250, impact: "1 aile, 1 hafta doyar", urgent: true, }, { icon: Droplets, title: "Temiz Su", story: "Bangladesh'te kirli su bebeklerde ishale neden oluyor. Temiz su erisiimi olmayanlar icin her damla onemli.", amount: 100, impact: "1 ay temiz su", urgent: true, }, { icon: Stethoscope, title: "Tibbi Destek", story: "Yemen'de hastanelerde ilac yok. Yaralılar tedavi bekliyor. Her dakika onemli.", amount: 500, impact: "10 kisilik ilac seti", urgent: false, }, { icon: Home, title: "Barinak", story: "Sudan'da ic catisma nedeniyle milyonlarca kisi yerinden edildi. Bir battaniye, bir cadir hayat demek.", amount: 1000, impact: "1 aile icin barinak", urgent: false, }, ] const quickAmounts = [50, 100, 250, 500, 1000] export function EmergencySection() { const [selectedAmount, setSelectedAmount] = useState(250) const [customAmount, setCustomAmount] = useState("") const [paymentOpen, setPaymentOpen] = useState(false) const handleAmountSelect = (amount: number) => { setSelectedAmount(amount) setCustomAmount("") } const handleCustomAmount = (value: string) => { const numValue = parseInt(value) || 0 setCustomAmount(value) if (numValue > 0) setSelectedAmount(numValue) } const getImpactMessage = (amount: number) => { if (amount >= 1000) return `${Math.floor(amount / 250)} aileyi 1 hafta doyurabilirsin` if (amount >= 500) return "2 aileyi 1 hafta doyurabilirsin" if (amount >= 250) return "1 aileyi 1 hafta doyurabilirsin" if (amount >= 100) return "1 aileye 1 ay temiz su saglarsin" return "Her kurus hayat kurtarir" } return (

setPaymentOpen(false)} amount={selectedAmount} category="Acil Durum" />

Acil Durum

{'Dunyada Milyonlarca Insan'}
{'Yardim Bekliyor'}

{'23 ulkede acil insani kriz devam ediyor. Gida, su, ilac ve barinak ihtiyaci kritik seviyede.'} {' Bu gece birlikte umut olabilir miyiz?'}

{emergencyItems.map((item) => ( handleAmountSelect(item.amount)} >

{item.title}

{item.urgent && ( Acil )}

{'"'}{item.story}{'"'}

{item.amount} TL {item.impact}

))}

Hemen Destek Ol

{'Sectigin tutarla bir aileye umut ol'}

{quickAmounts.map((amount) => ( ))}

handleCustomAmount(e.target.value)} className="w-full px-4 py-3 rounded-lg bg-muted border border-border focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 text-foreground placeholder:text-muted-foreground" /> TL

{selectedAmount} TL ile {getImpactMessage(selectedAmount)}

{"Bagislarinizin %94'u dogrudan sahaya ulasir. "} {'Seffaflik raporlarimizi inceleyin'}

) } [V0_FILE]typescriptreact:file="components/impact-section.tsx" isMerged="true" "use client" import { useEffect, useState, useRef } from "react" import { Card, CardContent } from "@/components/ui/card" import { Users, Package, Globe, TrendingUp } from "lucide-react" const impactNumbers = [ { value: 47500, suffix: "+", label: "Aileye Ulastik", description: "Her biri bir hikaye, bir umut", icon: Users }, { value: 120000, suffix: "+", label: "Gida Paketi", description: "Acliga karsi kuresel mucadele", icon: Package }, { value: 23, suffix: "", label: "Ulkede Aktifiz", description: "5 kitada yardim operasyonu", icon: Globe }, { value: 94, suffix: "%", label: "Sahaya Ulasir", description: "Seffaf ve durust", icon: TrendingUp }, ] function AnimatedNumber({ target, suffix }: { target: number; suffix: string }) { const [count, setCount] = useState(0) const [isVisible, setIsVisible] = useState(false) const ref = useRef(null) useEffect(() => { const observer = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) setIsVisible(true) }, { threshold: 0.3 }) if (ref.current) observer.observe(ref.current) return () => observer.disconnect() }, []) useEffect(() => { if (!isVisible) return const duration = 2000 const steps = 60 const increment = target / steps let current = 0 const timer = setInterval(() => { current += increment if (current >= target) { setCount(target); clearInterval(timer) } else setCount(Math.floor(current)) }, duration / steps) return () => clearInterval(timer) }, [isVisible, target]) return {count.toLocaleString()}{suffix} } const realStories = [ { quote: "Gelen yardim paketi sayesinde cocuklarim ilk kez gunlerdir karnini doyurdu.", name: "Halima, 38", role: "Somali, 3 cocuk annesi" }, { quote: "Ilaclarim biteli 2 hafta olmustu. Gonderdiginiz kit sayesinde tedavime devam ediyorum.", name: "Dr. Ahmed, 45", role: "Yemen, Doktor" }, ] export function ImpactSection() { return (

{'Birlikte Basardiklarimiz'}

{'Rakamlarin Ardindaki '}Hayatlar

{'Her rakam bir aile, her bagis bir umut. Sizin sayenizde dunyanin dort bir yaninda binlerce aile bu gece daha umutlu.'}

{impactNumbers.map((item) => ( {item.label} {item.description} ))}

{'Gercek Hikayeler'}

{realStories.map((story, index) => (

{'"'}

{story.quote}

{story.name} {story.role}

))}

{'"Kucuk bir adim, buyuk degisimlerin tohumudur."'}

{'Bu rakamlar sizin sayenizde buyuyor.'}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" "use client" import Link from "next/link" import Image from "next/image" import { Heart, Mail, Phone, MapPin, Facebook, Twitter, Instagram, Youtube } from "lucide-react" import { Button } from "@/components/ui/button" import { useState } from "react" import { PaymentModal } from "@/components/payment-modal" const footerLinks = { kurumsal: [ { label: "Hakkimizda", href: "/hakkimizda" }, { label: "Ekibimiz", href: "/ekibimiz" }, { label: "Kariyer", href: "/kariyer" }, { label: "Basin Odasi", href: "/basin" }, ], projeler: [ { label: "Gida Yardimi", href: "/projelerimiz" }, { label: "Saglik Destegi", href: "/projelerimiz" }, { label: "Egitim Programi", href: "/projelerimiz" }, { label: "Acil Yardim", href: "/acil-durum" }, ], seffaflik: [ { label: "Faaliyet Raporlari", href: "/seffaflik" }, { label: "Mali Tablolar", href: "/seffaflik" }, { label: "Denetim Raporlari", href: "/seffaflik" }, { label: "KVKK", href: "/seffaflik" }, ], } const socialLinks = [ { icon: Facebook, href: "#", label: "Facebook" }, { icon: Twitter, href: "#", label: "Twitter" }, { icon: Instagram, href: "#", label: "Instagram" }, { icon: Youtube, href: "#", label: "YouTube" }, ] export function Footer() { const [paymentOpen, setPaymentOpen] = useState(false) return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { Header } from "@/components/header" import { HeroSection } from "@/components/hero-section" import { AidMapSection } from "@/components/aid-map-section" import { EmergencySection } from "@/components/emergency-section" import { ProjectsSection } from "@/components/projects-section" import { ImpactSection } from "@/components/impact-section" import { TransparencySection } from "@/components/transparency-section" import { Footer } from "@/components/footer" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/aid-map-section.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import Link from "next/link" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { MapPin, Heart, AlertTriangle, Users, CheckCircle2, Clock, ArrowRight } from "lucide-react" import L from "leaflet" const globalAidLocations = [ { id: 1, name: "Gazze, Filistin", lat: 31.42, lng: 34.38, type: "urgent", families: 8500, description: "Acil gida, su ve tibbi yardim" }, { id: 2, name: "Mogadisu, Somali", lat: 2.05, lng: 45.34, type: "active", families: 4200, description: "Gida guvenligi programi" }, { id: 3, name: "Sana, Yemen", lat: 15.37, lng: 44.19, type: "urgent", families: 6800, description: "Kolera salginina karsi tibbi destek" }, { id: 4, name: "Kabil, Afganistan", lat: 34.53, lng: 69.17, type: "active", families: 3100, description: "Egitim ve kadin destekleme" }, { id: 5, name: "Hartum, Sudan", lat: 15.50, lng: 32.56, type: "urgent", families: 5400, description: "Acil insani yardim" }, { id: 6, name: "Cox's Bazar, Banglades", lat: 21.43, lng: 92.01, type: "active", families: 2800, description: "Rohingya multeci destegi" }, { id: 7, name: "Suriye (Idlib)", lat: 35.93, lng: 36.63, type: "completed", families: 3600, description: "Kis yardim paketi dagildi" }, { id: 8, name: "Etiyopya (Tigray)", lat: 13.50, lng: 39.47, type: "active", families: 1900, description: "Gida ve tarim destegi" }, { id: 9, name: "Haiti", lat: 18.97, lng: -72.29, type: "urgent", families: 2200, description: "Deprem sonrasi yeniden yapilanma" }, { id: 10, name: "Mozambik", lat: -25.96, lng: 32.58, type: "completed", families: 1500, description: "Sel yardim programi tamamlandi" }, { id: 11, name: "Pakistan (Sind)", lat: 25.40, lng: 68.37, type: "active", families: 3400, description: "Sel sonrasi rehabilitasyon" }, { id: 12, name: "Demokratik Kongo", lat: -4.32, lng: 15.31, type: "urgent", families: 4600, description: "Catisma bolgesi insani yardim" }, ] const legendItems = [ { type: "completed", label: "Yardim Ulasti", color: "bg-emerald-500", icon: CheckCircle2 }, { type: "active", label: "Aktif Operasyon", color: "bg-amber-500", icon: Clock }, { type: "urgent", label: "Acil Yardim Bekliyor", color: "bg-red-500", icon: AlertTriangle }, ] export function AidMapSection() { const mapRef = useRef(null) const [selectedLocation, setSelectedLocation] = useState(null) const [mapLoaded, setMapLoaded] = useState(false) const leafletMapRef = useRef(null) useEffect(() => { if (typeof window === "undefined" || !mapRef.current || leafletMapRef.current) return const initMap = async () => { await import("leaflet/dist/leaflet.css") const map = L.map(mapRef.current!, { center: [15, 30], zoom: 2, zoomControl: true, scrollWheelZoom: false, minZoom: 2, maxZoom: 8, }) leafletMapRef.current = map L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", { attribution: '© OpenStreetMap', }).addTo(map) const createIcon = (type: string) => { const colors = { completed: "#10b981", active: "#f59e0b", urgent: "#ef4444" } const color = colors[type as keyof typeof colors] || colors.completed return L.divIcon({ className: "custom-marker", html: `

`, iconSize: [28, 28], iconAnchor: [14, 14], }) } globalAidLocations.forEach((location) => { const marker = L.marker([location.lat, location.lng], { icon: createIcon(location.type), }).addTo(map) marker.on("click", () => setSelectedLocation(location)) marker.bindTooltip(location.name, { permanent: false, direction: "top", offset: [0, -16] }) }) setMapLoaded(true) } initMap() return () => { if (leafletMapRef.current) { leafletMapRef.current.remove() leafletMapRef.current = null } } }, []) const totalFamilies = globalAidLocations.reduce((sum, loc) => sum + loc.families, 0) const urgentCount = globalAidLocations.filter(l => l.type === "urgent").length const completedCount = globalAidLocations.filter(l => l.type === "completed").length return (

{/* Section Header */}

{'Kuresel Yardim Haritasi'}

{'Dunyanin Neresinde '}{'Umut Oluyoruz?'}

{'23 ulkede aktif operasyonlarimiz ile dunyanin en zor kosullarindaki ailelere ulaşıyoruz.'}

{/* Stats */}

{totalFamilies.toLocaleString()} Toplam Aile {completedCount} {'Tamamlanan'} {urgentCount} {'Acil Bekliyor'}

{/* Map + Side Panel */}

{!mapLoaded && (

{'Harita yukleniyor...'}

)}

{legendItems.map((item) => (

{item.label}

))}

{selectedLocation ? (

{selectedLocation.type === "urgent" ? "Acil" : selectedLocation.type === "active" ? "Aktif" : "Tamamlandi"}

{selectedLocation.name}

{selectedLocation.description}

{selectedLocation.families.toLocaleString()} Aile

{selectedLocation.type === "urgent" && ( )} ) : (

{'Detaylari gormek icin haritadaki bir noktaya tiklayin'}

)}

{'Acil Yardim Bekleyen Bolgeler'}

{globalAidLocations.filter(l => l.type === "urgent").map((location) => ( ))}

) } [V0_FILE]typescriptreact:file="components/transparency-section.tsx" isMerged="true" "use client" import Link from "next/link" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { FileText, Download, Eye, Shield, CheckCircle2, Building2, Clock, Award, ArrowRight } from "lucide-react" const reports = [ { title: "2024 Yillik Faaliyet Raporu", description: "Tum yil boyunca yapilan calismalarin detayli ozeti", date: "Ocak 2025", type: "PDF", size: "4.2 MB", highlight: true }, { title: "Q4 2024 Mali Rapor", description: "Son ceyrek gelir-gider dokumu", date: "Ocak 2025", type: "PDF", size: "2.1 MB", highlight: false }, { title: "Proje Etki Degerlendirmesi", description: "Yardimlarin sahada yarattigi etki analizi", date: "Aralik 2024", type: "PDF", size: "3.5 MB", highlight: false }, { title: "Bagimsiz Denetim Raporu", description: "PwC tarafindan hazirlanan denetim sonuclari", date: "Kasim 2024", type: "PDF", size: "1.8 MB", highlight: true }, ] const fundBreakdown = [ { label: "Gida Yardimi", percentage: 38, color: "bg-primary" }, { label: "Saglik Destegi", percentage: 26, color: "bg-red-500" }, { label: "Barinak", percentage: 18, color: "bg-amber-500" }, { label: "Egitim", percentage: 12, color: "bg-emerald-500" }, { label: "Idari Gider", percentage: 6, color: "bg-muted-foreground" }, ] const trustBadges = [ { icon: Shield, title: "Bagimsiz Denetim", description: "PwC tarafindan yillik denetim" }, { icon: Building2, title: "Resmi Kurulus", description: "Dernekler Genel Mudurlugu onayli" }, { icon: Award, title: "Uluslararasi Standart", description: "NGO seffaflik sertifikasi" }, { icon: Clock, title: "Anlik Raporlama", description: "Gercek zamanli bagis takibi" }, ] export function TransparencySection() { return (

{'Seffaflik'}

{'Paraniz Nereye Gidiyor?'}

{"Her kurusun hesabini veriyoruz. Bagislarinizin "}{"% 94'u dogrudan sahaya"}{" ulasiyor, sadece %6 idari giderlere harcaniyor."}

{'Bagislarin Dagilimi'}

{fundBreakdown.map((item) => (

))}

{fundBreakdown.map((item) => (

{item.label}

%{item.percentage}

))}

Not:{" Idari giderler sadece zorunlu operasyonel maliyetleri kapsar. Tum gonululerimiz karsiliksiz calismaktadir."}

{'Bagisinizin Yolculugu'}

{[ { step: 1, title: "Bagis Yaparsiniz", desc: "Guvenli odeme sistemi ile" }, { step: 2, title: "Onay ve Kayit", desc: "24 saat icinde onay e-postasi" }, { step: 3, title: "Sahaya Iletilir", desc: "Partner kuruluslar araciligiyla" }, { step: 4, title: "Rapor Alirsiniz", desc: "Yardimin ulastigina dair fotografli rapor" }, ].map((item, index) => (

{item.step}

{index < 3 &&

}

{item.title}

{item.desc}

))}

{'Indirilebilir Raporlar'}

{reports.map((report) => (

{report.title}

{report.description}

{report.date} - {report.type} - {report.size}

))}

{'Guven Gostergeleri'}

{trustBadges.map((badge) => (

{badge.title}

{badge.description}

))}

{'Dernekler Genel Mudurlugu Denetiminde'} - {'Uluslararasi Seffaflik Standartlari'} - KVKK Uyumlu

) } [V0_FILE]typescriptreact:file="app/harita/page.tsx" isMerged="true" "use client" import { useEffect, useRef, useState } from "react" import Link from "next/link" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { MapPin, Heart, AlertTriangle, Users, CheckCircle2, Clock, ChevronLeft, Search, Layers, ZoomIn, ZoomOut, Globe, UtensilsCrossed, Droplets, Stethoscope, Home as HomeIcon, GraduationCap } from "lucide-react" import L from "leaflet" import { PaymentModal } from "@/components/payment-modal" const aidRegions = [ { id: 1, name: "Gazze, Filistin", lat: 31.42, lng: 34.38, type: "urgent", families: 8500, description: "2.2 milyon insan acil insani yardim bekliyor. Gida, su ve tibbi malzeme kritik duzey de.", category: "food", hdi: 0.41, population: "2.2M", crisis: "Catisma & Insani Kriz", story: "Fatma, 34: 'Cocuklarim gunlerdir sadece su ve ekmekle hayatta.'", }, { id: 2, name: "Mogadisu, Somali", lat: 2.05, lng: 45.34, type: "active", families: 4200, description: "Kuraklik ve catisma nedeniyle gida guvensizligi yasayan ailelere destek.", category: "food", hdi: 0.36, population: "17.1M", crisis: "Kuraklik & Aclik", story: "Amina: 'Gelen gida paketi cocuklarimi hayata bagliyor.'", }, { id: 3, name: "Sana, Yemen", lat: 15.37, lng: 44.19, type: "urgent", families: 6800, description: "Dunyanin en buyuk insani krizlerinden biri. Kolera salgini ve aclik.", category: "medical", hdi: 0.46, population: "33.7M", crisis: "Catisma & Saglik Krizi", story: "Dr. Ahmed: 'Hastanede ilac yok, her gun onlarca cocuk tedavi bekliyor.'", }, { id: 4, name: "Kabil, Afganistan", lat: 34.53, lng: 69.17, type: "active", families: 3100, description: "Kadin ve cocuk egitim programlari ile gelecege yatirim.", category: "education", hdi: 0.47, population: "41.1M", crisis: "Yoksulluk & Egitim", story: "Zara, 12: 'Artik okula gidebiliyorum, ogretmen olmak istiyorum.'", }, { id: 5, name: "Hartum, Sudan", lat: 15.50, lng: 32.56, type: "urgent", families: 5400, description: "Ic catisma nedeniyle milyonlarca kisi yerinden edildi.", category: "shelter", hdi: 0.51, population: "46.8M", crisis: "Catisma & Multeci Krizi", story: "Ibrahim: 'Evimizi terk etmek zorunda kaldik, cadirda yasiyoruz.'", }, { id: 6, name: "Cox's Bazar, Banglades", lat: 21.43, lng: 92.01, type: "active", families: 2800, description: "Rohingya multeci kamplarina su, gida ve egitim destegi.", category: "water", hdi: 0.66, population: "170M", crisis: "Multeci Krizi", story: "Nur: 'Temiz su geldigi gun hayatimiz degisti.'", }, { id: 7, name: "Idlib, Suriye", lat: 35.93, lng: 36.63, type: "completed", families: 3600, description: "Kis yardim paketi basariyla dagitildi. 3600 aileye ulasıldı.", category: "shelter", hdi: 0.57, population: "21.3M", crisis: "Catisma Sonrasi", story: "Mariam: 'Battaniyeler sayesinde cocuklarim o gece donmadi.'", }, { id: 8, name: "Tigray, Etiyopya", lat: 13.50, lng: 39.47, type: "active", families: 1900, description: "Catisma sonrasi gida ve tarim rehabilitasyonu.", category: "food", hdi: 0.49, population: "120M", crisis: "Catisma Sonrasi", story: "Desta: 'Tohum destegi sayesinde tekrar hasat yapabiliyoruz.'", }, { id: 9, name: "Port-au-Prince, Haiti", lat: 18.97, lng: -72.29, type: "urgent", families: 2200, description: "Deprem ve siyasi istikrarsizlik nedeniyle acil yardim.", category: "shelter", hdi: 0.54, population: "11.7M", crisis: "Dogal Afet", story: "Marie: 'Evimiz yikildi ama umudumuz yikilmadi.'", }, { id: 10, name: "Maputo, Mozambik", lat: -25.96, lng: 32.58, type: "completed", families: 1500, description: "Sel yardim programi basariyla tamamlandi.", category: "water", hdi: 0.46, population: "32.9M", crisis: "Dogal Afet (Sel)", story: "Pedro: 'Su arıtma tableti ile artik temiz su iciyoruz.'", }, { id: 11, name: "Sind, Pakistan", lat: 25.40, lng: 68.37, type: "active", families: 3400, description: "2022 sel felaketinden sonra rehabilitasyon calismasi.", category: "shelter", hdi: 0.54, population: "230M", crisis: "Sel Sonrasi", story: "Ali: 'Yardimlariniz olmasaydi kisi gecirmemiz imkansizdi.'", }, { id: 12, name: "Kinshasa, DR Kongo", lat: -4.32, lng: 15.31, type: "urgent", families: 4600, description: "Catisma bolgesinde acil gida ve tibbi yardim.", category: "medical", hdi: 0.48, population: "99.0M", crisis: "Catisma & Saglik", story: "Dr. Mugisha: 'Gonderdiginiz ilaclar yuzlerce hayat kurtardi.'", }, ] const categoryIcons: Record = { food: UtensilsCrossed, water: Droplets, medical: Stethoscope, shelter: HomeIcon, education: GraduationCap, } const categoryLabels: Record = { food: "Gida", water: "Su", medical: "Saglik", shelter: "Barinak", education: "Egitim", } const statusLabels: Record = { completed: "Tamamlandi", active: "Devam Ediyor", urgent: "Acil Yardim", } export default function MapPage() { const mapRef = useRef(null) const [selectedLocation, setSelectedLocation] = useState(null) const [mapLoaded, setMapLoaded] = useState(false) const [filter, setFilter] = useState<"all" | "completed" | "active" | "urgent">("all") const [searchQuery, setSearchQuery] = useState("") const [showSidebar, setShowSidebar] = useState(true) const [paymentOpen, setPaymentOpen] = useState(false) const leafletMapRef = useRef(null) const markersRef = useRef([]) const filteredLocations = aidRegions.filter(loc => { const matchesFilter = filter === "all" || loc.type === filter const matchesSearch = loc.name.toLowerCase().includes(searchQuery.toLowerCase()) || loc.description.toLowerCase().includes(searchQuery.toLowerCase()) return matchesFilter && matchesSearch }) useEffect(() => { if (typeof window === "undefined" || !mapRef.current || leafletMapRef.current) return const initMap = async () => { await import("leaflet/dist/leaflet.css") const map = L.map(mapRef.current!, { center: [15, 30], zoom: 3, zoomControl: false, scrollWheelZoom: true, minZoom: 2, maxZoom: 10, }) leafletMapRef.current = map L.tileLayer("https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png", { attribution: '© OpenStreetMap', }).addTo(map) setMapLoaded(true) } initMap() return () => { if (leafletMapRef.current) { leafletMapRef.current.remove() leafletMapRef.current = null } } }, []) useEffect(() => { if (!leafletMapRef.current || !mapLoaded) return markersRef.current.forEach(marker => marker.remove()) markersRef.current = [] const createIcon = (type: string, isSelected: boolean) => { const colors = { completed: "#10b981", active: "#f59e0b", urgent: "#ef4444" } const color = colors[type as keyof typeof colors] || colors.completed const size = isSelected ? 36 : 28 return L.divIcon({ className: "custom-marker", html: `

`, iconSize: [size, size], iconAnchor: [size/2, size/2], }) } filteredLocations.forEach((location) => { const isSelected = selectedLocation?.id === location.id const marker = L.marker([location.lat, location.lng], { icon: createIcon(location.type, isSelected), }).addTo(leafletMapRef.current!) marker.on("click", () => { setSelectedLocation(location) setShowSidebar(true) }) marker.bindTooltip(location.name, { permanent: false, direction: "top", offset: [0, -20] }) markersRef.current.push(marker) }) }, [filteredLocations, selectedLocation, mapLoaded]) const handleZoomIn = () => leafletMapRef.current?.zoomIn() const handleZoomOut = () => leafletMapRef.current?.zoomOut() const handleFlyTo = (lat: number, lng: number) => { leafletMapRef.current?.flyTo([lat, lng], 6, { duration: 1.5 }) } const totalFamilies = filteredLocations.reduce((sum, loc) => sum + loc.families, 0) const urgentCount = filteredLocations.filter(l => l.type === "urgent").length const completedCount = filteredLocations.filter(l => l.type === "completed").length const activeCount = filteredLocations.filter(l => l.type === "active").length return (

setPaymentOpen(false)} amount={500} category="Genel" /> {/* Header */}

Ana Sayfa

{'Kuresel Yardim Haritasi'}

{/* Sidebar */}

setSearchQuery(e.target.value)} className="w-full pl-10 pr-4 py-2 rounded-lg bg-background border border-border focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 text-sm" />

{[ { key: "all", label: "Tumu" }, { key: "urgent", label: "Acil" }, { key: "active", label: "Aktif" }, { key: "completed", label: "Bitti" }, ].map((item) => ( ))}

{urgentCount} Acil

{activeCount} Aktif

{completedCount} {'Tamamlandi'}

{filteredLocations.map((location) => { const CategoryIcon = categoryIcons[location.category] || MapPin return ( ) })}

{totalFamilies.toLocaleString()} aile gorunuyor

{/* Map Area */}

{/* Selected Location Detail Panel */} {selectedLocation && (

{(() => { const Icon = categoryIcons[selectedLocation.category] || MapPin return })()}

{selectedLocation.name}

{statusLabels[selectedLocation.type]}

{selectedLocation.description}

Nufus: {selectedLocation.population} HDI: {selectedLocation.hdi} Kriz: {selectedLocation.crisis}

{'"'}{selectedLocation.story}{'"'}

{selectedLocation.families.toLocaleString()} aile {selectedLocation.type === "urgent" && ( )}

)}

{!mapLoaded && (

{'Dunya haritasi yukleniyor...'}

)}

) } [V0_FILE]typescriptreact:file="app/projelerimiz/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import Image from "next/image" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ChevronLeft, Heart, FolderOpen, Users, Target, Calendar, CheckCircle2, Clock, ArrowRight, MapPin, TrendingUp, Award, UtensilsCrossed, Stethoscope, GraduationCap, Home as HomeIcon, Droplets, Baby, ChevronDown } from "lucide-react" const projects = [ { id: 1, slug: "gida-guvenligi", icon: UtensilsCrossed, title: "Gıda Güvenliği Programı", subtitle: "Açlıkla mücadele", status: "Devam Ediyor", statusColor: "bg-primary", image: "/images/hero-gaza.jpg", description: "Her hafta yüzlerce aileye ulaşan düzenli gıda paketleri dağıtıyoruz. Un, pirinç, yağ ve temel gıda maddeleri ile ailelerin sofraları boş kalmıyor.", longDescription: "Gazze'de gıda güvensizliği kritik seviyelere ulaştı. 2.2 milyon insanın %80'i gıda yardımına muhtaç durumda. Gıda Güvenliği Programımız kapsamında, düzenli haftalık gıda paketleri dağıtıyoruz. Her paket, 5 kişilik bir aileyi 1 hafta boyunca doyurmaya yetecek temel gıda maddelerini içeriyor.", progress: 78, stats: { beneficiaries: "8.540", goal: "10.000", startDate: "Ekim 2023", location: "Gazze Geneli", budget: "2.450.000 TL", spent: "1.911.000 TL", }, milestones: [ { title: "Program Başlatıldı", date: "Ekim 2023", completed: true }, { title: "5.000 Aileye Ulaşıldı", date: "Mart 2024", completed: true }, { title: "8.000 Aileye Ulaşıldı", date: "Kasım 2024", completed: true }, { title: "10.000 Aile Hedefi", date: "Mart 2025", completed: false }, ], features: [ "Haftalık gıda paketleri (un, pirinç, yağ, konserve)", "Bebek maması ve süt dağıtımı", "Ramazan özel erzak paketleri", "Kurban bayramı et dağıtımı", ], stories: [ { name: "Ümmü Hasan", age: 42, location: "Han Yunus", quote: "4 çocuğumla Han Yunus'ta yaşıyorum. Her hafta gelen paket sayesinde çocuklarım aç kalmıyor. Pirinç pilavı pişirdiğimde yüzlerindeki mutluluğu görmek...", image: "/images/hero-gaza.jpg", }, { name: "Ahmed", age: 35, location: "Gazze Şehri", quote: "Savaş başladığından beri işimi kaybettim. Ailem için yiyecek bulmak imkansız hale gelmişti. Bu program olmasaydı ne yapardık bilmiyorum.", image: "/images/hero-gaza.jpg", }, ], updates: [ { date: "15 Ocak 2025", text: "Bu hafta 420 aileye gıda paketi ulaştırıldı" }, { date: "8 Ocak 2025", text: "Yeni tedarik anlaşması ile paket içeriği genişletildi" }, { date: "1 Ocak 2025", text: "2024 yılında toplam 6.200 aileye ulaşıldı" }, ], }, { id: 2, slug: "saglik-merkezi", icon: Stethoscope, title: "Sağlık Merkezi Desteği", subtitle: "Hayat kurtaran ilaçlar", status: "Kritik", statusColor: "bg-accent", image: "/images/hero-gaza.jpg", description: "Hastanelere ilaç, tıbbi malzeme ve cihaz desteği sağlıyoruz. Kronik hastalar için düzenli ilaç tedariği yapıyoruz.", longDescription: "Gazze'deki hastanelerin çoğu işlevini kaybetti. Çalışan hastaneler ise ilaç ve malzeme sıkıntısı çekiyor. Sağlık Merkezi Desteği programımız kapsamında, acil tıbbi malzeme, kronik hasta ilaçları ve cerrahi malzemeler tedarik ediyoruz.", progress: 62, stats: { beneficiaries: "15.230", goal: "20.000", startDate: "Kasım 2023", location: "Şifa, Al-Aqsa Hastaneleri", budget: "3.800.000 TL", spent: "2.356.000 TL", }, milestones: [ { title: "Program Başlatıldı", date: "Kasım 2023", completed: true }, { title: "İlk Tıbbi Malzeme Sevkiyatı", date: "Aralık 2023", completed: true }, { title: "10.000 Hastaya Ulaşıldı", date: "Haziran 2024", completed: true }, { title: "20.000 Hasta Hedefi", date: "Haziran 2025", completed: false }, ], features: [ "Acil tıbbi malzeme tedariği", "Kronik hasta ilaçları (diyabet, tansiyon)", "Cerrahi malzeme ve steril kit", "Yoğun bakım ekipmanları", ], stories: [ { name: "Dr. Mahmoud", age: 45, location: "Şifa Hastanesi", quote: "Günde 200 hasta görüyorum ama elimde antibiyotik bile yoktu. Gönderilen ilaçlar sayesinde onlarca ameliyat yapabildik, hayatlar kurtardık.", image: "/images/hero-gaza.jpg", }, ], updates: [ { date: "18 Ocak 2025", text: "500 adet cerrahi kit gönderildi" }, { date: "10 Ocak 2025", text: "Diyabet hastaları için 3 aylık ilaç stoku oluşturuldu" }, ], }, { id: 3, slug: "cocuklara-umut", icon: GraduationCap, title: "Çocuklara Umut", subtitle: "Geleceğe yatırım", status: "Yeni", statusColor: "bg-amber-500", image: "/images/hero-gaza.jpg", description: "Travma yaşayan çocuklara psikolojik destek, eğitim malzemeleri ve güvenli oyun alanları sağlıyoruz.", longDescription: "Gazze'deki çocukların %80'i travma belirtileri gösteriyor. Okul binalarının çoğu hasar gördü veya sığınak olarak kullanılıyor. Çocuklara Umut programı, psikolojik destek, eğitim malzemeleri ve güvenli oyun alanları sunarak çocukların iyileşmesine yardımcı oluyor.", progress: 25, stats: { beneficiaries: "3.200", goal: "5.000", startDate: "Ocak 2025", location: "Nuseirat, Jabalia Kampları", budget: "1.200.000 TL", spent: "300.000 TL", }, milestones: [ { title: "Program Başlatıldı", date: "Ocak 2025", completed: true }, { title: "İlk Psikoloji Ekibi Kuruldu", date: "Ocak 2025", completed: true }, { title: "3.000 Çocuğa Ulaşım", date: "Nisan 2025", completed: false }, { title: "5.000 Çocuk Hedefi", date: "Eylül 2025", completed: false }, ], features: [ "Okul malzemeleri dağıtımı", "Travma terapisi seansları", "Oyun terapisi programları", "Güvenli oyun alanları kurulumu", ], stories: [ { name: "Küçük Meryem", age: 8, location: "Nuseirat Kampı", quote: "Artık gülümsüyorum. Psikolog abla ile konuşmak ve diğer çocuklarla oynamak beni mutlu ediyor.", image: "/images/hero-gaza.jpg", }, ], updates: [ { date: "20 Ocak 2025", text: "İlk psikolojik destek seansları başladı" }, { date: "15 Ocak 2025", text: "1.500 çocuğa okul malzemesi dağıtıldı" }, ], }, { id: 4, slug: "kis-yardimi", icon: HomeIcon, title: "Kış Yardım Programı", subtitle: "Sıcak bir kış", status: "Tamamlandı", statusColor: "bg-emerald-500", image: "/images/hero-gaza.jpg", description: "Kış aylarında soğukla mücadele eden ailelere battaniye, çadır ve ısıtma malzemesi dağıttık.", longDescription: "Gazze'de kış aylarında sıcaklıklar gece 5 dereceye kadar düşebiliyor. Evleri yıkılmış, sokakta kalan binlerce aile donma tehlikesiyle karşı karşıya. Kış Yardım Programımız kapsamında battaniye, çadır ve portatif ısıtıcı dağıttık.", progress: 100, stats: { beneficiaries: "4.800", goal: "4.800", startDate: "Kasım 2024", location: "Gazze Geneli", budget: "1.800.000 TL", spent: "1.756.000 TL", }, milestones: [ { title: "Program Başlatıldı", date: "Kasım 2024", completed: true }, { title: "3.000 Battaniye Dağıtıldı", date: "Aralık 2024", completed: true }, { title: "500 Çadır Kuruldu", date: "Aralık 2024", completed: true }, { title: "Program Tamamlandı", date: "Ocak 2025", completed: true }, ], features: [ "Termal battaniye dağıtımı", "Aile çadırları kurulumu", "Portatif ısıtıcılar", "Kış giysileri", ], stories: [ { name: "Mariam Hanım", age: 55, location: "Refah", quote: "Evimiz yıkıldı, çocuklarımla birlikte sokakta kaldık. Gelen battaniyeler ve çadır sayesinde o gece kimse donmadı.", image: "/images/hero-gaza.jpg", }, ], updates: [ { date: "5 Ocak 2025", text: "Program başarıyla tamamlandı, 4.800 aileye ulaşıldı" }, ], }, { id: 5, slug: "temiz-su", icon: Droplets, title: "Temiz Su Projesi", subtitle: "Yaşam kaynağı", status: "Devam Ediyor", statusColor: "bg-primary", image: "/images/hero-gaza.jpg", description: "Su altyapısı hasar gören bölgelere temiz su ulaştırıyor, su arıtma sistemleri kuruyoruz.", longDescription: "Gazze'deki su altyapısının %90'ı hasar gördü. İnsanlar kirli su içmek zorunda kalıyor, bu da özellikle çocuklarda ishale neden oluyor. Temiz Su Projemiz kapsamında su tankerleri ile temiz su dağıtıyor ve su arıtma sistemleri kuruyoruz.", progress: 55, stats: { beneficiaries: "12.400", goal: "20.000", startDate: "Aralık 2023", location: "Deir el-Balah, Beit Hanoun", budget: "2.100.000 TL", spent: "1.155.000 TL", }, milestones: [ { title: "Program Başlatıldı", date: "Aralık 2023", completed: true }, { title: "İlk Su Tankeri Hizmete Alındı", date: "Ocak 2024", completed: true }, { title: "10.000 Kişiye Ulaşıldı", date: "Ağustos 2024", completed: true }, { title: "20.000 Kişi Hedefi", date: "Haziran 2025", completed: false }, ], features: [ "Günlük temiz su dağıtımı", "Su arıtma tabletleri", "Taşınabilir su tankları", "Su arıtma sistemleri kurulumu", ], stories: [ { name: "Ümmü Hassan", age: 38, location: "Beit Hanoun", quote: "Çocuklarım sürekli ishal oluyordu kirli su yüzünden. Temiz su geldiğinden beri hiç kimse hastalanmadı.", image: "/images/hero-gaza.jpg", }, ], updates: [ { date: "17 Ocak 2025", text: "Yeni su arıtma sistemi Deir el-Balah'ta kuruldu" }, { date: "12 Ocak 2025", text: "Bu hafta 35.000 litre temiz su dağıtıldı" }, ], }, ] export default function ProjectsPage() { const [selectedProject, setSelectedProject] = useState(projects[0]) const [showAllUpdates, setShowAllUpdates] = useState(false) return (

{/* Header */}

Ana Sayfa

Projelerimiz

{/* Hero */}

Her Proje Bir
Umut Hikayesi

Projelerimiz rastgele değil, ihtiyaç analizlerine göre planlanıyor. Her adımı şeffaf bir şekilde sizinle paylaşıyoruz.

{/* Summary Stats */}

5 Aktif Proje

44.170 Kişiye Ulaşıldı

7.5M TL Harcanan

%94 Sahaya Ulaşan

{/* Project List & Detail */}

{/* Project List - Left */}

Tüm Projeler

{projects.map((project) => ( ))}

{/* Project Detail - Right */}

{/* Project Header */}

{selectedProject.status === "Devam Ediyor" && } {selectedProject.status === "Tamamlandı" && } {selectedProject.status === "Kritik" && } {selectedProject.status === "Yeni" && } {selectedProject.status}

{selectedProject.title}

{selectedProject.subtitle}

{selectedProject.longDescription}

{/* Progress */}

Hedefe İlerleme %{selectedProject.progress}

{/* Stats Grid */}

{selectedProject.stats.beneficiaries} Ulaşılan

{selectedProject.stats.goal} Hedef

{selectedProject.stats.startDate} Başlangıç

{selectedProject.stats.location} Bölge

{selectedProject.stats.budget} Toplam Bütçe

{selectedProject.stats.spent} Harcanan

{/* CTA */}

{/* Milestones */}

Kilometre Taşları

{selectedProject.milestones.map((milestone, index) => (

{milestone.completed ? ( ) : ( )}

{index < selectedProject.milestones.length - 1 && (

)}

{milestone.title}

{milestone.date}

))}

{/* Features */}

Bu Projede Neler Yapıyoruz?

{selectedProject.features.map((feature, index) => (

{feature}

))}

{/* Stories */}

Gerçek Hikayeler

{selectedProject.stories.map((story, index) => (

{story.name} ({story.age})

{story.location}

"{story.quote}"

))}

{/* Updates */}

Son Güncellemeler

{selectedProject.updates.slice(0, showAllUpdates ? undefined : 3).map((update, index) => (

{update.date}

{update.text}

))}

{selectedProject.updates.length > 3 && ( )}

) } [V0_FILE]typescriptreact:file="app/seffaflik/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ChevronLeft, Heart, Shield, FileText, Download, Eye, Building2, Clock, Award, CheckCircle2, PieChart, TrendingUp, Users, Calendar, Search, Filter, ExternalLink, Lock, Scale } from "lucide-react" import { useSearchParams } from "next/navigation" import { Suspense } from "react" import Loading from "./loading" const fundBreakdown = [ { label: "Gıda Yardımı", percentage: 42, amount: "3.150.000 TL", color: "bg-primary" }, { label: "Sağlık Desteği", percentage: 28, amount: "2.100.000 TL", color: "bg-accent" }, { label: "Barınak ve Isınma", percentage: 16, amount: "1.200.000 TL", color: "bg-amber-500" }, { label: "Eğitim ve Çocuk", percentage: 8, amount: "600.000 TL", color: "bg-emerald-500" }, { label: "İdari Giderler", percentage: 6, amount: "450.000 TL", color: "bg-muted-foreground" }, ] const reports = [ { id: 1, title: "2024 Yıllık Faaliyet Raporu", description: "Tüm yıl boyunca yapılan çalışmaların detaylı özeti, ulaşılan kişi sayısı, mali tablolar", date: "Ocak 2025", type: "Faaliyet Raporu", size: "4.2 MB", highlight: true, downloads: 1245, }, { id: 2, title: "Q4 2024 Mali Rapor", description: "Ekim-Aralık 2024 dönemi gelir-gider dökümü, banka hesap özeti", date: "Ocak 2025", type: "Mali Rapor", size: "2.1 MB", highlight: false, downloads: 856, }, { id: 3, title: "Proje Etki Değerlendirmesi 2024", description: "Yardımların sahada yarattığı etki analizi, anketler ve geri bildirimler", date: "Aralık 2024", type: "Etki Raporu", size: "3.5 MB", highlight: false, downloads: 623, }, { id: 4, title: "Bağımsız Denetim Raporu 2024", description: "PwC tarafından hazırlanan bağımsız denetim sonuçları ve görüşü", date: "Kasım 2024", type: "Denetim Raporu", size: "1.8 MB", highlight: true, downloads: 1502, }, { id: 5, title: "Q3 2024 Mali Rapor", description: "Temmuz-Eylül 2024 dönemi gelir-gider dökümü", date: "Ekim 2024", type: "Mali Rapor", size: "1.9 MB", highlight: false, downloads: 445, }, { id: 6, title: "Q2 2024 Mali Rapor", description: "Nisan-Haziran 2024 dönemi gelir-gider dökümü", date: "Temmuz 2024", type: "Mali Rapor", size: "1.7 MB", highlight: false, downloads: 389, }, { id: 7, title: "Gazze Yardım Projesi Özel Raporu", description: "Gazze'ye yapılan tüm yardımların detaylı dökümü ve etki analizi", date: "Aralık 2024", type: "Proje Raporu", size: "5.1 MB", highlight: true, downloads: 2134, }, { id: 8, title: "KVKK Aydınlatma Metni", description: "Kişisel Verilerin Korunması Kanunu kapsamında aydınlatma metni", date: "Mart 2024", type: "Yasal", size: "0.5 MB", highlight: false, downloads: 234, }, ] const trustBadges = [ { icon: Shield, title: "Bağımsız Denetim", description: "Her yıl PwC tarafından denetleniyor", detail: "Son denetim: Kasım 2024", }, { icon: Building2, title: "Resmi Kuruluş", description: "Vakıflar Genel Müdürlüğü onaylı", detail: "Kuruluş: 2018", }, { icon: Award, title: "NGO Şeffaflık Sertifikası", description: "Uluslararası şeffaflık standardı", detail: "Seviye: Altın", }, { icon: Lock, title: "Güvenli Bağış", description: "256-bit SSL şifreleme", detail: "PCI DSS uyumlu", }, ] const donationJourney = [ { step: 1, title: "Bağış Yaparsınız", description: "Güvenli ödeme sistemi ile bağışınız anında işlenir", time: "Anında", }, { step: 2, title: "Onay ve Kayıt", description: "Bağışınız kayıt altına alınır, size onay e-postası gönderilir", time: "24 saat içinde", }, { step: 3, title: "Havale ve Tedarik", description: "Bağışınız sahaya aktarılır, ihtiyaç malzemeleri tedarik edilir", time: "48-72 saat", }, { step: 4, title: "Yardım Ulaşır", description: "Partner kuruluşlar aracılığıyla ihtiyaç sahiplerine ulaştırılır", time: "3-7 gün", }, { step: 5, title: "Rapor Alırsınız", description: "Yardımın ulaştığına dair fotoğraflı rapor e-posta ile gönderilir", time: "7-14 gün", }, ] const yearlyStats = [ { year: "2024", donations: "7.500.000 TL", donors: "12.450", beneficiaries: "44.170" }, { year: "2023", donations: "4.200.000 TL", donors: "8.320", beneficiaries: "28.500" }, { year: "2022", donations: "2.100.000 TL", donors: "4.560", beneficiaries: "15.200" }, ] const reportTypes = ["Tümü", "Faaliyet Raporu", "Mali Rapor", "Denetim Raporu", "Proje Raporu", "Etki Raporu"] export default function TransparencyPage() { const [selectedReportType, setSelectedReportType] = useState("Tümü") const [searchQuery, setSearchQuery] = useState("") const searchParams = useSearchParams() const filteredReports = reports.filter(report => { const matchesType = selectedReportType === "Tümü" || report.type === selectedReportType const matchesSearch = report.title.toLowerCase().includes(searchQuery.toLowerCase()) || report.description.toLowerCase().includes(searchQuery.toLowerCase()) return matchesType && matchesSearch }) return ( }>

{/* Header */}

Ana Sayfa

Şeffaflık

{/* Hero */}

Paranız Nereye
Gidiyor?

Her kuruşun hesabını veriyoruz. Bağışlarınızın %94'ü doğrudan sahaya ulaşıyor, sadece %6 zorunlu idari giderlere harcanıyor.

{/* Trust Badges */}

{trustBadges.map((badge) => (

{badge.title}

{badge.description}

{badge.detail}

))}

{/* Fund Breakdown */}

{/* Visual */}

Bağışların Dağılımı

{/* Visual Bar */}

{fundBreakdown.map((item) => (

))}

{/* Legend */}

{fundBreakdown.map((item) => (

{item.label}

%{item.percentage} {item.amount}

))}

Not: İdari giderler sadece zorunlu operasyonel maliyetleri kapsar (banka komisyonu, muhasebe, lojistik). Tüm gönüllülerimiz karşılıksız çalışmaktadır.

{/* Donation Journey */}

Bağışınızın Yolculuğu

{donationJourney.map((item, index) => (

{item.step}

{index < donationJourney.length - 1 && (

)}

{item.title}

{item.time}

{item.description}

))}

{/* Yearly Stats */}

Yıllara Göre Performans

{yearlyStats.map((stat, index) => (

{stat.year} {index === 0 && ( Güncel )}

Toplam Bağış {stat.donations}

Bağışçı Sayısı {stat.donors}

Ulaşılan Kişi {stat.beneficiaries}

))}

{/* Reports */}

İndirilebilir Raporlar

{/* Search & Filter */}

setSearchQuery(e.target.value)} className="pl-10 pr-4 py-2 rounded-lg bg-muted border border-border focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 text-sm w-full sm:w-64" />

{reportTypes.slice(0, 4).map((type) => ( ))}

{/* Reports Grid */}

{filteredReports.map((report) => (

{report.type} {report.highlight && ( Öne Çıkan )}

{report.title}

{report.description}

{report.date} {report.size} {report.downloads} indirme

))}

{filteredReports.length === 0 && (

Aradığınız kriterlere uygun rapor bulunamadı.

)}

{/* Legal & Compliance */}

Yasal Uyumluluk ve Sertifikalar

Vakıflar Genel Müdürlüğü

Vakfımız 2018 yılından bu yana Vakıflar Genel Müdürlüğü denetimine tabidir.

Sicil No: 12345

Vergi Muafiyeti

Bağışlarınız gelir vergisinden düşülebilir. Makbuz talep edebilirsiniz.

Vergi No: 123 456 7890

KVKK Uyumlu

Kişisel verileriniz KVKK kapsamında korunmakta ve güvenle saklanmaktadır.

Aydınlatma Metni

Sorularınız mı var?

Şeffaflık ve raporlarla ilgili tüm sorularınız için bizimle iletişime geçebilirsiniz.

) } [V0_FILE]typescriptreact:file="app/bagis/page.tsx" isMerged="true" "use client" import { useState, useEffect, Suspense } from "react" import Link from "next/link" import Image from "next/image" import { useSearchParams } from "next/navigation" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { ChevronLeft, Heart, Shield, CheckCircle2, UtensilsCrossed, Droplets, Stethoscope, Home as HomeIcon, Lock, Gift, Repeat, Sparkles } from "lucide-react" import { PaymentModal } from "@/components/payment-modal" const donationCategories = [ { id: "genel", label: "Genel Bagis", icon: Heart, description: "En cok ihtiyac duyulan alana" }, { id: "food", label: "Gida Yardimi", icon: UtensilsCrossed, description: "Aclikla mucadele" }, { id: "water", label: "Temiz Su", icon: Droplets, description: "Hayat kaynagi" }, { id: "medical", label: "Tibbi Destek", icon: Stethoscope, description: "Saglik hizmetleri" }, { id: "shelter", label: "Barinak", icon: HomeIcon, description: "Siginak ve isinma" }, ] const quickAmounts = [100, 250, 500, 1000, 2500, 5000] function DonationForm() { const searchParams = useSearchParams() const categoryFromUrl = searchParams.get("kategori") const amountFromUrl = searchParams.get("tutar") const [selectedCategory, setSelectedCategory] = useState(categoryFromUrl || "genel") const [selectedAmount, setSelectedAmount] = useState(amountFromUrl ? parseInt(amountFromUrl) : 250) const [customAmount, setCustomAmount] = useState("") const [donationType, setDonationType] = useState<"one-time" | "monthly">("one-time") const [paymentOpen, setPaymentOpen] = useState(false) const [recentDonors, setRecentDonors] = useState([ { name: "Mehmet A.", amount: 500, time: "2 dk once" }, { name: "Ayse K.", amount: 1000, time: "5 dk once" }, { name: "Ali B.", amount: 250, time: "8 dk once" }, ]) useEffect(() => { const interval = setInterval(() => { const names = ["Fatma Y.", "Hasan M.", "Zeynep D.", "Mustafa K.", "Elif S."] const amounts = [100, 250, 500, 1000, 2500] const newDonor = { name: names[Math.floor(Math.random() * names.length)], amount: amounts[Math.floor(Math.random() * amounts.length)], time: "simdi", } setRecentDonors(prev => [newDonor, ...prev.slice(0, 2)]) }, 15000) return () => clearInterval(interval) }, []) const handleAmountSelect = (amount: number) => { setSelectedAmount(amount); setCustomAmount("") } const handleCustomAmount = (value: string) => { setCustomAmount(value) const numValue = parseInt(value) || 0 if (numValue > 0) setSelectedAmount(numValue) } const getImpactMessage = (amount: number): string => { if (amount >= 5000) return `${Math.floor(amount / 250)} aileyi 1 hafta doyurur` if (amount >= 2500) return "10 aileyi 1 hafta doyurur" if (amount >= 1000) return "4 aileyi 1 hafta doyurur" if (amount >= 500) return "2 aileyi 1 hafta doyurur" if (amount >= 250) return "1 aileyi 1 hafta doyurur" if (amount >= 100) return "1 aileye 1 ay temiz su saglar" return "Her kurus hayat kurtarir" } const selectedCategoryData = donationCategories.find(c => c.id === selectedCategory) return (

setPaymentOpen(false)} amount={selectedAmount} category={selectedCategoryData?.label || "Genel"} />

Ana Sayfa

{'Bagis Yap'}

{'256-bit SSL Guvenli'}

{/* Category Selection */}

{'Yardim Turu Secin'}

{donationCategories.map((category) => ( ))}

{/* Donation Type */}

{'Bagis Tipi'}

{/* Amount Selection */}

{'Bagis Tutari'}

{quickAmounts.map((amount) => ( ))}

handleCustomAmount(e.target.value)} className="w-full px-4 py-4 rounded-xl bg-muted border border-border focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 text-foreground placeholder:text-muted-foreground text-lg" /> TL

{/* Impact */}

{'Bagisinizin Etkisi'}

{selectedAmount.toLocaleString()} TL {donationType === "monthly" && /ay} ile {getImpactMessage(selectedAmount)}

{/* Sidebar */}

{'Bagis Ozeti'}

{'Yardim Turu'} {selectedCategoryData?.label}

{'Bagis Tipi'} {donationType === "one-time" ? "Tek Seferlik" : "Aylik"}

Tutar {selectedAmount.toLocaleString()} TL {donationType === "monthly" && /ay}

{'Bu bagis ile:'}

{getImpactMessage(selectedAmount)}

{'Son Bagiscilar'}

{recentDonors.map((donor, index) => (

{donor.name}

{donor.amount} TL {donor.time}

))}

{"Bagislarin %94'u sahaya ulasir"}

{'Bagimsiz denetimli dernek'}

{'Vergi indirimi icin makbuz'}

{'256-bit SSL guvenlik'}

) } export default function DonationPage() { return (

{'Yukleniyor...'}

}> ) } [V0_FILE]png:file="public/images/logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/Ads%C4%B1z%20tasar%C4%B1m%20%282%29-Pt3li2AMYbdY0wC5T4pxJ36TafGu59.png" isMerged="true" [V0_FILE]typescriptreact:file="components/payment-modal.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { X, CreditCard, Lock, CheckCircle2, Shield, Heart } from "lucide-react" interface PaymentModalProps { isOpen: boolean onClose: () => void amount: number category?: string } export function PaymentModal({ isOpen, onClose, amount, category = "Genel" }: PaymentModalProps) { const [cardNumber, setCardNumber] = useState("") const [cardName, setCardName] = useState("") const [expiry, setExpiry] = useState("") const [cvv, setCvv] = useState("") const [email, setEmail] = useState("") const [isProcessing, setIsProcessing] = useState(false) const [isSuccess, setIsSuccess] = useState(false) if (!isOpen) return null const formatCardNumber = (value: string) => { const cleaned = value.replace(/\D/g, "").slice(0, 16) const groups = cleaned.match(/.{1,4}/g) return groups ? groups.join(" ") : cleaned } const formatExpiry = (value: string) => { const cleaned = value.replace(/\D/g, "").slice(0, 4) if (cleaned.length >= 3) { return `${cleaned.slice(0, 2)}/${cleaned.slice(2)}` } return cleaned } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() setIsProcessing(true) setTimeout(() => { setIsProcessing(false) setIsSuccess(true) }, 2000) } const handleClose = () => { setIsSuccess(false) setIsProcessing(false) setCardNumber("") setCardName("") setExpiry("") setCvv("") setEmail("") onClose() } // Detect card type const getCardType = (num: string) => { const cleaned = num.replace(/\s/g, "") if (cleaned.startsWith("4")) return "Visa" if (cleaned.startsWith("5")) return "Mastercard" if (cleaned.startsWith("9")) return "Troy" return null } const cardType = getCardType(cardNumber) return (

{/* Backdrop */}

e.key === "Escape" && handleClose()} role="button" tabIndex={0} aria-label="Kapat" /> {/* Modal */}

{/* Header */}

{'Guvenli Odeme'}

{'256-bit SSL sifreleme ile korunuyor'}

{isSuccess ? ( /* Success State */

{'Tesekkur Ederiz!'}

{amount.toLocaleString()} TL {'tutarindaki bagisiniz basariyla alindi.'}

{'Onay e-postasi adresinize gonderildi. Bagisinizin ulastigina dair rapor 7-14 gun icinde paylasılacaktir.'}

) : ( /* Payment Form */

{/* Amount Summary */}

{'Bagis Tutari'} {amount.toLocaleString()} TL

{'Yardim Turu'} {category}

{/* Email */}

E-posta setEmail(e.target.value)} required />

{/* Card Number */}

{'Kart Numarasi'}

setCardNumber(formatCardNumber(e.target.value))} className="pl-10 pr-20 font-mono tracking-wider" maxLength={19} required /> {cardType && ( {cardType} )}

{/* Card Name */}

{'Kart Uzerindeki Isim'} setCardName(e.target.value.toUpperCase())} className="uppercase" required />

{/* Expiry + CVV */}

Son Kullanma setExpiry(formatExpiry(e.target.value))} maxLength={5} className="font-mono" required />

CVV

setCvv(e.target.value.replace(/\D/g, "").slice(0, 4))} maxLength={4} className="font-mono" required />

{/* Card Preview */}

{cardType || "Kart"}

{cardNumber || "0000 0000 0000 0000"}

{cardName || "AD SOYAD"} {expiry || "AA/YY"}

{/* Security Info */}

{'Kart bilgileriniz sunucularda saklanmaz. Odeme PCI DSS uyumlu altyapi uzerinden gerceklestirilir.'}

{/* Submit */} )}

) } [V0_FILE]typescriptreact:file="app/acil-durum/page.tsx" "use client" import { useState, useEffect } from "react" import Link from "next/link" import { Card, CardContent } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { AlertTriangle, Heart, ChevronLeft, UtensilsCrossed, Droplets, Stethoscope, Home as HomeIcon, Users, Clock, CheckCircle2, Sparkles } from "lucide-react" import { PaymentModal } from "@/components/payment-modal" const emergencyCategories = [ { id: "food", icon: UtensilsCrossed, title: "Gida Yardimi", subtitle: "Aclikla Mucadele", description: "Dunyanin farkli bolgelerinde 50 milyondan fazla insan acil gida guvensizligi yasiyor.", urgency: "Kritik", stats: { need: "2.500.000", reached: "720.000", remaining: "1.780.000" }, amounts: [ { value: 250, impact: "1 aile, 1 hafta doyar" }, { value: 500, impact: "2 aile, 1 hafta doyar" }, { value: 1000, impact: "4 aile, 1 hafta doyar" }, { value: 2500, impact: "10 aile, 1 hafta doyar" }, ], items: ["Un, pirinc, makarna", "Zeytinyagi ve konserve", "Bebek mamasi ve sut", "Kuruyemis ve protein"], stories: [ { name: "Amina", age: 42, location: "Somali", quote: "5 cocuguma gunlerce sadece su ve biraz ekmek verebildim. Gelen gida paketi hayatimizi degistirdi." }, { name: "Ibrahim", age: 35, location: "Yemen", quote: "Cocuklarimin gozlerindeki aclik bakisini unutamiyorum. Artik gunde iki ogun yiyebiliyoruz." }, ], }, { id: "water", icon: Droplets, title: "Temiz Su", subtitle: "Yasam Kaynagi", description: "2 milyar insan gunde bir bardak bile temiz suya erisemiyor. Kirli su yillik 500.000 cocugun olumune neden oluyor.", urgency: "Acil", stats: { need: "1.200.000", reached: "380.000", remaining: "820.000" }, amounts: [ { value: 100, impact: "1 aile, 1 ay temiz su" }, { value: 250, impact: "2.5 aile, 1 ay temiz su" }, { value: 500, impact: "5 aile, 1 ay temiz su" }, { value: 1000, impact: "Su aritma sistemi" }, ], items: ["Su aritma tabletleri", "Damacana temiz su", "Su tankerleri", "Filtreleme ekipmanlari"], stories: [ { name: "Nur Hassan", age: 38, location: "Bangladesh", quote: "Cocuklarim surekli ishal oluyordu. Temiz su geldiginden beri kimse hastalanmadi." }, ], }, { id: "medical", icon: Stethoscope, title: "Tibbi Destek", subtitle: "Hayat Kurtaran Ilaclar", description: "Catisma bolgelerinde hastanelerde ilac yok, yaralilar tedavi bekliyor. Her ilac kutusu hayat kurtarir.", urgency: "Kritik", stats: { need: "800.000", reached: "185.000", remaining: "615.000" }, amounts: [ { value: 500, impact: "10 kisilik temel ilac seti" }, { value: 1000, impact: "20 kisilik ilac seti" }, { value: 2500, impact: "Ameliyat malzemesi" }, { value: 5000, impact: "Yogun bakim destegi" }, ], items: ["Temel antibiyotikler", "Agri kesiciler", "Kronik hasta ilaclari", "Cerrahi malzemeler"], stories: [ { name: "Dr. Ahmed", age: 45, location: "Yemen", quote: "Gunde 200 hasta goruyorum ama elimde antibiyotik bile yok. Gonderilen ilaclar onlarca hayat kurtardi." }, ], }, { id: "shelter", icon: HomeIcon, title: "Barinak", subtitle: "Siginak ve Isinma", description: "Dunyanin her kosesinde dogal afetler ve catismalar nedeniyle milyonlarca insan evsiz. Cadir ve battaniye hayati onem tasiyor.", urgency: "Yuksek", stats: { need: "600.000", reached: "145.000", remaining: "455.000" }, amounts: [ { value: 500, impact: "1 aile icin battaniye seti" }, { value: 1000, impact: "1 aile icin barinak malzemesi" }, { value: 2500, impact: "Kucuk cadir" }, { value: 5000, impact: "Aile cadiri" }, ], items: ["Termal battaniyeler", "Cadir ve branda", "Uyku tulumu", "Portatif isitici"], stories: [ { name: "Marie", age: 55, location: "Haiti", quote: "Evimiz depremde yikildi, ailemle birlikte sokakta kaldik. Gelen cadir ve battaniyeler hayatimizi kurtardi." }, ], }, ] const liveUpdates = [ { time: "2 dakika once", text: "Mehmet A. gida yardimi icin 500 TL bagisladi", type: "donation" }, { time: "5 dakika once", text: "Yemen'e 150 gida paketi ulastirildi", type: "delivery" }, { time: "12 dakika once", text: "Ayse K. tibbi destek icin 1.000 TL bagisladi", type: "donation" }, { time: "18 dakika once", text: "Bangladesh'te 80 aileye su dagitimi tamamlandi", type: "delivery" }, ] export default function EmergencyPage() { const [selectedCategory, setSelectedCategory] = useState(emergencyCategories[0]) const [selectedAmount, setSelectedAmount] = useState(emergencyCategories[0].amounts[0]) const [customAmount, setCustomAmount] = useState("") const [currentUpdateIndex, setCurrentUpdateIndex] = useState(0) const [paymentOpen, setPaymentOpen] = useState(false) useEffect(() => { const interval = setInterval(() => { setCurrentUpdateIndex((prev) => (prev + 1) % liveUpdates.length) }, 4000) return () => clearInterval(interval) }, []) const handleCategoryChange = (category: typeof emergencyCategories[0]) => { setSelectedCategory(category) setSelectedAmount(category.amounts[0]) setCustomAmount("") } const progressPercentage = Math.round( (parseInt(selectedCategory.stats.reached.replace(/\./g, "")) / parseInt(selectedCategory.stats.need.replace(/\./g, ""))) * 100 ) const donationAmount = customAmount ? parseInt(customAmount) : selectedAmount.value return (

setPaymentOpen(false)} amount={donationAmount} category={selectedCategory.title} />

Ana Sayfa

Acil Durum

{'Canli Acil Yardim Cagrisi'}

{'Dunyanin Her Kosesinde'}
{'Hayat Kurtariyoruz'}

{'23 ulkede aktif acil yardim operasyonlarimiz devam ediyor. Milyonlarca insan gida, su ve ilac bekliyor.'}

{liveUpdates[currentUpdateIndex].text}

{liveUpdates[currentUpdateIndex].time}

{/* Category Tabs */}

{emergencyCategories.map((category) => ( ))}

{/* Main Content */}

{selectedCategory.title}

{selectedCategory.subtitle}

{selectedCategory.description}

{'Yardim Ilerleme Durumu'}

%{progressPercentage}

{selectedCategory.stats.need} {'Ihtiyac (kisi)'}

{selectedCategory.stats.reached} {'Ulasilan'}

{selectedCategory.stats.remaining} Bekleyen

{'Sagladigimiz Yardimlar'}

{selectedCategory.items.map((item, index) => (

{item}

))}

{'Gercek Hikayeler'}

{selectedCategory.stories.map((story, index) => (

{story.name} ({story.age}) - {story.location}

{'"'}{story.quote}{'"'}

))}

{/* Right - Donation Box */}

{selectedCategory.title}{' Icin Bagis'}

Hemen destek ol

{selectedCategory.amounts.map((amount) => ( ))}

{'Veya istedigin tutari gir'}

setCustomAmount(e.target.value)} className="w-full px-4 py-3 rounded-xl bg-muted border border-border focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 text-foreground placeholder:text-muted-foreground" /> TL

) }

{'Kucuk Bir Adim,'} {'Buyuk Umutlar'}

{'Her Proje Bir '}{'Umut Hikayesi'}

{project.title}

{activeProject.title}

{'Neler Yapiyoruz?'}

{'Dunyada Milyonlarca Insan'} {'Yardim Bekliyor'}

{item.title}

Hemen Destek Ol

{'Rakamlarin Ardindaki '}Hayatlar

{'Gercek Hikayeler'}

{'Dunyanin Neresinde '}{'Umut Oluyoruz?'}

{selectedLocation.name}

{'Acil Yardim Bekleyen Bolgeler'}

{'Paraniz Nereye Gidiyor?'}

{'Bagislarin Dagilimi'}

{'Bagisinizin Yolculugu'}

{item.title}

{'Indirilebilir Raporlar'}

{report.title}

{'Guven Gostergeleri'}

{badge.title}

{location.name}

{selectedLocation.name}

Her Proje Bir Umut Hikayesi

Tüm Projeler

{project.title}

{selectedProject.title}

Kilometre Taşları

{milestone.title}

Bu Projede Neler Yapıyoruz?

Gerçek Hikayeler

Son Güncellemeler

Paranız Nereye Gidiyor?

{badge.title}

Bağışların Dağılımı

Bağışınızın Yolculuğu

{item.title}

Yıllara Göre Performans

İndirilebilir Raporlar

{report.title}

Yasal Uyumluluk ve Sertifikalar

Vakıflar Genel Müdürlüğü

Vergi Muafiyeti

KVKK Uyumlu

Sorularınız mı var?

{'Yardim Turu Secin'}

{'Bagis Tipi'}

{'Bagis Tutari'}

{'Bagis Ozeti'}

{'Son Bagiscilar'}

{'Guvenli Odeme'}

{'Tesekkur Ederiz!'}

{'Dunyanin Her Kosesinde'}{'Hayat Kurtariyoruz'}

{selectedCategory.title}

{'Yardim Ilerleme Durumu'}

{'Sagladigimiz Yardimlar'}

{'Gercek Hikayeler'}

{selectedCategory.title}{' Icin Bagis'}

{'Dunyada Milyonlarca Insan'}
{'Yardim Bekliyor'}

Her Proje Bir
Umut Hikayesi

Paranız Nereye
Gidiyor?

{'Dunyanin Her Kosesinde'}
{'Hayat Kurtariyoruz'}