chaulmark/deafgain-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Consolidate services into single DeafGain Consultants offering with clear, accessible language

Browse source
This commit is contained in:
TheMaddax 2026-01-20 11:06:37 -07:00
parent a565932eeb
commit 4755cd3fd6
1 changed files with 8 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/pages/Services.tsx
View file

@ -1,7 +1,7 @@
import { motion, AnimatePresence } from 'framer-motion'
import { ComposableMap, Geographies, Geography, Marker } from 'react-simple-maps'
import { useState, useEffect, useRef } from 'react'
import { FaGlobe, FaUsers, FaChalkboardTeacher, FaTimes, FaMapMarkerAlt, FaClock } from 'react-icons/fa'
import { FaUsers, FaTimes, FaMapMarkerAlt, FaClock } from 'react-icons/fa'
const geoUrl = "https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json"
@ -239,25 +239,10 @@ const relationshipPoints: RelationshipPoint[] = [
]
const services = [
{
icon: <FaGlobe className="text-4xl" />,
title: "Universal Website Design",
description: "Visually appealing and accessible websites adhering to universal design principles."
},
{
icon: <FaUsers className="text-4xl" />,
title: "Board Communication",
description: "Comprehensive protocol and tools for effective board communication."
},
{
icon: <FaChalkboardTeacher className="text-4xl" />,
title: "Training & Workshops",
description: "Leadership development and parliamentary procedure training."
},
{
icon: <FaChalkboardTeacher className="text-4xl" />,
title: "Parliamentarian",
description: "Provide parliamentarian services for organizational meetings ranging from board meetings to conventions."
title: "DeafGain Consultants",
description: "Contact us to learn how we can make your organization GREAT. We offer a variety of services customized to fit your needs."
}
]
@ -291,18 +276,18 @@ const Services = () => {
<h1 className="text-4xl font-bold text-center text-secondary mb-16">
Our Services
</h1>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div className="flex justify-center">
{services.map((service, index) => (
<motion.div
key={index}
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ delay: index * 0.2 }}
className="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow"
className="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-shadow max-w-2xl w-full text-center"
>
<div className="text-primary mb-4">{service.icon}</div>
<h3 className="text-xl font-semibold mb-2">{service.title}</h3>
<p className="text-accent-mountain">{service.description}</p>
<div className="text-primary mb-6 flex justify-center">{service.icon}</div>
<h3 className="text-2xl font-semibold mb-4">{service.title}</h3>
<p className="text-accent-mountain text-lg">{service.description}</p>
</motion.div>
))}
</div>