feat: Add custom social embed for pins pages

templates/pins.html

@@ -8,15 +8,15 @@
     <meta name="theme-color" content="#ffffff">
     <link rel="canonical" href="https://hns.au/pins">
     <meta property="og:url" content="https://hns.au/pins">
-    <meta name="twitter:image" content="https://hns.au/assets/img/HNSAUbanner.png">
-    <meta name="twitter:description" content="The home of Australians using the decentralized web, built on Handshake.">
     <meta name="twitter:card" content="summary_large_image">
-    <meta property="og:description" content="The home of Australians using the decentralized web, built on Handshake.">
     <meta name="description" content="Handshake Australia">
-    <meta property="og:title" content="HNS AU">
     <meta property="og:type" content="website">
-    <meta name="twitter:title" content="HNS AU">
-    <meta property="og:image" content="https://hns.au/assets/img/HNSAUbanner.png">
+    <meta name="twitter:image" content="https://hns.au/assets/img/pins/IMG_8116.jpg">
+    <meta property="og:description" content="Show that you support Handshake with a HNS lapel pin. Created to our high stands with multiple colours to choose from. Free shipping worldwide.">
+    <meta property="og:image" content="https://hns.au/assets/img/pins/IMG_8116.jpg">
+    <meta property="og:title" content="Pins | HNS AU">
+    <meta name="twitter:description" content="Show that you support Handshake with a HNS lapel pin. Created to our high stands with multiple colours to choose from. Free shipping worldwide.">
+    <meta name="twitter:title" content="Pins | HNS AU">
     <link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">
     <link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png" media="(prefers-color-scheme: dark)">
     <link rel="icon" type="image/png" sizes="600x627" href="/assets/img/favicon.png">