From 86a952505e2224bc31d33ef452cc8bd1afc76782 Mon Sep 17 00:00:00 2001
From: Daniel <danielBeets@protonmail.com>
Date: Thu, 19 Dec 2024 15:57:40 +0800
Subject: [PATCH] Add audit link

---
 .../sections/LandingBeetsStakedSonic.tsx          | 15 +++++++++++++--
 .../lib/shared/components/imgs/SpearbitLogo.tsx   |  5 ++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/apps/beets-frontend-v3/lib/modules/landing-page/sections/LandingBeetsStakedSonic.tsx b/apps/beets-frontend-v3/lib/modules/landing-page/sections/LandingBeetsStakedSonic.tsx
index 5ae7d3dc5..c25e5c9aa 100644
--- a/apps/beets-frontend-v3/lib/modules/landing-page/sections/LandingBeetsStakedSonic.tsx
+++ b/apps/beets-frontend-v3/lib/modules/landing-page/sections/LandingBeetsStakedSonic.tsx
@@ -1,10 +1,12 @@
 'use client'
 
-import { Box, Flex, Grid, GridItem, Heading, Text } from '@chakra-ui/react'
+import { Box, Flex, Grid, GridItem, Heading, HStack, Text, Link } from '@chakra-ui/react'
 import { LandingSectionContainer } from '../components/LandingSectionContainer'
 import { StakedSonicComposabilitySvg } from '../components/StakedSonicComposabilitySvg'
 import { StakedSonicDecentralizationSvg } from '../components/StakedSonicDecentralizationSvg'
 import { StakedSonicStakingRewardsSvg } from '../components/StakedSonicStakingRewardsSvg'
+import { SpearbitLogo } from '@repo/lib/shared/components/imgs/SpearbitLogo'
+import NextLink from 'next/link'
 
 export function LandingBeetsStakedSonic() {
   return (
@@ -81,10 +83,19 @@ export function LandingBeetsStakedSonic() {
               </Box>
               <Box flex="1" ml="xl">
                 <Heading fontSize="2xl">Security & Trust</Heading>
-                <Text fontSize="lg" fontWeight="thin">
+                <Text fontSize="lg" fontWeight="thin" mb="md">
                   Protected by audited contracts and transparent governance, stS ensures your assets
                   remain secure and accessible.
                 </Text>
+                <Link
+                  href="https://github.com/spearbit/portfolio/blob/master/pdfs/Beethoven-Sonic-Staking-Spearbit-Security-Review-December-2024.pdf"
+                  target="_blank"
+                >
+                  <HStack gap="md">
+                    <Heading fontSize="2xl">Audited by: </Heading>
+                    <SpearbitLogo height="36px" width="176px" color="#25f2d0" />
+                  </HStack>
+                </Link>
               </Box>
             </Flex>
           </GridItem>
diff --git a/packages/lib/shared/components/imgs/SpearbitLogo.tsx b/packages/lib/shared/components/imgs/SpearbitLogo.tsx
index 4020b5b58..b0e72924c 100644
--- a/packages/lib/shared/components/imgs/SpearbitLogo.tsx
+++ b/packages/lib/shared/components/imgs/SpearbitLogo.tsx
@@ -1,5 +1,7 @@
+import { SVGProps } from 'react'
+
 /* eslint-disable max-len */
-export function SpearbitLogo() {
+export function SpearbitLogo({ ...props }: SVGProps<SVGSVGElement>) {
   return (
     <svg
       fill="none"
@@ -7,6 +9,7 @@ export function SpearbitLogo() {
       viewBox="0 0 200 41"
       width="200"
       xmlns="http://www.w3.org/2000/svg"
+      {...props}
     >
       <g clipPath="url(#clip0_2001_143)">
         <path