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

Change Learn More links to be cards instead

Browse source
This commit is contained in:
TheMaddax 2024-10-15 07:33:10 -05:00
parent 56bd867814
commit 7f330e645a
1 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
client/src/components/AboutUs.tsx
View file

@ -34,16 +34,15 @@ const AboutUs: React.FC = () => {
}; };
const AboutSection: React.FC<{ title: string; description: string; link: string }> = ({ title, description, link }) => ( const AboutSection: React.FC<{ title: string; description: string; link: string }> = ({ title, description, link }) => (
<motion.div <Link to={link}>
whileHover={{ scale: 1.05 }} <motion.div
className="bg-white rounded-lg shadow-md p-6" whileHover={{ scale: 1.05 }}
> className="bg-white rounded-lg shadow-md p-6 h-full cursor-pointer"
<h2 className="text-2xl font-semibold text-[#8C1D40] mb-4">{title}</h2> >
<p className="text-gray-700 mb-4">{description}</p> <h2 className="text-2xl font-semibold text-[#8C1D40] mb-4">{title}</h2>
<Link to={link} className="text-[#8C1D40] font-bold hover:underline"> <p className="text-gray-700">{description}</p>
Learn More </motion.div>
</Link> </Link>
</motion.div>
); );
export default AboutUs; export default AboutUs;