feat: add link to download the uniswap wallet to the homepage (#6690)

* feat: add link to download the uniswap wallet to the homepage

src/components/Logo/AppleLogo.tsx

+export const AppleLogo = (props: React.SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 814 1000" {...props}>
+    <path
+      fill="currentColor"
+      d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
+    />
+  </svg>
+)

src/pages/Landing/index.tsx

@@ -7,6 +7,7 @@ import { MAIN_CARDS, MORE_CARDS } from 'components/About/constants'
 import ProtocolBanner from 'components/About/ProtocolBanner'
 import { useAccountDrawer } from 'components/AccountDrawer'
 import { BaseButton } from 'components/Button'
+import { AppleLogo } from 'components/Logo/AppleLogo'
 import { useAtomValue } from 'jotai/utils'
 import Swap from 'pages/Swap'
 import { parse } from 'qs'
@@ -193,7 +194,7 @@ const LearnMoreContainer = styled.div`
   cursor: pointer;
   font-size: 20px;
   font-weight: 600;
-  margin: 36px 0 0;
+  margin: 36px 0;
   display: flex;
   visibility: hidden;
   pointer-events: auto;
@@ -382,6 +383,11 @@ export default function Landing() {
                 <Trans>Learn more</Trans>
                 <LearnMoreArrow />
               </LearnMoreContainer>
+
+              <DownloadWalletLink href="https://wallet.uniswap.org/">
+                <AppleLogo width="20" height="20" />
+                Download the Uniswap Wallet for iOS
+              </DownloadWalletLink>
             </ContentContainer>
             <AboutContentContainer isDarkMode={isDarkMode}>
               <CardGrid cols={2} ref={cardsRef}>
@@ -407,3 +413,18 @@ export default function Landing() {
     </Trace>
   )
 }
+
+const DownloadWalletLink = styled.a`
+  display: inline-flex;
+  gap: 8px;
+  color: ${({ theme }) => theme.textSecondary};
+  text-decoration: none;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 500;
+  text-align: center;
+
+  :hover {
+    color: ${({ theme }) => theme.textTertiary};
+  }
+`