'use client'; import { Calendar, CheckCircle, Heart, Landmark, MapPin, Users, } from 'lucide-react'; import Image from 'next/image'; import { CharityPageData } from '@/app/api-utlities/@types/pages'; import { Container } from '@/shared/components/container'; import { useTextController } from '@/shared/language/hooks/use-text-controller'; import { Card, CardContent, CardHeader, CardTitle, } from '@/shared/shadcn-ui/card'; import { CtaSection } from '@/widgets/cta-section'; export interface CharityPageProps { content: CharityPageData; } export function CharityPage({ content }: CharityPageProps) { const { t } = useTextController(); return (
{/* Hero Section */}
{t('charity.hero.imageAlt')}

{t('charity.hero.title')}

{t('charity.hero.subtitle')}

{/* Mission Section */}

{t('charity.mission.title')}

{t('charity.mission.description1')}

{t('charity.mission.description2')}

{[0, 1, 2].map((index) => (

{t(`charity.mission.principles.${index}.title`)}

{t(`charity.mission.principles.${index}.description`)}

))}
{t('charity.mission.imageAlt')}
{/* Key Figures */}

{t('charity.stats.title')}

{t('charity.stats.subtitle')}

{[0, 1, 2].map((index) => (

{t(`charity.stats.items.${index}.value`)}

{t(`charity.stats.items.${index}.label`)}

))}
{/* Upcoming Events */}

{t('charity.events.title')}

{t('charity.events.subtitle')}

{content.charities.map((event, index) => (
{event.name}
{event.name}

{event.description}

{event.date}
{event.location}
{/* */}
))}
{/* How to Help */}

{t('charity.help.title')}

{t('charity.help.subtitle')}

{[ { title: 'Сделать пожертвование', description: 'Ваше пожертвование поможет нам реализовать больше проектов и помочь большему количеству людей.', icon: , }, { title: 'Стать волонтером', description: 'Присоединяйтесь к нашей команде волонтеров и помогайте нам в реализации благотворительных проектов.', icon: , }, { title: 'Участвовать в мероприятиях', description: 'Принимайте участие в наших благотворительных мероприятиях и акциях.', icon: , }, { title: 'Распространять информацию', description: 'Расскажите о нашем фонде и его деятельности своим друзьям и знакомым.', icon: , }, ].map((item, index) => (
{item.icon}
{item.title}

{item.description}

))}
); }