Merge pull request #3308 from dfinity/rei/hero-texts

add #ICP hashtag to hero

src/components/Common/Icons/TwitterIcon.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+const TwitterIcon: React.FC<{ className?: string }> = ({ className }) => {
+  return (
+    <svg
+      version="1.1"
+      width="18"
+      height="18"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 300 300.3"
+    >
+      <path
+        d="M171.4,132.9L255,37.7h-19.8l-72.7,82.7l-58-82.7H37.7l87.7,125l-87.7,99.8h19.8l76.7-87.3l61.3,87.3h66.9 M64.6,52.3h30.4
+      l140.1,196.3h-30.5"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default TwitterIcon;

src/components/LandingPage/Hero/Hero.tsx

@@ -11,6 +11,7 @@ import { QueryClient, QueryClientProvider } from "react-query";
 import Link from "@docusaurus/Link";
 import LinkArrowUpRight from "../../Common/Icons/LinkArrowUpRight";
 import LinkArrowRight from "../../Common/Icons/LinkArrowRight";
+import TwitterIcon from "../../Common/Icons/TwitterIcon";
 const queryClient = new QueryClient();
 
 const Hero: React.FC<{
@@ -56,7 +57,13 @@ const Hero: React.FC<{
                 compute that’s simpler, immune to cyber attack, unstoppable, and
                 controllable by DAOs. Create web3 social networks and media,
                 socialfi, games, multi-chain dapps, AI, or an enterprise app.
-                The internet is evolving.
+                The internet is evolving.{" "}
+                <Link
+                  className="link-white link-with-icon !gap-[0.2em] !items-center"
+                  href="https://x.com/search?q=%23icp"
+                >
+                  #ICP <TwitterIcon />
+                </Link>
               </p>
               <div className="flex flex-col md:flex-row gap-8 mt-8 md:mt-6 md:items-center">
                 <Link