Add Resources page with Montana and National Deaf resources directory
This commit is contained in:
parent
60e698faa5
commit
added541c0
3 changed files with 350 additions and 0 deletions
|
|
@ -11,6 +11,7 @@ import Sponsors from './components/Sponsors';
|
|||
import MeetBoard from './components/Meet-Board';
|
||||
import Gallery from './components/Gallery';
|
||||
import VideoGallery from './components/VideoGallery';
|
||||
import Resources from './components/Resources';
|
||||
/* import ComingSoon from './components/ComingSoon'; */
|
||||
import JoinMCDi from './components/JoinMCDi';
|
||||
|
||||
|
|
@ -30,6 +31,7 @@ const App: React.FC = () => {
|
|||
<Route path="/meet-board" element={<MeetBoard />} />
|
||||
<Route path="/gallery" element={<Gallery />} />
|
||||
<Route path="/videos" element={<VideoGallery />} />
|
||||
<Route path="/resources" element={<Resources />} />
|
||||
<Route path="/joinmcdi" element={<JoinMCDi />} />
|
||||
</Routes>
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -76,6 +76,7 @@ const Header: React.FC = () => {
|
|||
<li><NavItem href="/calendar" onClick={() => setIsMenuOpen(false)}>Calendar</NavItem></li>
|
||||
<li><NavItem href="/gallery" onClick={() => setIsMenuOpen(false)}>Photo Gallery</NavItem></li>
|
||||
<li><NavItem href="/videos" onClick={() => setIsMenuOpen(false)}>Video Gallery</NavItem></li>
|
||||
<li><NavItem href="/resources" onClick={() => setIsMenuOpen(false)}>Resources</NavItem></li>
|
||||
<li><NavItem href="/joinmcdi" onClick={() => setIsMenuOpen(false)}>Join MCDi</NavItem></li>
|
||||
</ul>
|
||||
</motion.div>
|
||||
|
|
@ -161,6 +162,7 @@ const AboutDropdown: React.FC = () => {
|
|||
<DropdownItem href="/gallery">Photo Gallery</DropdownItem>
|
||||
<DropdownItem href="/videos">Video Gallery</DropdownItem>
|
||||
<DropdownItem href="/sponsors">Sponsors</DropdownItem>
|
||||
<DropdownItem href="/resources">Resources</DropdownItem>
|
||||
</div>
|
||||
</motion.div>
|
||||
)}
|
||||
|
|
|
|||
346
client/src/components/Resources.tsx
Normal file
346
client/src/components/Resources.tsx
Normal file
|
|
@ -0,0 +1,346 @@
|
|||
import React from 'react';
|
||||
import { motion } from 'framer-motion';
|
||||
import { FaPhone, FaEnvelope, FaMapMarkerAlt, FaGlobe, FaExternalLinkAlt } from 'react-icons/fa';
|
||||
|
||||
interface ResourceContact {
|
||||
phone?: string;
|
||||
email?: string;
|
||||
address?: string;
|
||||
website?: string;
|
||||
}
|
||||
|
||||
interface Resource {
|
||||
name: string;
|
||||
description: string;
|
||||
contact: ResourceContact;
|
||||
}
|
||||
|
||||
interface ResourceCategory {
|
||||
title: string;
|
||||
resources: Resource[];
|
||||
}
|
||||
|
||||
const Resources: React.FC = () => {
|
||||
const categories: ResourceCategory[] = [
|
||||
{
|
||||
title: "National Advocacy",
|
||||
resources: [
|
||||
{
|
||||
name: "National Association of the Deaf (NAD)",
|
||||
description: "The National Association of the Deaf is the oldest and largest civil rights organization in the United States led by and for Deaf and hard-of-hearing individuals. NAD advocates for accessibility, education, employment opportunities, technology access, and legal rights for Deaf people nationwide.",
|
||||
contact: {
|
||||
phone: "(301) 587-1788",
|
||||
email: "nad.info@nad.org",
|
||||
address: "8630 Fenton St., Suite 820, Silver Spring, MD 20910",
|
||||
website: "https://www.nad.org"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Montana Advocacy & Legal Support",
|
||||
resources: [
|
||||
{
|
||||
name: "Montana Association of the Deaf (MAD)",
|
||||
description: "Montana Association of the Deaf works to promote, protect, and preserve the civil, human, and linguistic rights of Deaf and hard-of-hearing people in Montana while supporting Deaf culture and community connections.",
|
||||
contact: {
|
||||
email: "montanadeaf@gmail.com",
|
||||
address: "Montana, USA",
|
||||
website: "https://www.montanadeaf.org"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Disability Rights Montana",
|
||||
description: "Disability Rights Montana is the federally designated protection and advocacy organization for people with disabilities in Montana. They provide legal advocacy, resources, and support to ensure equal rights and accessibility.",
|
||||
contact: {
|
||||
phone: "(800) 245-4743",
|
||||
email: "advocate@disabilityrightsmt.org",
|
||||
address: "1022 Chestnut St., Helena, MT 59601",
|
||||
website: "https://disabilityrightsmt.org"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Family & Community Support",
|
||||
resources: [
|
||||
{
|
||||
name: "Montana Hands & Voices",
|
||||
description: "Montana Hands & Voices is a parent-driven nonprofit organization supporting families with Deaf or hard-of-hearing children. They provide resources, advocacy, and connections between families, professionals, and the Deaf community.",
|
||||
contact: {
|
||||
phone: "(406) 431-0891",
|
||||
email: "montanahandsandvoices@gmail.com",
|
||||
address: "Montana, USA",
|
||||
website: "https://www.mthandsandvoices.org"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Language Access & ASL Resources",
|
||||
resources: [
|
||||
{
|
||||
name: "Center for ASL Acquisition & Access",
|
||||
description: "The Center for ASL Acquisition and Access is a nonprofit organization headquartered in Missoula, Montana. Its mission is to increase access to language resources for Deaf and hard-of-hearing children, especially those in rural or underserved communities.",
|
||||
contact: {
|
||||
email: "board@accesstoasl.org",
|
||||
address: "Missoula, Montana, USA",
|
||||
website: "https://www.accesstoasl.org"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Montana Family ASL",
|
||||
description: "Montana Family ASL supports deaf children and their families in accessing information and resources needed to become bilingual ASL/English families with strong ties to local and national Deaf communities.",
|
||||
contact: {
|
||||
email: "cecily.whitworth@montanafamilyasl.org",
|
||||
address: "1820 S 13th Street W, Missoula, MT, United States",
|
||||
website: "https://www.montanafamilyasl.org"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Education",
|
||||
resources: [
|
||||
{
|
||||
name: "Montana School for the Deaf and Blind (MSDB)",
|
||||
description: "The Montana School for the Deaf and Blind provides educational services for Deaf, Hard of Hearing, Blind, and visually impaired students throughout Montana. MSDB offers early childhood services, K–12 education, outreach programs, and family support.",
|
||||
contact: {
|
||||
phone: "(406) 771-6000",
|
||||
address: "3911 Central Ave, Great Falls, MT 59405",
|
||||
website: "https://msdb.mt.gov"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Employment Services",
|
||||
resources: [
|
||||
{
|
||||
name: "Montana Vocational Rehabilitation and Blind Services (VRBS)",
|
||||
description: "Montana Vocational Rehabilitation and Blind Services helps individuals with disabilities, including Deaf and Hard of Hearing individuals, prepare for, obtain, and maintain employment. Services may include job training, career counseling, assistive technology, and workplace accommodations.",
|
||||
contact: {
|
||||
phone: "(406) 444-2590",
|
||||
address: "111 N Jackson St, Helena, MT 59601",
|
||||
website: "https://dphhs.mt.gov/detd/vr"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Interpreter & Communication Access",
|
||||
resources: [
|
||||
{
|
||||
name: "Montana Accessible Communication",
|
||||
description: "Montana Accessible Communication provides sign language interpreting services and communication access support for Deaf, Hard of Hearing, and DeafBlind individuals. Services may include ASL interpreters, event interpreting, and accessibility coordination for organizations and community events.",
|
||||
contact: {
|
||||
address: "Montana, USA",
|
||||
website: "https://www.mtaccessiblecommunication.com"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Montana DPHHS - Qualified Sign Language Interpreter List",
|
||||
description: "The Montana Department of Public Health and Human Services maintains a statewide list of qualified sign language interpreters who meet professional standards to provide communication access services.",
|
||||
contact: {
|
||||
website: "https://dphhs.mt.gov/assets/detd/QualifiedSignLanguageInterpreterList.pdf"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Montana Deaf Community Organizations",
|
||||
resources: [
|
||||
{
|
||||
name: "Missoula Club of the Deaf",
|
||||
description: "A community organization that brings Deaf and signing individuals together in Missoula for social events, gatherings, and community support.",
|
||||
contact: {}
|
||||
},
|
||||
{
|
||||
name: "Gallatin Association of the Deaf",
|
||||
description: "A Deaf community organization serving the Gallatin Valley area that promotes Deaf culture, advocacy, and social connections within the Deaf community.",
|
||||
contact: {}
|
||||
},
|
||||
{
|
||||
name: "Great Falls Club of the Deaf",
|
||||
description: "A long-standing Deaf community organization in Great Falls that provides social events, meetings, and networking opportunities for Deaf residents and visitors.",
|
||||
contact: {}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Deaf Youth Camps, Sports & Leadership",
|
||||
resources: [
|
||||
{
|
||||
name: "Montana School for the Deaf and Blind – Deaf Summer Camp",
|
||||
description: "The Montana School for the Deaf and Blind hosts a summer camp for Deaf and Hard of Hearing students from across the state. The camp helps youth build friendships, strengthen communication skills, and develop independence through recreational activities and group learning experiences.",
|
||||
contact: {
|
||||
phone: "(406) 771-6000",
|
||||
address: "3911 Central Ave, Great Falls, MT 59405",
|
||||
website: "https://msdb.mt.gov"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "NAD Youth Leadership Camp (YLC)",
|
||||
description: "The Youth Leadership Camp is a national four-week summer program designed for Deaf and Hard of Hearing high school students. Participants build leadership, confidence, self-advocacy, and community engagement skills through workshops, outdoor activities, and mentorship from Deaf role models.",
|
||||
contact: {
|
||||
address: "Camp Taloali, Stayton, Oregon, USA",
|
||||
website: "https://youth.nad.org/ylc"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Junior National Association of the Deaf (Jr. NAD)",
|
||||
description: "Junior NAD is a youth program connected to the National Association of the Deaf that helps Deaf and Hard of Hearing students develop leadership, advocacy, and community involvement skills.",
|
||||
contact: {
|
||||
phone: "(301) 587-1788",
|
||||
email: "nad.info@nad.org",
|
||||
address: "8630 Fenton St., Suite 820, Silver Spring, MD 20910",
|
||||
website: "https://www.nad.org"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Gallaudet University Youth Programs",
|
||||
description: "Gallaudet University offers youth programs, camps, and competitions for Deaf and Hard of Hearing students focused on leadership development, academic enrichment, sports, and career exploration.",
|
||||
contact: {
|
||||
phone: "(202) 651-5000",
|
||||
address: "800 Florida Ave NE, Washington, DC 20002",
|
||||
website: "https://gallaudet.edu/youth-programs"
|
||||
}
|
||||
},
|
||||
{
|
||||
name: "Big Sky Recreation Association of the Deaf (BSRAD)",
|
||||
description: "Big Sky Recreation Association of the Deaf promotes sports, recreational activities, and social opportunities for Deaf and Hard of Hearing individuals across Montana. Events may include sports tournaments, outdoor recreation, and community gatherings.",
|
||||
contact: {}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
const containerVariants = {
|
||||
hidden: { opacity: 0 },
|
||||
visible: {
|
||||
opacity: 1,
|
||||
transition: {
|
||||
staggerChildren: 0.1
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const itemVariants = {
|
||||
hidden: { opacity: 0, y: 20 },
|
||||
visible: {
|
||||
opacity: 1,
|
||||
y: 0,
|
||||
transition: {
|
||||
duration: 0.5
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Header */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: -20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
className="text-center mb-12"
|
||||
>
|
||||
<h1 className="text-4xl font-bold text-[#6B1631] mb-4">
|
||||
Montana & National Deaf Resources
|
||||
</h1>
|
||||
<p className="text-lg text-gray-700 max-w-4xl mx-auto">
|
||||
This directory connects Deaf, Hard of Hearing, DeafBlind individuals, families, and
|
||||
professionals with organizations that provide advocacy, education, language access,
|
||||
interpreting services, employment support, and community connection. These resources
|
||||
support the Deaf community across Montana and nationally.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Categories */}
|
||||
{categories.map((category, categoryIndex) => (
|
||||
<motion.div
|
||||
key={categoryIndex}
|
||||
variants={containerVariants}
|
||||
initial="hidden"
|
||||
animate="visible"
|
||||
className="mb-16"
|
||||
>
|
||||
<h2 className="text-3xl font-bold text-[#6B1631] mb-6 border-b-2 border-[#6B1631] pb-2">
|
||||
{category.title}
|
||||
</h2>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
{category.resources.map((resource, resourceIndex) => (
|
||||
<motion.div
|
||||
key={resourceIndex}
|
||||
variants={itemVariants}
|
||||
className="bg-white rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 p-6"
|
||||
>
|
||||
<h3 className="text-xl font-bold text-[#6B1631] mb-3">
|
||||
{resource.name}
|
||||
</h3>
|
||||
|
||||
<p className="text-gray-700 mb-4 leading-relaxed">
|
||||
{resource.description}
|
||||
</p>
|
||||
|
||||
{/* Contact Information */}
|
||||
<div className="space-y-2 border-t border-gray-200 pt-4">
|
||||
{resource.contact.phone && (
|
||||
<div className="flex items-start text-gray-600">
|
||||
<FaPhone className="text-[#6B1631] mt-1 mr-3 flex-shrink-0" />
|
||||
<a
|
||||
href={`tel:${resource.contact.phone.replace(/[^0-9]/g, '')}`}
|
||||
className="hover:text-[#6B1631] transition-colors"
|
||||
>
|
||||
{resource.contact.phone}
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{resource.contact.email && (
|
||||
<div className="flex items-start text-gray-600">
|
||||
<FaEnvelope className="text-[#6B1631] mt-1 mr-3 flex-shrink-0" />
|
||||
<a
|
||||
href={`mailto:${resource.contact.email}`}
|
||||
className="hover:text-[#6B1631] transition-colors break-all"
|
||||
>
|
||||
{resource.contact.email}
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{resource.contact.address && (
|
||||
<div className="flex items-start text-gray-600">
|
||||
<FaMapMarkerAlt className="text-[#6B1631] mt-1 mr-3 flex-shrink-0" />
|
||||
<span>{resource.contact.address}</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{resource.contact.website && (
|
||||
<div className="flex items-start text-gray-600">
|
||||
<FaGlobe className="text-[#6B1631] mt-1 mr-3 flex-shrink-0" />
|
||||
<a
|
||||
href={resource.contact.website}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="hover:text-[#6B1631] transition-colors break-all flex items-center group"
|
||||
>
|
||||
<span className="mr-1">{resource.contact.website.replace(/^https?:\/\//, '')}</span>
|
||||
<FaExternalLinkAlt className="text-xs opacity-0 group-hover:opacity-100 transition-opacity" />
|
||||
</a>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Resources;
|
||||
Loading…
Add table
Reference in a new issue