diff --git a/src/assets/images/ad-formats-hero@1x.png b/src/assets/images/ad-formats-hero@1x.png new file mode 100644 index 00000000..d122d027 Binary files /dev/null and b/src/assets/images/ad-formats-hero@1x.png differ diff --git a/src/assets/images/full-brave-brand-black.svg b/src/assets/images/full-brave-brand-black.svg new file mode 100644 index 00000000..75ce5f27 --- /dev/null +++ b/src/assets/images/full-brave-brand-black.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/full-brave-brand.svg b/src/assets/images/full-brave-brand.svg new file mode 100644 index 00000000..28d618af --- /dev/null +++ b/src/assets/images/full-brave-brand.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/auth/views/GetStartedLandingPage.tsx b/src/auth/views/GetStartedLandingPage.tsx index 2c92a151..b0f48f4f 100644 --- a/src/auth/views/GetStartedLandingPage.tsx +++ b/src/auth/views/GetStartedLandingPage.tsx @@ -1,37 +1,45 @@ import { Box, Button, Link, Stack, Typography } from "@mui/material"; import { Trans } from "@lingui/macro"; import { Link as RouterLink } from "react-router-dom"; -import { useIsMobile } from "@/hooks/useIsMobile"; import { useIsAuthenticated } from "@/auth/hooks/queries/useIsAuthenticated"; +import adFormats from "@/assets/images/ad-formats-hero@1x.png"; export function GetStartedLandingPage() { const isAuthenticated = useIsAuthenticated(); - const isMobile = useIsMobile(); return ( - - - - Simple ads to reach digital trend-setters around the world - - + + + + + + Simple ads to reach digital trend-setters around the world + + - - - Get to your first million users with powerful ad placements on the - world’s fastest-growing alternative browser & search engine. - - + + + Get to your first million users with powerful ad placements on the + world’s fastest-growing alternative browser & search engine. + + + + + - + - {!isMobile && !isAuthenticated && ( + {!isAuthenticated && ( - @@ -36,7 +35,7 @@ export function LandingPage() { - + diff --git a/src/auth/views/components/FooterCTA.tsx b/src/auth/views/components/FooterCTA.tsx index 58fdffb3..5ba7ddcb 100644 --- a/src/auth/views/components/FooterCTA.tsx +++ b/src/auth/views/components/FooterCTA.tsx @@ -23,14 +23,19 @@ export function FooterCTA() {