diff --git a/components/CallToActionGrid.tsx b/components/CallToActionGrid.tsx deleted file mode 100644 index e9c13b6d..00000000 --- a/components/CallToActionGrid.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import SquareCard from "./SquareCard"; - -export default function CallToActionGrid() { - return ( -
- - -
- ); -} diff --git a/components/JamCallToAction.tsx b/components/JamCallToAction.tsx index b9783073..16f9f587 100644 --- a/components/JamCallToAction.tsx +++ b/components/JamCallToAction.tsx @@ -1,5 +1,6 @@ import { GitHubLogoIcon } from "@radix-ui/react-icons"; import { getBannerCopy, JAM_URL } from "./utils/jam-cta"; +import SkillsBanner from "./SkillsBanner"; interface JamCallToActionProps { // Page slug under /utilities, used to pick the banner copy. @@ -37,6 +38,8 @@ export default function JamCallToAction({ tool }: JamCallToActionProps) { + +

diff --git a/components/SkillsBanner.tsx b/components/SkillsBanner.tsx new file mode 100644 index 00000000..03b170c1 --- /dev/null +++ b/components/SkillsBanner.tsx @@ -0,0 +1,79 @@ +import { GitHubLogoIcon } from "@radix-ui/react-icons"; +import { Check, Copy, Terminal } from "lucide-react"; +import { cn } from "@/lib/utils"; +import { useCopyToClipboard } from "./hooks/useCopyToClipboard"; +import { SKILLS_URL } from "./utils/jam-cta"; + +const INSTALL_COMMAND = "npx skills add jamdotdev/skills"; + +interface SkillsBannerProps { + className?: string; +} + +export default function SkillsBanner({ className }: SkillsBannerProps) { + const { buttonText, handleCopy } = useCopyToClipboard(); + const copied = buttonText !== "Copy"; + + const githubLink = ( + + + ); + + return ( +

+
+ + +

+ Teach your coding agent to show its work +

+ {githubLink} +
+ +

+ Open-source Jam skills: record a demo, attach proof to the PR, mark up a + screenshot, fix a bug from a recording. +

+ + + +
{githubLink}
+
+ ); +} diff --git a/components/SquareCard.tsx b/components/SquareCard.tsx deleted file mode 100644 index 7ad3f425..00000000 --- a/components/SquareCard.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import React from "react"; -import { Button } from "./ds/ButtonComponent"; -import { GitHubLogoIcon } from "@radix-ui/react-icons"; - -interface SquareCardProps { - logo: "github" | "jam"; - description: string; - href: string; - buttonText: string; -} - -export default function SquareCard(props: SquareCardProps) { - const { logo, description, href, buttonText } = props; - const logoMap = { - github: , - jam: , - }; - - return ( -
-
{logoMap[logo]}
-

{description}

- -
- ); -} - -const JamLogo = () => { - return ( - - - - - - - - - ); -}; diff --git a/components/utils/jam-cta.ts b/components/utils/jam-cta.ts index 74dba963..32aeb8c5 100644 --- a/components/utils/jam-cta.ts +++ b/components/utils/jam-cta.ts @@ -4,11 +4,12 @@ export interface JamBannerCopy { } export const JAM_URL = "https://jam.dev?ref=utils-banner"; +export const SKILLS_URL = + "https://github.com/jamdotdev/skills?ref=utils-banner"; export const defaultBannerCopy: JamBannerCopy = { title: "Fix your next bug faster", - description: - "Jam captures logs, network requests, and repro steps in one click.", + description: "Jam captures logs, network, and repro steps in one click.", }; const imageBannerCopy: JamBannerCopy = { diff --git a/pages/utilities/base64-to-image.tsx b/pages/utilities/base64-to-image.tsx index 0b356b3e..b2d3653e 100644 --- a/pages/utilities/base64-to-image.tsx +++ b/pages/utilities/base64-to-image.tsx @@ -5,7 +5,7 @@ import { Card } from "@/components/ds/CardComponent"; import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import GitHubContribution from "@/components/GitHubContribution"; import Base64ToImageSEO from "@/components/seo/Base64ToImageSEO"; @@ -159,7 +159,7 @@ export default function Base64ToImage() { username="devin-ai-integration" customUrl="https://app.devin.ai" /> - +
diff --git a/pages/utilities/cam.tsx b/pages/utilities/cam.tsx index 7107397c..0883514b 100644 --- a/pages/utilities/cam.tsx +++ b/pages/utilities/cam.tsx @@ -2,7 +2,7 @@ import { useCallback, useEffect, useRef, useState } from "react"; import PageHeader from "@/components/PageHeader"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { Card } from "@/components/ds/CardComponent"; import { Button } from "@/components/ds/ButtonComponent"; @@ -473,7 +473,7 @@ export default function CameraUtility() {
- + ); } diff --git a/pages/utilities/css-inliner-for-email.tsx b/pages/utilities/css-inliner-for-email.tsx index 451280a2..68613f0f 100644 --- a/pages/utilities/css-inliner-for-email.tsx +++ b/pages/utilities/css-inliner-for-email.tsx @@ -6,7 +6,7 @@ import { Button } from "@/components/ds/ButtonComponent"; import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { convertCSSToInline } from "@/components/utils/css-to-inline.utils"; import { CMDK } from "@/components/CMDK"; @@ -123,7 +123,7 @@ export default function CSSInlinerForEmail() { - + ); } diff --git a/pages/utilities/css-units-converter.tsx b/pages/utilities/css-units-converter.tsx index 3c6166b3..a09ebfa1 100644 --- a/pages/utilities/css-units-converter.tsx +++ b/pages/utilities/css-units-converter.tsx @@ -1,5 +1,5 @@ import { useCallback, useState } from "react"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import { CMDK } from "@/components/CMDK"; import { Card } from "@/components/ds/CardComponent"; import Header from "@/components/Header"; @@ -203,7 +203,7 @@ export default function CSSUnitsConverter() { - + ); } diff --git a/pages/utilities/csv-file-viewer.tsx b/pages/utilities/csv-file-viewer.tsx index aaa95468..8c0f921d 100644 --- a/pages/utilities/csv-file-viewer.tsx +++ b/pages/utilities/csv-file-viewer.tsx @@ -1,4 +1,4 @@ -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import { CMDK } from "@/components/CMDK"; import { Button } from "@/components/ds/ButtonComponent"; import { Card } from "@/components/ds/CardComponent"; @@ -999,11 +999,11 @@ export default function CSVLogsViewer() { )} -
+ + +
- - ); } diff --git a/pages/utilities/curl-to-javascript-fetch.tsx b/pages/utilities/curl-to-javascript-fetch.tsx index 0cca3e36..1c40e159 100644 --- a/pages/utilities/curl-to-javascript-fetch.tsx +++ b/pages/utilities/curl-to-javascript-fetch.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { toJavaScript } from "curlconverter"; @@ -71,7 +71,7 @@ export default function CurlToJavascript() {
- + ); } diff --git a/pages/utilities/env-to-netlify-toml.tsx b/pages/utilities/env-to-netlify-toml.tsx index 8f434d94..2e20d3e5 100644 --- a/pages/utilities/env-to-netlify-toml.tsx +++ b/pages/utilities/env-to-netlify-toml.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { envToToml } from "@/components/utils/env-to-toml.utils"; import EnvToTomlSEO from "@/components/seo/EnvToTomlSEO"; @@ -67,7 +67,7 @@ export default function EnvToToml() { - +
diff --git a/pages/utilities/file-integrity-checker.tsx b/pages/utilities/file-integrity-checker.tsx index 4fe8b0ed..e9cee892 100644 --- a/pages/utilities/file-integrity-checker.tsx +++ b/pages/utilities/file-integrity-checker.tsx @@ -7,7 +7,7 @@ import { Textarea } from "@/components/ds/TextareaComponent"; import Header from "@/components/Header"; import UploadIcon from "@/components/icons/UploadIcon"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { CMDK } from "@/components/CMDK"; import crypto from "crypto"; @@ -346,7 +346,7 @@ export default function FileIntegrityChecker() {
- +
diff --git a/pages/utilities/hash-generator.tsx b/pages/utilities/hash-generator.tsx index b5039f3c..e4c38ab4 100644 --- a/pages/utilities/hash-generator.tsx +++ b/pages/utilities/hash-generator.tsx @@ -6,7 +6,7 @@ import { Button } from "@/components/ds/ButtonComponent"; import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { CMDK } from "@/components/CMDK"; import { Combobox } from "@/components/ds/ComboboxComponent"; @@ -262,7 +262,7 @@ export default function HashGenerator() {
- + ); } diff --git a/pages/utilities/hex-to-rgb.tsx b/pages/utilities/hex-to-rgb.tsx index 3e1d8fc2..d09da8b6 100644 --- a/pages/utilities/hex-to-rgb.tsx +++ b/pages/utilities/hex-to-rgb.tsx @@ -17,7 +17,7 @@ import { import { Input } from "@/components/ds/InputComponent"; import CodeSnippetRow from "@/components/CodeSnippetRow"; import HexToRgbSEO from "@/components/seo/HexToRgbSEO"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { cn } from "@/lib/utils"; import RgbToHexSEO from "@/components/seo/RgbToHexSEO"; @@ -181,7 +181,7 @@ export default function HEXtoRGB(props: HEXtoRGBProps) { - +
{props.invertOrder ? : } diff --git a/pages/utilities/internet-speed-test.tsx b/pages/utilities/internet-speed-test.tsx index 113de717..5a1276cb 100644 --- a/pages/utilities/internet-speed-test.tsx +++ b/pages/utilities/internet-speed-test.tsx @@ -4,7 +4,7 @@ import { useCallback, useRef, useState } from "react"; import PageHeader from "@/components/PageHeader"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import SpeedTestEngine from "@cloudflare/speedtest"; import { Card } from "@/components/ds/CardComponent"; @@ -210,7 +210,7 @@ export default function InternetSpeedTest() {
- +
diff --git a/pages/utilities/json-to-csv.tsx b/pages/utilities/json-to-csv.tsx index 92eb753d..6659b3ba 100644 --- a/pages/utilities/json-to-csv.tsx +++ b/pages/utilities/json-to-csv.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { convertJSONtoCSV } from "@/components/utils/json-to-csv.utils"; import JsonToCsvSEO from "@/components/seo/JsonToCsvSEO"; @@ -77,7 +77,7 @@ export default function JSONtoCSV() {
- +
diff --git a/pages/utilities/json-to-tsv.tsx b/pages/utilities/json-to-tsv.tsx index 706cbd37..29931790 100644 --- a/pages/utilities/json-to-tsv.tsx +++ b/pages/utilities/json-to-tsv.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { convertJSONtoTSV } from "@/components/utils/json-to-tsv.utils"; import JsonToTsvSEO from "@/components/seo/JsonToTsvSEO"; @@ -77,7 +77,7 @@ export default function JSONtoTSV() {
- +
diff --git a/pages/utilities/json-to-yaml.tsx b/pages/utilities/json-to-yaml.tsx index 7a2e3832..a2d405a8 100644 --- a/pages/utilities/json-to-yaml.tsx +++ b/pages/utilities/json-to-yaml.tsx @@ -8,7 +8,7 @@ import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; import yaml from "js-yaml"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import JsonToYamlSEO from "@/components/seo/JsonToYaml"; @@ -69,7 +69,7 @@ export default function JSONtoYAML() {
- +
diff --git a/pages/utilities/jsonl-validator.tsx b/pages/utilities/jsonl-validator.tsx index 6118f37a..ff681d74 100644 --- a/pages/utilities/jsonl-validator.tsx +++ b/pages/utilities/jsonl-validator.tsx @@ -1,4 +1,4 @@ -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import { CMDK } from "@/components/CMDK"; import { Button } from "@/components/ds/ButtonComponent"; import { Card } from "@/components/ds/CardComponent"; @@ -344,7 +344,7 @@ export default function JsonlValidator() {
- +
diff --git a/pages/utilities/jwt-parser.tsx b/pages/utilities/jwt-parser.tsx index 7aca7276..e47d3831 100644 --- a/pages/utilities/jwt-parser.tsx +++ b/pages/utilities/jwt-parser.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { decodeJWT } from "@/components/utils/jwt-parser.utils"; import GitHubContribution from "@/components/GitHubContribution"; @@ -123,7 +123,7 @@ export default function JWTParser() {
- + ); } diff --git a/pages/utilities/lorem-ipsum-generator.tsx b/pages/utilities/lorem-ipsum-generator.tsx index 70f99234..8eaca624 100644 --- a/pages/utilities/lorem-ipsum-generator.tsx +++ b/pages/utilities/lorem-ipsum-generator.tsx @@ -1,6 +1,6 @@ import { useCallback, useEffect, useState } from "react"; import { generateLoremIpsum } from "@/components/utils/lorem-ipsum-generator"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import { CMDK } from "@/components/CMDK"; import { Button } from "@/components/ds/ButtonComponent"; import { Card } from "@/components/ds/CardComponent"; @@ -138,7 +138,7 @@ export default function LoremIpsumGenerator() { - +
diff --git a/pages/utilities/number-base-changer.tsx b/pages/utilities/number-base-changer.tsx index f5c83008..d5b4f530 100644 --- a/pages/utilities/number-base-changer.tsx +++ b/pages/utilities/number-base-changer.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { Combobox } from "@/components/ds/ComboboxComponent"; import NumberBaseChangerSEO from "@/components/seo/NumberBaseChangerSEO"; @@ -105,7 +105,7 @@ export default function NumberBaseChanger() {
- +
diff --git a/pages/utilities/query-params-to-json.tsx b/pages/utilities/query-params-to-json.tsx index cdbff954..b3c617a4 100644 --- a/pages/utilities/query-params-to-json.tsx +++ b/pages/utilities/query-params-to-json.tsx @@ -8,7 +8,7 @@ import Header from "@/components/Header"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; import QueryParamsToJsonSEO from "@/components/seo/QueryParamsToJsonSEO"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "../../components/Meta"; import { convertQueryParamsToJSON } from "../../components/utils/query-params-to-json.utils"; @@ -73,7 +73,7 @@ export default function QueryParamsToJSON() {
- +
diff --git a/pages/utilities/random-string-generator.tsx b/pages/utilities/random-string-generator.tsx index cf2b512f..dff4aae0 100644 --- a/pages/utilities/random-string-generator.tsx +++ b/pages/utilities/random-string-generator.tsx @@ -8,7 +8,7 @@ import Header from "@/components/Header"; import { Checkbox } from "@/components/ds/CheckboxComponent"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { Input } from "@/components/ds/InputComponent"; import { PasswordBuilder } from "@/components/utils/password-generator.utils"; @@ -203,7 +203,7 @@ export default function PasswordGenerator() {
- +
diff --git a/pages/utilities/regex-tester.tsx b/pages/utilities/regex-tester.tsx index b73a4409..28b5806a 100644 --- a/pages/utilities/regex-tester.tsx +++ b/pages/utilities/regex-tester.tsx @@ -15,7 +15,7 @@ import { getPatternBody, RegexFlags, } from "@/components/utils/regex-tester.utils"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import GitHubContribution from "@/components/GitHubContribution"; import RegexFlagToggle from "@/components/regex/RegexFlagToggle"; import RegexPresetPatterns from "@/components/regex/RegexPresetPatterns"; @@ -296,7 +296,7 @@ export default function RegexTester() {
- + ); } diff --git a/pages/utilities/sql-minifier.tsx b/pages/utilities/sql-minifier.tsx index 5009e392..420f9461 100644 --- a/pages/utilities/sql-minifier.tsx +++ b/pages/utilities/sql-minifier.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "../../components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import SQLMinifierSEO from "@/components/seo/SQLMinifierSEO"; import { @@ -99,7 +99,7 @@ export default function SQLMinifier() { - +
diff --git a/pages/utilities/tsv-to-json.tsx b/pages/utilities/tsv-to-json.tsx index 6bd635ec..c1f01d64 100644 --- a/pages/utilities/tsv-to-json.tsx +++ b/pages/utilities/tsv-to-json.tsx @@ -8,7 +8,7 @@ import Header from "@/components/Header"; import { Checkbox } from "@/components/ds/CheckboxComponent"; import { CMDK } from "@/components/CMDK"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import TsvToJsonSEO from "@/components/seo/TsvToJsonSEO"; import Meta from "@/components/Meta"; import { convertTSVtoJSON } from "@/components/utils/tsv-to-json.utils"; @@ -258,7 +258,7 @@ Bob\t35\tUK`;
- +
diff --git a/pages/utilities/unserializer.tsx b/pages/utilities/unserializer.tsx index 5558269b..8d541555 100644 --- a/pages/utilities/unserializer.tsx +++ b/pages/utilities/unserializer.tsx @@ -7,7 +7,7 @@ import { Label } from "@/components/ds/LabelComponent"; import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "../../components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import GitHubContribution from "@/components/GitHubContribution"; import UnserializerSEO from "@/components/seo/UnserializerSEO"; import Meta from "@/components/Meta"; @@ -154,7 +154,7 @@ export default function Unserializer() {
- +
diff --git a/pages/utilities/uuid-generator.tsx b/pages/utilities/uuid-generator.tsx index 8688faac..c724582d 100644 --- a/pages/utilities/uuid-generator.tsx +++ b/pages/utilities/uuid-generator.tsx @@ -4,7 +4,7 @@ import { Card } from "@/components/ds/CardComponent"; import { Button } from "@/components/ds/ButtonComponent"; import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import Meta from "@/components/Meta"; import { CMDK } from "@/components/CMDK"; import { Input } from "@/components/ds/InputComponent"; @@ -55,7 +55,7 @@ export default function UuidGenerator() {
- + ); } diff --git a/pages/utilities/wcag-color-contrast-checker.tsx b/pages/utilities/wcag-color-contrast-checker.tsx index 0a3f0c3d..9bf58a12 100644 --- a/pages/utilities/wcag-color-contrast-checker.tsx +++ b/pages/utilities/wcag-color-contrast-checker.tsx @@ -7,7 +7,7 @@ import { CMDK } from "@/components/CMDK"; import { Input } from "@/components/ds/InputComponent"; import { ColorPicker } from "@/components/ds/ColorPickerComponent"; import WcagColorContrastCheckerSEO from "@/components/seo/WcagColorContrastCheckerSEO"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import GitHubContribution from "@/components/GitHubContribution"; import Meta from "@/components/Meta"; import { @@ -236,7 +236,7 @@ export default function WcagColorContrastChecker() { - +
diff --git a/pages/utilities/xml-to-json.tsx b/pages/utilities/xml-to-json.tsx index abd301bd..200c8752 100644 --- a/pages/utilities/xml-to-json.tsx +++ b/pages/utilities/xml-to-json.tsx @@ -1,4 +1,4 @@ -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import { CMDK } from "@/components/CMDK"; import { Button } from "@/components/ds/ButtonComponent"; import { Card } from "@/components/ds/CardComponent"; @@ -82,7 +82,7 @@ export default function XMLtoJSON() { - +
diff --git a/pages/utilities/yaml-to-json.tsx b/pages/utilities/yaml-to-json.tsx index 34a180a9..57a0f54e 100644 --- a/pages/utilities/yaml-to-json.tsx +++ b/pages/utilities/yaml-to-json.tsx @@ -8,7 +8,7 @@ import Header from "@/components/Header"; import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard"; import yaml from "js-yaml"; import { CMDK } from "@/components/CMDK"; -import CallToActionGrid from "@/components/CallToActionGrid"; +import JamCallToAction from "@/components/JamCallToAction"; import YamlToJsonSEO from "@/components/seo/YamlToJsonSEO"; import Meta from "../../components/Meta"; @@ -69,7 +69,7 @@ export default function YAMLtoJSON() {
- +