components/Cards.tsx
import Link from "next/link";
import classes from "./cards.module.scss";
export default function Cards() {
return (
<div className={classes.Cards}>
<div className={classes.Card}>
{" "}
<Link href="metatags/SEO/alternate(lang)">
<svg width="50" viewBox="0 0 1200 1200">
<g>
<path
d="m216 828c0 38.191 15.172 74.816 42.176 101.82 27.008 27.004 63.633 42.176 101.82 42.176h60c17.148 0 32.996-9.1484 41.57-24 8.5742-14.852 8.5742-33.148 0-48-8.5742-14.852-24.422-24-41.57-24h-60c-12.73 0-24.938-5.0586-33.941-14.059-9-9.0039-14.059-21.211-14.059-33.941v-468c0-12.73 5.0586-24.938 14.059-33.941 9.0039-9 21.211-14.059 33.941-14.059h468c12.73 0 24.938 5.0586 33.941 14.059 9 9.0039 14.059 21.211 14.059 33.941v60c0 17.148 9.1484 32.996 24 41.57 14.852 8.5742 33.148 8.5742 48 0 14.852-8.5742 24-24.422 24-41.57v-60c0-38.191-15.172-74.816-42.176-101.82-27.008-27.004-63.633-42.176-101.82-42.176h-468c-38.191 0-74.816 15.172-101.82 42.176-27.004 27.008-42.176 63.633-42.176 101.82z"
fill="currentColor"
/>
<path
d="m969.96 902.04-100.08-99.961h-0.003906c26.176-42.77 35.754-93.66 26.914-143.02-8.8398-49.359-35.477-93.766-74.867-124.8-39.391-31.031-88.797-46.539-138.86-43.578-50.062 2.9609-97.297 24.18-132.75 59.641-35.461 35.457-56.68 82.691-59.641 132.75-2.9609 50.059 12.547 99.465 43.578 138.86 31.035 39.391 75.441 66.027 124.8 74.867 49.363 8.8398 100.25-0.73828 143.02-26.914l99.961 100.08v0.003907c12.133 12.133 29.816 16.871 46.391 12.43 16.574-4.4414 29.52-17.387 33.961-33.961 4.4414-16.574-0.29688-34.258-12.43-46.391zm-273.96-98.039c-28.645 0-56.113-11.379-76.367-31.633-20.254-20.254-31.633-47.723-31.633-76.367s11.379-56.113 31.633-76.367c20.254-20.254 47.723-31.633 76.367-31.633s56.113 11.379 76.367 31.633c20.254 20.254 31.633 47.723 31.633 76.367s-11.379 56.113-31.633 76.367c-20.254 20.254-47.723 31.633-76.367 31.633z"
fill="currentColor"
/>
</g>
</svg>
<span className={classes.Title}>SEO Metatags</span>
</Link>
</div>
<div className={classes.Card}>
<Link href="/metatags/Technical/refresh">
<svg width="50" version="1.1" viewBox="0 0 1200 1200">
<g>
<path
d="m936 372h-195.96l49.078-49.199h0.003906c8.0078-7.793 13.105-18.094 14.438-29.188 1.332-11.094-1.1797-22.309-7.1172-31.773-7.8867-12.176-20.852-20.133-35.277-21.645-14.426-1.5156-28.762 3.5742-39.004 13.844l-68.762 68.762c-14.207 13.906-25.289 30.68-32.52 49.199-9.4141 24.383-11.531 50.98-6.1016 76.547 5.4336 25.57 18.188 49.004 36.703 67.453l70.68 70.801c10.062 10.078 24.082 15.168 38.266 13.895 14.184-1.2773 27.07-8.7852 35.176-20.496 6.5703-9.8438 9.4336-21.707 8.0703-33.465-1.3633-11.762-6.8594-22.652-15.512-30.734l-48-48h195.84c17.148 0 32.996-9.1484 41.57-24 8.5742-14.852 8.5742-33.148 0-48-8.5742-14.852-24.422-24-41.57-24z"
fill="currentColor"
/>
<path
d="m936 552c-12.73 0-24.938 5.0586-33.941 14.059-9 9.0039-14.059 21.211-14.059 33.941v84c0 12.73-5.0586 24.938-14.059 33.941-9.0039 9-21.211 14.059-33.941 14.059h-480c-12.73 0-24.938-5.0586-33.941-14.059-9-9.0039-14.059-21.211-14.059-33.941v-300c0-12.73 5.0586-24.938 14.059-33.941 9.0039-9 21.211-14.059 33.941-14.059h144c17.148 0 32.996-9.1484 41.57-24 8.5742-14.852 8.5742-33.148 0-48-8.5742-14.852-24.422-24-41.57-24h-144c-38.191 0-74.816 15.172-101.82 42.176-27.004 27.008-42.176 63.633-42.176 101.82v300c0 38.191 15.172 74.816 42.176 101.82 27.008 27.004 63.633 42.176 101.82 42.176h192v84h-96c-17.148 0-32.996 9.1484-41.57 24-8.5742 14.852-8.5742 33.148 0 48 8.5742 14.852 24.422 24 41.57 24h288c17.148 0 32.996-9.1484 41.57-24 8.5742-14.852 8.5742-33.148 0-48-8.5742-14.852-24.422-24-41.57-24h-96v-84h192c38.191 0 74.816-15.172 101.82-42.176 27.004-27.008 42.176-63.633 42.176-101.82v-84c0-12.73-5.0586-24.938-14.059-33.941-9.0039-9-21.211-14.059-33.941-14.059z"
fill="currentColor"
/>
</g>
</svg>
<span className={classes.Title}>Technical Metatags</span>
</Link>
</div>
<div className={classes.Card}>
<a href="/metatags/OpenGraph/OG">
<svg width="50" version="1.1" viewBox="0 0 1200 1200">
<path
d="m826.2 636-90.84-140.88c24.656-33.539 35.98-75.035 31.785-116.45-4.1953-41.41-23.617-79.793-54.496-107.7-30.883-27.906-71.023-43.359-112.65-43.359s-81.766 15.453-112.65 43.359c-30.879 27.91-50.301 66.293-54.496 107.7-4.1953 41.41 7.1289 82.906 31.785 116.45l-90.84 140.88c-40.352 2.4336-78.473 19.336-107.37 47.605-28.895 28.266-46.629 66.008-49.949 106.29-3.3203 40.289 7.9961 80.422 31.875 113.04s58.719 55.527 98.129 64.535c39.406 9.0078 80.738 3.5 116.42-15.504 35.676-19.008 63.305-50.238 77.812-87.969h118.56c14.508 37.73 42.137 68.961 77.812 87.969 35.68 19.004 77.012 24.512 116.42 15.504 39.41-9.0078 74.25-31.918 98.129-64.535s35.195-72.75 31.875-113.04c-3.3203-40.285-21.055-78.027-49.949-106.29-28.895-28.27-67.016-45.172-107.37-47.605zm-174.24 132h-103.92c-4.8711-21.992-14.117-42.781-27.188-61.129-13.07-18.348-29.699-33.879-48.891-45.672l69.48-108c37.711 14.402 79.406 14.402 117.12 0l69.48 108c-19.191 11.793-35.82 27.324-48.891 45.672-13.07 18.348-22.316 39.137-27.188 61.129zm-51.961-444c19.094 0 37.41 7.5859 50.91 21.09 13.504 13.5 21.09 31.816 21.09 50.91s-7.5859 37.41-21.09 50.91c-13.5 13.504-31.816 21.09-50.91 21.09s-37.41-7.5859-50.91-21.09c-13.504-13.5-21.09-31.816-21.09-50.91s7.5859-37.41 21.09-50.91c13.5-13.504 31.816-21.09 50.91-21.09zm-216 552c-19.094 0-37.41-7.5859-50.91-21.09-13.504-13.5-21.09-31.816-21.09-50.91s7.5859-37.41 21.09-50.91c13.5-13.504 31.816-21.09 50.91-21.09s37.41 7.5859 50.91 21.09c13.504 13.5 21.09 31.816 21.09 50.91s-7.5859 37.41-21.09 50.91c-13.5 13.504-31.816 21.09-50.91 21.09zm432 0c-19.094 0-37.41-7.5859-50.91-21.09-13.504-13.5-21.09-31.816-21.09-50.91s7.5859-37.41 21.09-50.91c13.5-13.504 31.816-21.09 50.91-21.09s37.41 7.5859 50.91 21.09c13.504 13.5 21.09 31.816 21.09 50.91s-7.5859 37.41-21.09 50.91c-13.5 13.504-31.816 21.09-50.91 21.09z"
fill="currentColor"
/>
</svg>
<span className={classes.Title}>OpenGraph Metatags</span>
</a>
</div>
<div className={classes.Card}>
<Link href="/metatags/Apple/apple-itunes-app">
<svg width="50" version="1.1" viewBox="0 0 1200 1200">
<g>
<path
d="m768 144h-336c-38.191 0-74.816 15.172-101.82 42.176-27.004 27.008-42.176 63.633-42.176 101.82v480c0 38.191 15.172 74.816 42.176 101.82 27.008 27.004 63.633 42.176 101.82 42.176h336c38.191 0 74.816-15.172 101.82-42.176 27.004-27.008 42.176-63.633 42.176-101.82v-480c0-38.191-15.172-74.816-42.176-101.82-27.008-27.004-63.633-42.176-101.82-42.176zm48 624c0 12.73-5.0586 24.938-14.059 33.941-9.0039 9-21.211 14.059-33.941 14.059h-336c-12.73 0-24.938-5.0586-33.941-14.059-9-9.0039-14.059-21.211-14.059-33.941v-480c0-12.73 5.0586-24.938 14.059-33.941 9.0039-9 21.211-14.059 33.941-14.059h336c12.73 0 24.938 5.0586 33.941 14.059 9 9.0039 14.059 21.211 14.059 33.941z"
fill="currentColor"
/>
<path
d="m648 336h-84c-17.148 0-32.996 9.1484-41.57 24-8.5742 14.852-8.5742 33.148 0 48 8.5742 14.852 24.422 24 41.57 24h84c17.148 0 32.996-9.1484 41.57-24 8.5742-14.852 8.5742-33.148 0-48-8.5742-14.852-24.422-24-41.57-24z"
fill="currentColor"
/>
</g>
</svg>
<span className={classes.Title}>Apple Metatags</span>
</Link>
</div>
<div className={classes.Card}>
<Link href="/metatags/Google/google-site-verification">
<svg width="50" version="1.1" viewBox="0 0 1200 1200">
<g>
<path
d="m216 391.2c-1.3398 12.746 2.4727 25.492 10.586 35.41 8.1172 9.918 19.859 16.18 32.613 17.391h4.8008c11.941 0.058594 23.477-4.332 32.352-12.32 8.875-7.9883 14.453-19 15.648-30.879l2.2812-22.32c1.6602-16.527 8.9805-31.969 20.727-43.715 11.742-11.742 27.188-19.066 43.711-20.727l22.082-2.0391c17.148-1.7148 32.078-12.449 39.168-28.156 7.0898-15.711 5.2617-34.008-4.8008-48-10.059-13.996-26.82-21.559-43.969-19.844l-22.32 2.2812c-38.594 3.8828-74.656 21.004-102.07 48.457-27.406 27.449-44.469 63.539-48.293 102.14z"
fill="currentColor"
/>
<path
d="m218.52 831.12c3.875 38.559 20.961 74.594 48.363 102 27.402 27.402 63.438 44.488 102 48.363l22.32 2.5195c12.746 1.3398 25.492-2.4727 35.41-10.586 9.918-8.1172 16.18-19.859 17.391-32.613v-4.8008c0.058594-11.941-4.332-23.477-12.32-32.352-7.9883-8.875-19-14.453-30.879-15.648l-22.32-2.2812c-16.527-1.6602-31.969-8.9805-43.715-20.727-11.742-11.742-19.066-27.188-20.727-43.711l-2.0391-22.082c-1.7148-17.148-12.449-32.078-28.156-39.168-15.711-7.0898-34.008-5.2617-48 4.8008-13.996 10.059-21.559 26.82-19.844 43.969z"
fill="currentColor"
/>
<path
d="m831.12 981.48c38.559-3.875 74.594-20.961 102-48.363 27.402-27.402 44.488-63.438 48.363-102l2.5195-22.32c1.3398-12.746-2.4727-25.492-10.586-35.41-8.1172-9.918-19.859-16.18-32.613-17.391h-4.8008c-11.941-0.058594-23.477 4.332-32.352 12.32-8.875 7.9883-14.453 19-15.648 30.879l-2.2812 22.32c-1.6602 16.527-8.9805 31.969-20.727 43.715-11.742 11.742-27.188 19.066-43.711 20.727l-22.082 2.0391c-12.73 1.2734-24.434 7.5508-32.535 17.453-8.1016 9.9023-11.938 22.617-10.664 35.348s7.5508 24.434 17.453 32.535c9.9023 8.1016 22.617 11.938 35.348 10.664z"
fill="currentColor"
/>
<path
d="m831.12 218.52-22.32-2.5195c-12.746-1.3398-25.492 2.4727-35.41 10.586-9.918 8.1172-16.18 19.859-17.391 32.613v4.8008c-0.058594 11.941 4.332 23.477 12.32 32.352 7.9883 8.875 19 14.453 30.879 15.648l22.32 2.2812c16.527 1.6602 31.969 8.9805 43.715 20.727 11.742 11.742 19.066 27.188 20.727 43.711l2.0391 22.082c1.7148 17.148 12.449 32.078 28.156 39.168 15.711 7.0898 34.008 5.2617 48-4.8008 13.996-10.059 21.559-26.82 19.844-43.969l-2.2812-22.32c-3.8828-38.594-21.004-74.656-48.457-102.07-27.449-27.406-63.539-44.469-102.14-48.293z"
fill="currentColor"
/>
<path
d="m777.96 777.96c9.0117-9.0039 14.078-21.223 14.078-33.961s-5.0664-24.957-14.078-33.961l-66.238-66.121-0.003906 0.003906c13.355-24.52 20.332-52.004 20.281-79.922 0-44.555-17.699-87.289-49.207-118.79-31.504-31.508-74.238-49.207-118.79-49.207s-87.289 17.699-118.79 49.207c-31.508 31.504-49.207 74.238-49.207 118.79s17.699 87.289 49.207 118.79c31.504 31.508 74.238 49.207 118.79 49.207 27.918 0.050781 55.402-6.9258 79.922-20.281l66.121 66.238-0.003907 0.003907c9.0039 9.0117 21.223 14.078 33.961 14.078s24.957-5.0664 33.961-14.078zm-285.96-213.96c0-19.094 7.5859-37.41 21.09-50.91 13.5-13.504 31.816-21.09 50.91-21.09s37.41 7.5859 50.91 21.09c13.504 13.5 21.09 31.816 21.09 50.91s-7.5859 37.41-21.09 50.91c-13.5 13.504-31.816 21.09-50.91 21.09s-37.41-7.5859-50.91-21.09c-13.504-13.5-21.09-31.816-21.09-50.91z"
fill="currentColor"
/>
</g>
</svg>
<span className={classes.Title}>Google Metatags</span>
</Link>
</div>
<div className={classes.Card}>
<Link href="/metatags/Miscellaneous/abstract">
<svg width="50" version="1.1" viewBox="0 0 1200 1200">
<path
d="m263.04 878.88c6.1797 29.707 22.402 56.379 45.941 75.523 23.539 19.148 52.957 29.598 83.301 29.598h415.44c30.344 0 59.762-10.449 83.301-29.598 23.539-19.145 39.762-45.816 45.941-75.523l44.398-213.48c1.7734-8.2812 2.6602-16.727 2.6406-25.199-0.011719-38.301-17.73-74.449-48-97.918v-86.281c0-38.191-15.172-74.816-42.176-101.82-27.008-27.004-63.633-42.176-101.82-42.176h-100.08l-67.922-67.922c-18.02-17.996-42.453-28.098-67.922-28.078h-148.08c-38.191 0-74.816 15.172-101.82 42.176-27.004 27.008-42.176 63.633-42.176 101.82v182.28c-30.27 23.469-47.988 59.617-48 97.918-0.011719 8.5117 0.87109 16.996 2.6406 25.32zm624.96-233.04-44.398 213.48c-1.707 8.2109-6.2227 15.57-12.773 20.805-6.5508 5.2383-14.723 8.0234-23.109 7.875h-415.44c-8.2852 0.007812-16.316-2.8398-22.742-8.0664-6.4258-5.2227-10.855-12.504-12.539-20.613l-44.398-213.36c-0.37891-1.8984-0.57812-3.8281-0.60156-5.7617 0-7.4766 2.9727-14.652 8.2578-19.941 5.2891-5.2852 12.465-8.2578 19.941-8.2578h519.6c7.4766 0 14.652 2.9727 19.941 8.2578 5.2852 5.2891 8.2578 12.465 8.2578 19.941 0.18359 1.875 0.18359 3.7656 0 5.6406zm-480-333.84h148.08l67.922 67.922c18.02 17.996 42.453 28.098 67.922 28.078h100.08c12.73 0 24.938 5.0586 33.941 14.059 9 9.0039 14.059 21.211 14.059 33.941v60h-480v-156c0-12.73 5.0586-24.938 14.059-33.941 9.0039-9 21.211-14.059 33.941-14.059z"
fill="currentColor"
/>
</svg>
<span className={classes.Title}>Misc Metatags</span>
</Link>
</div>
</div>
);
}