Update CompanyLogo component to use anchor tag for external links, enhancing accessibility and security with target and rel attributes.

docs/use-cases/tokenization/real-world-assets.page.tsx

@@ -237,8 +237,10 @@ function DeveloperTools() {
 
 function CompanyLogo({ className, alt, aspectRatio, link }) {
   return (
-    <div
-      onClick={() => window.open(link, "_blank")}
+    <a
+      href={link}
+      target="_blank"
+      rel="noopener noreferrer"
       className={`company-logo ${className}`}
       role="img"
       aria-label={alt}
@@ -409,15 +411,15 @@ function TokenHeroSection() {
           {translate("Real-World Asset (RWA) Tokenization")}
         </h1>
         <div className="button-container">
-          <a
+          <Link
             className="btn btn-primary p-12"
             target="_blank"
-            href="/static/pdf/Whitepaper_the_future_of_asset_tokenization.pdf"
+            to="/static/pdf/Whitepaper_the_future_of_asset_tokenization.pdf"
           >
             {translate("Get Started Now")}
-          </a>
+          </Link>
           <Link
-            className="internal-link btn-arrow"
+            className="internal-link"
             to="/docs/use-cases/tokenization/creating-an-asset-backed-multi-purpose-token"
           >
             {translate("Explore Institutional Solutions")}

styles/_pages.scss

@@ -1539,14 +1539,6 @@ html.light {
             display: inline-flex;
             align-items: center;
             background: none !important;
-            &::after {
-              content: url('../img/icons/arrow-right-purple.svg') !important;
-              position: relative;
-              top: 3px;
-              vertical-align: middle;
-              padding-left: 8px;
-              transition: transform 0.3s ease-out;
-            }
           }
   
         @media (max-width: 767px) {