Files
f2e9a7d1-c069-47c0-844f-294…/src/app/programs/page.tsx

181 lines
10 KiB
TypeScript

"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import {
Utensils,
Stethoscope,
TreePine,
Users,
Heart,
} from "lucide-react";
export default function ProgramsPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="medium"
background="noise"
cardStyle="subtle-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Koshalendra"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Programs", id: "/programs" },
{ name: "Contact", id: "/contact" },
]}
button={{ text: "Donate Now", href: "/donate" }}
animateOnLoad={true}
/>
</div>
{/* Programs Overview Section */}
<div id="programs-detail" data-section="programs-detail" className="py-20">
<FeatureCardTwentyFive
features={[
{
title: "Food Distribution", description:
"Our signature program ensures nutritious meals reach poor and needy families. Regular food distribution drives in rural areas, weekly meal programs, and emergency food assistance during crises.", icon: Utensils,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/photo-focus-caucasian-man-serving-bread-chicken-baked-beans-poor-hungry-african-american-person-non-profit-food-drive-close-up-meal-box-from-hunger-relief-team-given-needy_482257-68821.jpg?_wi=5", imageAlt: "Food distribution program"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=7", imageAlt: "Community meal program"},
],
},
{
title: "Medical Assistance", description:
"Health camps and medical support for rural populations with limited healthcare access. Free medical checkups, health awareness programs, and ongoing medical aid for vulnerable families.", icon: Stethoscope,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/african-american-doctor-senior-man-communicating-hospital-waiting-room-while-wearing-face-masks_637285-11252.jpg?_wi=4", imageAlt: "Medical assistance camp"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711074.jpg?_wi=5", imageAlt: "Rural health support"},
],
},
{
title: "Rural Outreach", description:
"Dedicated support for tribal and rural communities through education and social welfare programs. Village development initiatives, skill training, and community capacity building.", icon: TreePine,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711074.jpg?_wi=6", imageAlt: "Rural community outreach"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=8", imageAlt: "Rural support programs"},
],
},
{
title: "Community Welfare", description:
"Holistic social welfare initiatives supporting vulnerable populations with compassion and dignity. Assistance programs, welfare support, and community empowerment projects.", icon: Users,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg?_wi=9", imageAlt: "Community welfare"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/photo-focus-caucasian-man-serving-bread-chicken-baked-beans-poor-hungry-african-american-person-non-profit-food-drive-close-up-meal-box-from-hunger-relief-team-given-needy_482257-68821.jpg?_wi=6", imageAlt: "Welfare distribution"},
],
},
]}
animationType="blur-reveal"
title="Our Programs"
description="Comprehensive initiatives addressing community needs with measurable impact"
tag="What We Offer"
tagIcon={Heart}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Program Impact Stories Section */}
<div id="program-stories" data-section="program-stories" className="py-20 bg-subtle-accent">
<TestimonialCardFive
title="Success Stories"
testimonials={[
{
id: "1", name: "Rajesh Kumar, Volunteer", date: "Date: January 2025", title: "Food Distribution Changed Lives", quote:
"The food distribution program reaches 500+ families every month in Karimnagar. Seeing children smile after receiving a meal makes the effort worthwhile.", tag: "Program: Food Distribution", avatarSrc:
"http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", avatarAlt: "Rajesh Kumar", imageSrc:
"http://img.b2bpic.net/free-photo/photo-focus-caucasian-man-serving-bread-chicken-baked-beans-poor-hungry-african-american-person-non-profit-food-drive-close-up-meal-box-from-hunger-relief-team-given-needy_482257-68821.jpg?_wi=7", imageAlt: "Food distribution impact"},
{
id: "2", name: "Dr. Priya Sharma", date: "Date: December 2024", title: "Medical Camps Serve Hundreds", quote:
"Our medical assistance programs have treated over 2,000 patients this year alone. The health camps bring essential healthcare to villages where access was impossible.", tag: "Program: Medical Assistance", avatarSrc:
"http://img.b2bpic.net/free-photo/young-attractive-african-american-man-cafe-fashion-shooting-paris_1321-3458.jpg", avatarAlt: "Dr. Priya Sharma", imageSrc:
"http://img.b2bpic.net/free-photo/african-american-doctor-senior-man-communicating-hospital-waiting-room-while-wearing-face-masks_637285-11252.jpg?_wi=5", imageAlt: "Medical camp"},
{
id: "3", name: "Arjun Reddy, Community Leader", date: "Date: January 2025", title: "Rural Outreach Empowers Communities", quote:
"The rural outreach program has transformed our village. Education initiatives and welfare programs give our youth hope for the future.", tag: "Program: Rural Outreach", avatarSrc:
"http://img.b2bpic.net/free-photo/close-up-smiley-people-working-together_23-2149181995.jpg", avatarAlt: "Arjun Reddy", imageSrc:
"http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711074.jpg?_wi=7", imageAlt: "Rural development"},
]}
description="Real results from communities we serve"
tag="Success Stories"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer" className="py-16 bg-dark-footer">
<FooterBaseCard
logoText="Koshalendra Foundation"
columns={[
{
title: "Quick Links", items: [
{ label: "Home", href: "/" },
{ label: "About Us", href: "/about" },
{ label: "Our Programs", href: "/programs" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Get Involved", items: [
{ label: "Donate", href: "/donate" },
{ label: "Volunteer", href: "/volunteer" },
{ label: "Partner With Us", href: "/contact" },
{ label: "Subscribe", href: "/" },
],
},
{
title: "Contact", items: [
{ label: "Address: Karimnagar, Telangana", href: "#" },
{ label: "Email: info@koshalendra.org", href: "mailto:info@koshalendra.org" },
{ label: "Phone: +91 XXXXXXXXXX", href: "tel:+91XXXXXXXXXX" },
{ label: "WhatsApp Support", href: "#" },
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "CIN: U88100TS2025NPL195734", href: "#" },
{ label: "ROC: Hyderabad", href: "#" },
],
},
]}
copyrightText="© 2025 Koshalendra Foundation | Serving Communities with Compassion"
/>
</div>
</ThemeProvider>
);
}