diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
index 599ce6f..449a913 100644
--- a/web/public/locales/en/translation.json
+++ b/web/public/locales/en/translation.json
@@ -12,6 +12,7 @@
"rust": "Rust",
"homebrew": "Homebrew",
"linux": "Linux",
+ "instagram": "Instagram",
"twitter": "Twitter",
"slack": "Slack",
"s3": "AWS S3",
diff --git a/web/public/locales/ja/translation.json b/web/public/locales/ja/translation.json
index 5c63b93..51e563b 100644
--- a/web/public/locales/ja/translation.json
+++ b/web/public/locales/ja/translation.json
@@ -12,6 +12,7 @@
"rust": "Rust",
"homebrew": "Homebrew",
"linux": "Linux",
+ "instagram": "Instagram",
"twitter": "Twitter",
"slack": "Slack",
"s3": "AWS S3",
diff --git a/web/src/components/Welcome.tsx b/web/src/components/Welcome.tsx
index 8ba5674..a80ba1c 100644
--- a/web/src/components/Welcome.tsx
+++ b/web/src/components/Welcome.tsx
@@ -12,6 +12,7 @@ import {
FaGem,
FaLinux,
FaAppStore,
+ FaInstagram,
FaTwitter,
FaSlack,
FaAws,
@@ -74,6 +75,9 @@ const Welcome: React.FC = () => {
{t('providers.linux')}
+
+ {t('providers.instagram')}
+
{t('providers.twitter')}
diff --git a/web/src/components/cards/index.tsx b/web/src/components/cards/index.tsx
index 3a2d01d..f4f165f 100644
--- a/web/src/components/cards/index.tsx
+++ b/web/src/components/cards/index.tsx
@@ -12,6 +12,7 @@ import RubyGemsCard from './providers/RubyGems';
import CratesioCard from './providers/Cratesio';
import HomebrewCard from './providers/Homebrew';
import LinuxCard from './providers/Linux';
+import InstagramCard from './providers/Instagram';
import TwitterCard from './providers/Twitter';
import SpectrumCard from './providers/Spectrum';
import SlackCard from './providers/Slack';
@@ -43,6 +44,7 @@ const Index: React.FC<{query: string}> = ({query}) => {
+
diff --git a/web/src/components/cards/providers/Instagram.tsx b/web/src/components/cards/providers/Instagram.tsx
new file mode 100644
index 0000000..6baa81f
--- /dev/null
+++ b/web/src/components/cards/providers/Instagram.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import {useTranslation} from 'react-i18next';
+import {FaInstagram} from 'react-icons/fa';
+
+import {Card, Repeater, ExistentialAvailability} from '../core';
+
+const InstagramCard: React.FC<{query: string}> = ({query}) => {
+ const {t} = useTranslation();
+ const lowerCase = query.toLowerCase();
+
+ const names = [query];
+ const moreNames = [`${lowerCase}app`, `${lowerCase}_hq`, `get.${lowerCase}`];
+
+ return (
+
+
+ {(name) => (
+ }
+ />
+ )}
+
+
+ );
+};
+
+export default InstagramCard;