Skip to content

Commit 126dc29

Browse files
authored
fix: make images clickable on homepage (#48)
1 parent 7f7c4f9 commit 126dc29

File tree

1 file changed

+7
-3
lines changed

1 file changed

+7
-3
lines changed

src/components/HomepageFeatures/index.tsx

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,15 @@ import styles from './styles.module.css';
66
type FeatureItem = {
77
title: string;
88
img: string;
9+
url: string;
910
description: ReactNode;
1011
};
1112

1213
const FeatureList: FeatureItem[] = [
1314
{
1415
title: 'Laravel/PHP Packages',
1516
img: require('@site/static/img/laravel-php-transparent.png').default,
17+
url: 'docs/php-libraries',
1618
description: (
1719
<>
1820
We've crafted a suite of robust helper packages for our Laravel/PHP projects, simplifying everything from SOAP clients to validation wrappers, all designed to elevate your development experience.
@@ -22,6 +24,7 @@ const FeatureList: FeatureItem[] = [
2224
{
2325
title: 'GitHub Actions',
2426
img: require('@site/static/img/deployment-transparent.png').default,
27+
url: 'docs/github-actions',
2528
description: (
2629
<>
2730
GitHub is at the core of our deployment strategies. We've tailored solutions using AWS CodeDeploy and ECS, filling gaps that existing tools left behind, ensuring a seamless deployment process.
@@ -31,6 +34,7 @@ const FeatureList: FeatureItem[] = [
3134
{
3235
title: 'React Native',
3336
img: require('@site/static/img/react-native-transparent.png').default,
37+
url: 'docs/react-native-packages',
3438
description: (
3539
<>
3640
Our expertise in React Native is reflected in the apps we've developed for our clients. Along the way, we've revived and released open-source projects to contribute back to the community.
@@ -39,12 +43,12 @@ const FeatureList: FeatureItem[] = [
3943
},
4044
];
4145

42-
function Feature({title, img, description}: FeatureItem) {
46+
function Feature({title, img, url, description}: FeatureItem) {
4347
return (
4448
<div className={clsx('col col--4')}>
45-
<div className="text--center">
49+
<a href={url} className="text--center">
4650
<img src={img} role="img" />
47-
</div>
51+
</a>
4852
<div className="text--center padding-horiz--md">
4953
<Heading as="h3">{title}</Heading>
5054
<p>{description}</p>

0 commit comments

Comments
 (0)